Skip to main content
All CollectionsIntegrationsWebsite
How to integrate a Qomon form to your website
How to integrate a Qomon form to your website

Integrate your Qomon online forms or petitions on your website or use the Wordpress plugin to grow your contact database.

Aurelien Charrier avatar
Written by Aurelien Charrier
Updated today

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.

  1. Access the Forms tab in Qomon

  2. Select or create the form you’d like to integrate into your website

  3. 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:

  1. Go to Plugins > Add New from the sidebar menu

  2. Search for the Qomon plugin or upload the .zip file (download here)

  3. 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, replacing my-form-id with 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!

Did this answer your question?