Replo Integration

If you are building landing pages with Replo, you cannot use the standard Shopify App Block. Instead, you need to use our "Advanced / Page Builder" embed code and a Custom HTML component.

For a visual walkthrough of this process, please check out our demo here:
https://app.supademo.com/demo/cmkmvj4od0001yy0iix0jlgo2?utm_source=link

First, you need to grab the special script for your video journey.

1. Open the ReelTok dashboard and click on the Journey you want to embed (e.g., "Carousel").

2. Click on the Publish tab at the top.

3. Switch the toggle from "Regular" to Advanced / Page Builder.

4. Click the Script button to copy the code to your clipboard.

Now, go to your Replo editor to place the widget.

1. Open your page in Replo.

2. Click the Plus (+) icon on the left sidebar to add a new component.

3. In the search bar, type "Code" or "Custom Code".

4. Select the Custom Code component.

5. Drag and drop the component onto your page exactly where you want the videos to appear.

Finally, paste the ReelTok script inside the component.

1. With the Custom Code component selected, look at the settings panel on the right.

2. Click on the Config tab.

3. Click the button labeled Launch Code Editor.

4. Paste the script you copied in Step 1 into the editor.

5. Click Save Code.

Result: You may see a placeholder in the editor, but once you Publish or Preview your Replo page, the ReelTok widget will load and function normally.