Instruction
Create your form
- You can see the create button under Forms tab.
- Do not forget to save the form details after filling them.
- After saving the form, you can copy its code by using "Copy" link from the form.
- Paste that HTML code on theme, template, page, etc.
- OR You can select the page from the select box to paste the code automatically.
Note: Please do not update the form action, class: contact-form ui-sortable, id, Method and onsubmit perameters. You can add your own class on form tag. For the button, do not update the onclick action.
Remove form code
- Go to the template or page where you want to remove the form code.
<div class="cs-custom-form">form code</div>
Find the above code and remove whole code from there.
Add Mailchimp or Klaviyo
- You have to add API key under the settings if you want to use this feature.
- After adding the API key, You can see the select box for Mailchimp and Klaviyo when you create a form.
- After adding the google ReCaptcha API key, You can see this checkbox to enable and disable the google ReCaptcha for the form.
Display submitted data
- Under "Submitted Forms" You can see all the data of your forms.
- You can select single form to display the data based form.
Send data to third party server
- You can send the data to the third party server using Webhook URL option. For example, if you have a lead system and want this submitted data on that system then this option is useful to you. Just need to add the URL on Webhook URL option and we send the JSON data on that URL after submitting form.
Server side validation using PHP
- Here you have some knowledge about the PHP. Click here to get more details.
- Suppose a field name is "Phone Number" and you want that field with max length > 10.
Example code is:function validData($data) { if(strlen($data['phone_number']) > 10) { return 'Phone number must be max 10 digit'; } return $data; }
You can add your code as per below.function validData($data) { // Here if your code return $data; }