Creating a Contact Form Using Kwes

Requirements:
A Kwes account; a theme editor or a plugin for inserting scripts (e.g., Scripts n Styles, Header and Footer)

Getting Started

Follow the steps below to create a contact form using Kwes.

  1. Sign Up Go to the official Kwes website.
  2. Register Your Website Click the [Add Website] button to register your website, then enter the website name.
  3. Create a Form Give the form a name and click the [Add Form] button.
  4. Copy the JavaScript Link After copying the code, click the [Next] button. 
    < script src = " https://kwes.io/js/kwes.js" ></ script >

  5. Copy the form code
  6. Add an action URL
  7. Customize fields
  8. Add optional fields and copy them.
  9. First Submission Before clicking [Finish], go to the Shifter dashboard to complete the form setup.
  10. Launch WordPress from the Shifter Dashboard Return to the Shifter dashboard and click the [Start WordPress] button.
  11. Insert the Script Code

    You can either add the code directly to your theme’s footer.php or use plugins such as Scripts n Styles or Header and Footer Scripts.

    How to install and configure the Scripts n Styles and Header and Footer Scripts plugins:

    • Script’n’Style:
      1. Go to [Plugins] -> [Add New].
      2. Search for the plugin and install it.
      3. Go to the [Global] tab.
      4. Paste the copied script into the [HTML (end of the body tag)] text area.
      5. Click [Save Changes].
    • Header and Footer Scripts:
      1. Go to [Plugins] -> [Add New].
      2. Search for the plugin and install it.
      3. Click [Add New].
      4. Select [Site Wide] from Site Display.
      5. Select [Footer] from the “Location” dropdown.
      6. Paste the JavaScript link from Step 4 into the Snippet/Code area. 
        < script src = "https://kwes.io/js/kwes.js" ></ script >
      7. Click the [Save] button.

    Access the running WordPress and confirm that the code is displayed.

  12. Add a Form
    1. Create a page.
    2. Select [Custom HTML] from the Formatting menu.
    3. Paste the copied form code (from Step 8) into the text area.
    4. Publish the page.

  13. Go to the form page and submit the form for the first time.

  14. Click [Set As Testing Domain]. The form on your live WordPress site is now set up for testing.

  15. Return to the Kwes dashboard and verify that the first submission has been received.

  16. Generate an artifact, publish it, and test the form.

  17. Click [Set As Live Domain].

That’s it!