Here is demo for this page.
- Go to your setting form like example
- Use theĀ Contact Form 7
- Go to Form setting and put the below code like image
<div class="field is-grouped">
<div class="control is-expanded">
[text* your-name class:input placeholder "Name"]
</div>
<div class="control is-expanded">
[email* your-email class:input placeholder "Email"]
</div>
</div>
<div class="field">
<div class="control">
[text* your-subject class:input placeholder "Subject"]
</div>
</div>
<div class="field mb-6">
<div class="control">
[textarea* your-message class:textarea placeholder "Write something..."]
</div>
</div>
<div class="field my-5">
<div class="control has-text-centered">
[submit class:button class:is-primary "Submit"]
</div>
</div>