- Install and activate the free plugin ‘Contact Form 7‘
- Create the necessary form
- For design, you can use the HTML elements from the site https://bulma.io/
- Insert the form shortcode on the page
The code uses in demo page ‘Contact’:
<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>