Instruction

Create your form

  • You can see the create button under Forms tab.
    Create form
  • 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.
    Copy HTML 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.
    Select page

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. Remove code

Add Mailchimp or Klaviyo

  • You have to add API key under the settings if you want to use this feature.
    API setup
  • After adding the API key, You can see the select box for Mailchimp and Klaviyo when you create a form.
    Select List
  • After adding the google ReCaptcha API key, You can see this checkbox to enable and disable the google ReCaptcha for the form.
    Google reCaptch

Display submitted data

  • Under "Submitted Forms" You can see all the data of your forms.
    List of data
  • 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.
    webhook setup

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;
    						} 
    					
    sample PHP function

    You can add your code as per below.
    					function validData($data) {
    						// Here if your code
    						return $data;
    					}