Moast
Page Builders

How to Add Moast Shoppable Videos to Replo

Updated 2 months ago

Overview

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

You'll first create your widget in Moast, copy the Liquid code, then paste it into a Custom HTML/Liquid component in Replo.

Once added, your Moast widget will display on your Replo 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 inside the widget builder.

  6. Click Copy Liquid Code.

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

Step 2: Add the widget to Replo

  1. Open your page in the Replo editor.

  2. Open the Components panel.

  3. Search for HTML or Liquid.

  4. Drag the component onto your page.

  5. Select the component.

  6. Open the Config tab.

  7. Click Launch Code Editor.

  8. Paste your Moast Liquid code.

  9. Close the editor to apply the changes.

For more details on using Custom HTML and Liquid in Replo, see: https://support.replo.app/articles/1719620819-custom-html-and-liquid

Step 3: Preview your page

Some JavaScript features may not display correctly inside the Replo editor.

Before publishing, always:

  • Preview the page in Replo.

  • Test the page on your Shopify store.

Troubleshooting

Widget is not showing

If your Moast widget is not showing on your Replo landing page, the section width is usually the cause. By default, Replo sets the width too small to display the widget.

Select the section, then set Width to Fill.

Set the section Width to Fill in the Replo Size settings

Adding Product Videos to Replo 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 Replo product page template using the same steps above.

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

Need a hand? If you need help adding Moast to Replo, send us a message using the chat bubble in the bottom right corner and we'll be happy to help.

Was this helpful?
Was this helpful?