How to Add Moast Shoppable Videos to GemPages

Overview

Moast works with GemPages by using a simple Liquid embed code.

You'll first create your widget in Moast, copy the Liquid code, then paste it into a Liquid or Custom Code element in GemPages.

Once added, your Moast widget will display on your GemPages page.
​

Step 1: Create your widget in Moast

1. Open the Moast app.

2. Go to Widgets.

3. Click an existing widget or create a new one.

4. Follow the steps to build your widget.

5. Click Embed code in the top right.

6. Click Copy Liquid Code.

Keep this code copied. You'll paste it into GemPages in the next step.

Step 2: Add the widget to GemPages

1. Open the page you want to edit in GemPages.

2. Search for the Liquid or Custom Code element in the left sidebar.

3. Drag the element onto your page.

4. Right-click the element and select Edit Code, or click the pencil icon.

5. Paste your Moast Liquid code into the editor.

6. Click Save.

7. Click Publish in the top right to update your page.

Step 3: Publish your page

Publish your page to make sure the widget is displaying correctly.

ℹ️ Note that some settings may not display properly in the preview because it doesn't inject our theme script, so always double-check after publishing your page.

Adding Product Videos to GemPages Product Pages

If you want each product page to automatically show its own tagged videos, create a Product Page widget in Moast.

When creating the widget:

• Select Product page as the placement.

• Select Smart Auto-Match.

Then copy the Liquid code for that widget and add it to your GemPages product page template using the same steps above.

Once it's added, you don't need to update your GemPages page again.

ℹ️ Whenever you tag a video with a product inside Moast, that video will automatically appear on the matching product page.

This is the recommended setup for product pages because it updates automatically as you add new content.