- 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>