Integrate AI chatbots with VistaPrint

Step-by-Step Guide to Integrate Custom HTML into Vistaprint Website Builder

1. Access Your Vistaprint Workspace
   Log in to your Vistaprint account and navigate to your workspace to edit your website.

2. Select the Page
   Choose the page where you want to add the custom HTML.

3. Add a New Row
   Create a new row that will serve as the container for your HTML element.

4. Add HTML Element

   • Click the Add Element icon in the row.
   • From the popular elements, select HTML.

5. Edit HTML Element

   • Click on the HTML element you just added.
   • Click the Settings (gear icon).

6. Paste Your Embed Code

   • In the Embed Code box, paste your custom HTML code.
   • Click the Update button to save the changes.

7. Preview Your Changes

   • You should see a preview of your HTML element on the page.
   • Note that it will fully display once you publish your changes.

8. Publish Your Website

   • Click the Publish button at the top to make your changes live.

Additional Tips

• To center your HTML element, wrap your embed code in a <div style="text-align: center"> tag before saving.

How to integrate OpenAssistantGPT with VistaPrint

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 VistaPrint website

   Log in to your VistaPrint 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.