Requirements
-
Kwes account
-
Theme editing or script inserting plugin (e.g. Scripts n Styles or Header and Footer )
Getting started
1. Sign up
Access Kwes’ official site
![](/wp-content/uploads/2024/03/197381359-d13baf9bfd66846f99bbf352.png)
2.Add resister web site
Click [Add Website] button to register website and input Website name.
![](/wp-content/uploads/2024/03/197353700-15a475e7974c3398e7ee2242.png)
![](/wp-content/uploads/2024/03/197353738-d0d9ac648e903ffddffba9a5.png)
3. Create form
Name your form and click [Add Form] button.
![](/wp-content/uploads/2024/03/197353809-a8f86c739a3ebc4e407074b4.png)
4. Copy JavaScript link
Click [Next] button after copying code:
<script src="https://kwes.io/js/kwes.js"></script>
![](/wp-content/uploads/2024/03/197358779-d05d2f68600884f51f41ab83.png)
5. Copy Form code
![](/wp-content/uploads/2024/03/197358828-9d485cc052838d2fbcb2ae8d.png)
6. Add action URL
![](/wp-content/uploads/2024/03/197358846-cf2095a5504ba26065c566b7.png)
7. Customise field
![](/wp-content/uploads/2024/03/197358940-f94d0fb25e15e581de66d98e.png)
8. Add some optional field and copy it.
![](/wp-content/uploads/2024/03/197359078-d73bc712b48c603794e1aa52.png)
9. Send first submission
Before clicking [Finish], access Shifter dashboard to complete setting up a form.
![](/wp-content/uploads/2024/03/197359818-325c7f7c1477c7c80c48b792.png)
10. Start WordPress from Shifter dashboard.
Back to Shifter dashboard, click [Start WordPress] button.
11. Insert script code
You can directly add code to theme’s footer.php or with using plugin like Scripts n Styles, Header and Footer Scripts or other similar plugins.
We’ll show you the way to install Scripts n Styles plugin and Header and Footer Scripts, and how to set them up.
Script’n’Style:
i. Navigate [Plugins] –> [Add New]
![](/wp-content/uploads/2024/03/212118030-441ba5602ff0a5318fde7aaa.png)
ii. Search and Install the plugin
![](/wp-content/uploads/2024/03/212119617-b814d4db564d204b53d8eb3b.png)
iii. Navigate to [Global] tab
iv. Paste copied script to text area of [HTML (end of the body tag)]
v. Then click [Save Changes]
![](/wp-content/uploads/2024/03/197373677-fced87750c0410bacefd909a.png)
Header and Footer Scripts
i. Navigate [Plugins] –> [Add New]
![](/wp-content/uploads/2024/03/212118030-441ba5602ff0a5318fde7aaa.png)
ii. Search and Install the plugin
![](/wp-content/uploads/2024/03/212119280-5fb66635c45059b461a270f1.png)
iii. Click [Add new]
iv. Choose [Site Wide] from Site Display
v. Choose [Footer] from Location
vi. Paste JavaScript link on Step 4 to Snippet/Code area.
<script src="https://kwes.io/js/kwes.js"></script>
vii. Click [Save] button
![](/wp-content/uploads/2024/03/197372189-e78ded3850397fd734a5d773.png)
Access running WordPress and make sure code is shown.
12. Add Form
i. Create page
ii. Choose [Custom HTML] from Formatting menu
![](/wp-content/uploads/2024/03/197375821-53c2b3bfd0da94e2413a95ab.png)
iii. Paste copied form code step 8 to text area
![](/wp-content/uploads/2024/03/197376071-1f04fdefdf447cd58443d8b2.png)
iv. Publish
13. Send first first submission with accessing Form page
![](/wp-content/uploads/2024/03/197376431-f5e06bdd11124713dc0debb0.png)
14. Click [Set As Testing Domain]
![](/wp-content/uploads/2024/03/197378864-207f9bfe7033cfd18198b2a9.png)
Now a form on running WordPress is set as test.
![](/wp-content/uploads/2024/03/197380255-ff467b3d494f1ec953b8dfbb.png)
15. Back to Kwes dashboard and confirm initial submission is arrived.
![](/wp-content/uploads/2024/03/197379193-82619cd5f1fc3bd8884ad51c.png)
16. Generate an Artifact, then publish and test form.
![](/wp-content/uploads/2024/03/197384536-c64f08e757ef525dc20a07c0.png)
17. Click [Set As Live Domain]
![](/wp-content/uploads/2024/03/197385099-a73d635722256fdb3fe4963b.png)
That’s all!