Chloé comes with integrated support for the Contact Form 7 plugin:
If you imported Demo Content, there’s a page called Contact Us with the contact form.
If you don’t want to import Demo Content, it’s fine too. Below please see the code both for the contact form and the contact page.
Navigate to the WordPress Dashboard to Pages and create a new page. Then activate the Text tab of the WordPress editor and paste the following code:
[row cols_nr="2"][col size="4"] <h3>Contact Form 7 Integration</h3> [/col][col size="8"] You may easily setup a contact form with the <a href="https://wordpress.org/plugins/contact-form-7/">Contact Form 7</a> integrated support. For more information please refer to the <a href="https://contactform7.com/getting-started-with-contact-form-7/">Getting Started</a> tutorial, that explains how to display a form on your page, and how to customize your forms and mail. [/col][/row] <hr /> [row cols_nr="2"][col size="4"] <h3>Get in Touch 📨</h3> [/col][col size="8"] [contact-form-7 id="12345" title="Contact Us"] [/col][/row]
Don’t forget to replace
12345 with the ID of your own contact form.
<div class="pk-row"> <div class="pk-col-md-6"> <label> Your Name (required) [text* your-name] </label> </div><div class="pk-col-md-6"> <label> Your Email (required) [email* your-email] </label> </div> </div> <label for="cs-message">Your Message (required)</label> [textarea* your-message id:cs-message x5][/textarea*] [submit class:button class:button-primary "Send"]
Please refer to the Contact Form 7 documentation for more details on how to configure your contact forms.