How to integrate a Qomon form on my website
By integrating a Qomon form into your website, contacts who fill out the form will be sent directly to your Qomon contact database.
Before reading, take a look at how to create an online form or a petition!
1. Integrating a form on my website (HTML)
Integrating a Qomon form into your website is simple but requires access to edit your website pages.
Access the Forms tab in Qomon
Select or create the form you’d like to integrate into your website
Once your form is published, click on the "Integrate" button
To begin, insert this code inside your web page's <head> tag where you want to display your form:
<script defer async src="https://scripts.qomon.org/forms/v1/setup.js"></script>
In your web page body, between the <body> and </body> tags, insert the code provided in the pop-up where you want the form to appear (you can insert multiple forms on the same page):
Congrats! You’ve successfully integrated your form into your website! 🎉
💡 More info concerning <div> tag: You can find your form ID in the data-base_id. This can be found in your form's editing page URL (it is not your form's final URL).
2. Using the WordPress Plugin
If your website uses WordPress, you can add the Qomon form plugin:
Go to Plugins > Add New from the sidebar menu
Search for the Qomon plugin or upload the .zip file (download here)
Click on Install, and once done, activate it
a. Adding via the Qomon Form Block:
Once activated, add a Qomon Form block to your page.
Enter the form ID in the block to display it.
b. Adding via the shortcode [qomon-form]:
Add a shortcode block to your page.
Insert
[qomon-form id=my-form-id]inside the block, replacingmy-form-idwith the ID of your form.
3. Expert Tip: How to Customize an Integrated Form
You now have the ability to fully customize your integrated form to match your website. For step-by-step guidance, refer to this help article.
💬 More questions? Reach out to support!