All Collections
Integrations
Website
How to integrate a Qomon form on my website
How to integrate a Qomon form on my website

Integrate your Qomon online forms on your website or use the Wordpress plugin.

Aurelien Charrier avatar
Written by Aurelien Charrier
Updated over a week ago

How to integrate a Qomon form on my website

Grow your contact database with Qomon online forms or Petitions.

By integrating your Qomon form into your website, contacts who fill out the form will be sent directly to your Qomon contact database.

1. How to integrate a form on my website (HTML)

Integrating a Qomon form into your website is simple but you'll need access to edit your website pages.

1) Access the Forms tab in Qomon

2) Select or create the form you'd like to integrate to 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 in (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.

To do this, go to Plugins > Add New from the sidebar menu.

You can then use the search bar to find the plugin, or if you have the .zip file (download here), click on Upload. Click on Install, and once done, activate it.

a. Adding via the Qomon Form Block

Once activated, you can add a form to your page using a Qomon Form block:

The block will appear, allowing you to add the ID of your form:

Once the page is updated, the corresponding form will be displayed.

b**. Adding via the shortcode [qomon-form]**

Similarly, you can add a shortcode block:

Once it's on the page, you'll need to write this code [qomon-form id=my-form-id] inside the block, replacing my-form-id with the ID of your form:

Once the page is updated, the corresponding form will be displayed.

3.[Expert] How to customize integrated form?

You now have the ability to fully customize your integrated form to match your website.

Did this answer your question?