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

Benefits

Integrate GemPages with Omnisend to use Omnisend Landing Page and Embedded signup forms as elements in the GemPages builder.

Setup Process

Step 1. In your GemPages editor, go to the Other Elements section → click Add Elements.

Step 2. In the Popup window, go to the Third-party section → pick Omnisend among other integrations.

Step 3. Once you click on Omnisend, the Omnisend integration window will pop up → click Add Element.

That's it! Omnisend will now appear in the Other Elements section.

Using Omnisend Element in GemPages Builder

To use the Omnisend element, go to GemPages builder and add the 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 Signup Form in Omnisend. Then enable the form and copy the Landing Page link.

💬 Learn more: Create a Landing Page Signup Form.

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

Edit the way the Landing Page form looks on your GemPages page using the Design tab.

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

Adding Embedded Form

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

💬 Learn more: Create an Embedded Signup Form.

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

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

Edit the way the Embedded form looks on your GemPages page using the Design tab.

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

💡 Here's an example of how an Embedded signup form will look on your live page.

If you have any further questions or require assistance, contact us at [email protected] or through our in-app chat.