Contact Form Page
In the following article we show how to create the 4 contact forms from our demo site.
Contact Forms 1 and 4
The following video explains how to set up both contact form 1 and 4.
Contact Forms 2 and 3
The following video explains how to set up both contact form 2 and 3.
Adding Custom Contact Form
With Flothemes we have added the option for you to create a custom contact form using CF7 or Ninja forms. Then you can simply paste the shortcode into the contact form templates settings. This will overwrite the standard contact form and replace it, whilst keeping the same Flothemes styling.
Step 1 – Create Custom Form
See the following documentation on creating a custom contact form with Ninja forms.
Copy the shortcode from the created form, you’ll need it later.
Step 2 – Create Contact Page
Go to Pages > Add New and then use the page template Contact Page:
Step 3 – Add details
Once this page template is selected, copy the shortcode and paste it into the Custom Form Shortcode Section:
Step 4 – Select View
Select the contact page type and then save the form. The rest of the contact form details can be ignored as the custom contact form settings should be used.
Step 5 – Test the Form
Test the form and make sure that you’re receiving the emails. If not, refer to the documentation on contact form email issues.
Page Settings
With Como we’ve added some additional page settings that can be applied separately on any page. The options will be available just below the main page content.
Show Page Title
Do you want to display the page title, select “Yes” or “No”
Use Big Title
One of the key features to Como is the option for oversized and large titles. To enable this for the page, select “Yes” for this option.
Enable Widget Area Located before page content
If you have added any widgets in the widget area before page content in Appearance > Widgets you can show them on the page.
Enable Widget Area Located below page content
If you have added any widgets in the widget area below page content in Appearance > Widgets you can show them on the page.