Back to No-Code Website Builders

Integrate AI chatbots with Elastic Path

Purpose-built composable commerce for manufacturers, retailers, and distributors.

Overview

Tool Description:
Elastic Path is a composable commerce platform that empowers manufacturers, retailers, and distributors to create dynamic eCommerce experiences.

Unique Features:

  • No-Code Website Builder: CX Studio allows users to build and customize websites without coding.
  • Custom HTML Integration: Users can easily integrate custom HTML, JavaScript, and CSS into their projects.
  • Flexible APIs: Offers a set of composable APIs for seamless integration with various tools and platforms, enhancing the eCommerce experience.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into Elastic Path's Website Builder

  1. Access CX Studio: Log in to your Elastic Path account and navigate to the CX Studio dashboard.

  2. Create or Edit a Page: Choose to create a new page or select an existing page you wish to edit.

  3. Add a Block Component: In the page editor, look for the option to add a new block component. This is typically found in the toolbar or component library.

  4. Select Custom HTML Block: From the available block options, select the "Custom HTML" block. This allows you to insert your own HTML code.

  5. Insert Your HTML Code: In the provided text area, paste or type your custom HTML code. Ensure that your code is correctly formatted to avoid any display issues.

  6. Preview Changes: Use the preview feature to see how your custom HTML will appear on the live site. This step is crucial to ensure everything looks as expected.

  7. Save Changes: Once you are satisfied with the integration, save your changes to update the page.

  8. Publish the Page: Finally, publish the page to make your custom HTML live on your website.

Integration Guide

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

How to integrate OpenAssistantGPT with Elastic Path

  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 Elastic Path website

    Log in to your Elastic Path 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 Elastic Path, 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