Synctrack Estimated Delivery Date
  • Welcome to Synctrack Estimated Delivery Date
  • About the app
    • Terminology
    • Embed app - Add block
    • Subscription plan & Additional services
  • Rule setup
    • Create estimate rule
    • Appearance
    • Date fields and Variables
    • Translation
  • General settings
    • Date & time
    • Geolocation & validity
    • Display & position
  • For Shopify Plus
    • ETA Checkout Extension
  • Work with Page Builders
    • Code snippet
    • Common builders
      • PageFly
      • GemPages
  • Integrate with logistics services
    • 🇮🇳Shiprocket
  • LINK
    • INSTALL NOW
    • CHANGELOG
Powered by GitBook
On this page
  • Add via Shopify App block (GemPages v7)
  • Custom code liquid (GemPages v7, v6, or older versions)
  • Code snippet

Was this helpful?

  1. Work with Page Builders
  2. Common builders

GemPages

PreviousPageFlyNextShiprocket

Last updated 7 months ago

You can embed Omega Estimated Delivery Date in GemPages Landing Page Builder.

Add via Shopify App block (GemPages v7)

  1. Go to GemPages Builder and select the page you want to embed app.

  2. Select Elements in the vertical navigation bar, search "Shopify App".

  1. Drag and drop the HTML/Liquid block to the desired position where you want the ETA widget to show.

  1. Follow setup guides of GemPages. Click Open Shopify Editor.

  1. Add block app Omega Estimated Delivery.

Widget will appear in the block you added in GemPages. Click "Save" then close Tab.

  1. Back to GemPages Builder editor, click "Save". You must publish the page to live to see the changes.

Custom code liquid (GemPages v7, v6, or older versions)

  1. Enable the App: First, enable Omega Estimated Delivery Date in App embeds in the Shopify Theme Editor.

  2. Go to GemPages Builder and select the page you want to embed app (e.g., Product page).

  • 2.1) Select Elements in the navigation bar.

  • 2.2) Select Custom Code (GemPages v7) or Liquid (GemPages v6 or older)

  • 2.3) Drag and drop the a block to the desired position where you want the ETA widget to show.

  • 2.4) Open code editor. Insert the provided code snippet into the HTML/Liquid code editor and click Save.

Code snippet

<div class="ot-estimated-shipping"></div>

  • 2.5) You must Save and Publish the page to live to see the changes.

Depending on the theme and page, widgets may not display correctly. If you encounter this issue or find the setup difficult, please contact us for support.

Page cover image