How to Add Moast Shoppable Videos to EComposer

Overview

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

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

Once added, your Moast widget will display on your EComposer 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 EComposer in the next step.
​

Step 2: Add the widget to EComposer

1. Open EComposer from your Shopify Apps.

2. Open the page or template you want to edit.

3. In the left sidebar, search for the Code element.

4. Drag the Code element onto your page.

5. Click the Code element to open its settings.

6. Paste your Moast Liquid code into the code editor.

7. Click Save in the top right.

Your Moast widget will now appear on your EComposer page.

Step 3: Publish your page

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

ℹ️ Note that some Moast 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 EComposer 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 page.

• Select Smart Auto Match.

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

Once it's added, you don't need to update your EComposer 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.