GemPages is an intuitive drag & drop page builder you can use to create visual-stunning, high-converting, and SEO-friendly pages of all types and purposes. It is compatible with any Shopify themes and come with an extensive library of elements, templates, integrations, and sales boosters.

Contents

Benefits

Setup Process

Using Omnisend Element in GemPages Builder

Benefits

Integrate GemPages with Omnisend to use Omnisend Landing page and embedded forms as elements in the GemPages builder.

Setup Process

Firstly, go to your GemPages editor. Scroll to the 'Other Elements' section and click 'Add Elements' button:

In the Popup window go to 'Third-party' section and pick Omnisend among other integrations:

Once you click on 'Omnisend', Omnisend integration window will pop up. Add this element by clicking the 'Add Element' button:

That's it! Omnisend element will appear in the 'Other Elements' section:

Using Omnisend Element in GemPages Builder

Firstly, go to GemPages builder and add Omnisend element where you want your Landing page/Embedded form to be shown:

Adding Landing Page form

If you want to add an Omnisend Landing Page form to your GemPages page, you need to create and design a Landing page form in Omnisend. Then copy the Landing page link on the Confirm&Launch step and enable the form:

Go back to GemPages builder. Make sure 'Landing page' option is selected in the Omnisend Element and paste the Landing Page link into the corresponding field:

Edit the way Landing Page form looks like on your GemPages page using 'Design' tab:

Form preview won't be shown in the page editor. So, if you want to check how the Landing Page form looks like, you'll need to save the changes and go the Preview mode:

Here's an example of how it'll look like on a live page:

Adding Embedded form

If you want to add Omnisend Embedded form to your GemPages page, you need to create&design it first. Then copy the code:

Go back to the GemPages editor. Make sure to select 'Embedded' option and paste the code that you've copied on the previous step.

Note! Only a part of the code will be pasted. The <div> HTML tags are added automatically by GemPages editor. So, to avoid duplicate code, <div id="omnisend-embedded-v2-youruniquecode"></div> will be converted into v2-youruniquecode

Edit the way Embedded form looks like on your GemPages page using 'Design' tab:

Form preview won't be shown in the page editor. So, if you want to check how the Embedded form looks like, you'll need to save the changes and go the Preview mode:

Here's an example of how it'll look like on live page:

Did this answer your question?