Shopify

Follow these simple steps to integrate Videobot with your Shopify website.

Step 1: Log in to Shopify 🛠️

1. Open your web browser and navigate to Shopify.com.
2. Click on the Sign In button at the top-right corner and log in to your account.
3. After logging in, go to your Online Store > Themes.
4. Find the theme you are using, and click the Actions button next to it.

Step 2: Add a Custom HTML Block

1. From the dropdown menu, select Edit code.
2. In the theme editor, click on the Add a new section button.
3. From the list of available sections, select HTML, and then click on the Add button.

Step 3: Copy the Embed Code from Videobot

1. In a separate browser tab, log in to your Videobot Dashboard.
2. Select the Videobot you want to embed.
3. Navigate to Share & Embed, then choose either Widget or iFrame.
4. Click Publish, then Show Embed Code.
5. Copy the generated embed code.

Step 4: Embed the Code on Your Shopify Site

1. Click on the HTML section you've just added to select it.
2. In the section editor, paste the Videobot HTML code (from Step 3) into the text area that appears.

Step 5: Publish Your Shopify Site 🌐

1. Before exiting the code editor, make sure to save the changes you've made.
2. Preview your site to ensure the Videobot is visible and functioning properly. If adjustments are necessary, make them now.
3. If the Videobot is not visible, verify that your theme supports customization.
4. Once everything looks great, click Publish to make your changes live.

That's it! You've successfully embedded Videobot on your Shopify site. 🎉