PageFly Integration

If you are using PageFly to design your landing pages or product pages, you will need to use the "HTML/Liquid" element instead of the standard Shopify App Block.

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

First, you need to grab the special script specifically designed for page builders.

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

2. Click on the Publish tab at the top of the page.

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

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

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

1. Open your page in the PageFly Page Editor.

2. Click the Add Element icon (the square with a plus sign) in the top left sidebar.

3. In the search bar or list, find and select the HTML/Liquid element.

4. Drag and drop the HTML/Liquid element onto your page exactly where you want the video widget to appear.

Finally, paste the ReelTok script inside the code editor.

1. Click on the HTML/Liquid element you just added to select it.

2. In the settings panel on the right, click the button labeled Open code editor.

3. Paste the script code you copied in Step 1 into the black code box.

4. Click the Done button at the bottom of the code window.

5. Click Save in the top right corner of the screen to preserve your changes.

Result: The widget will now load on your live PageFly page. Note: In some cases, the video might not appear inside the editor preview. Always check the "Live View" or "Preview" of the page to verify it is working.