Back to No-Code Website Builders

Integrate AI chatbots with Shopify

Scale ecommerce brands faster with Shopify apps designed by a 9-figure Shopify store.

Overview

Zipify Pages is a no-code landing page builder designed for Shopify users, enabling the creation of optimized pages without coding skills.

Unique Features:

  • User-friendly interface for easy navigation.
  • Over 70 marketing templates tested on successful ecommerce stores.
  • Integration of custom HTML, CSS, and JavaScript.
  • Supports pre-purchase and post-purchase upsells via the OneClickUpsell app, enhancing revenue potential.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into Zipify Pages

  1. Access Your Zipify Page: Log into your Zipify Pages account and navigate to the page where you want to add custom HTML.

  2. Add HTML Section:

    • Select the "Misc" category from the page sections library.
    • Drag and drop the HTML section onto your page.

  3. Insert Your Code: Click on the HTML section you just added. You can now paste your custom HTML, CSS, or JavaScript code directly into this section.

  4. Using Local Scripts: If you need to add scripts that apply only to this page:

    • Click on the "</>" button in the page builder.
    • Choose either Header or Footer for the script placement.
    • Enter a Script Title and paste your script code, then click ADD SCRIPT.

  5. Using Global Scripts: For scripts that should apply to all pages:

    • Click on the Global link in the sidebar, then select Global Scripts.
    • Click Add New, choose Header or Footer, enter the script title, paste your code, and save.

  6. Preview and Publish: After adding your HTML or scripts, preview your page to ensure everything appears correctly. Once satisfied, click Publish to make your changes live.

  7. Check for Issues: Avoid using tags that are already included in the page's source code to prevent conflicts.

For more detailed instructions, refer to the HTML Section Guide.

Integration Guide

For more information on how to add custom HTML to your Shopify website, please refer to the Custom HTML Documentation.

How to integrate OpenAssistantGPT with Shopify

  1. Create your OpenAssistantGPT chatbot

    Sign in to your OpenAssistantGPT dashboard and create a new chatbot or select an existing one.

  2. Configure your chatbot settings

    Customize your chatbot's appearance, behavior, and knowledge base to match your website's needs.

  3. Get your embed code

    In your OpenAssistantGPT dashboard, go to the "Deployment" section and copy your unique embed code.

  4. Add the embed code to your Shopify website

    Log in to your Shopify account, open your website editor, and add an HTML or Custom Code element to your site. Paste the OpenAssistantGPT embed code into this element.

  5. Publish your website

    Save your changes and publish your website to make the chatbot live.

Advanced Configuration

For more advanced integrations with Shopify, you can customize the following:

  • Chatbot position and appearance on your website
  • Trigger conditions (e.g., time on page, scroll depth)
  • Custom welcome messages based on the page content
  • Integration with your existing forms and contact systems

Builder Details

No-code Solution

✅ No coding required

Custom HTML Support

✅ Supports custom HTML