Back to Installing Your Chatbot

How to add a ChatGPT AI support agent to BigCommerce

You want to embed your custom trained AI support agent in your BigCommerce website page. Here's how to add an AI support agent to BigCommerce with SiteSpeakAI.

BigCommerce is a fully hosted e-commerce platform – basically, it’s a website builder specifically designed for online stores. Unlike some other platforms (like Shopify), you don’t need to find a separate web host. BigCommerce handles everything from hosting your website and processing payments to managing inventory and shipping. It’s built with a focus on scalability, meaning it can grow with your business.

Website URL: https://www.bigcommerce.com/

Add your AI support agent to your BigCommerce website

In SiteSpeakAI

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the Install Agent section in the sidebar, select the Javascript tab and then click on the Copy Code button to copy your agent code snippet.

uploads/help-center/images/LD8QFL0crqn5zRbEydkr3OMyZRAJxnS6Hxq8SUii.png

In BigCommerce

  1. On your dashboard select Storefront on the left sidebar list

uploads/help-center/images/c7rcUKdcw7CE8yk8oS3JSBFuDJYTWlgrU6EGgnYI.png

  1. Select Script Manager on the Storefront list

uploads/help-center/images/IN9crayoooYPTK5nlQFXhpUyBO47nCYEBaThU4LN.png

  1. Select Create a script to create a new script containing your chatbot snippet

uploads/help-center/images/CEBg262j2k46GLmyzMU97ZBfkTQ77JSBdz2dER8W.png

  1. Add the first part of the script details

    • Script Name
    • Description (optional)
    • Under Placement, select Header
    • Under Location, select All Pages (or the specific Page you want)

uploads/help-center/images/3a4draXzXpcQXaMK0ipDSZG0nwoBgRllyrrXK9Lo.png

  1. Scroll down and fill in the rest of the details including the snippet code

    • Under Script Category, select Functional

    • Under Script type, select Script

      Insert your snippet code in the Script contents text box and click on Save

uploads/help-center/images/Dd020nEf4ZoCuApANoAL8FnVutKxQ6a1yVM6SL1d.png

  1. Click on View Store to Preview your store

uploads/help-center/images/iK13wylRkbQIB2r6d8kf5IGvYZMNpO5QDg2oBfTs.png

  1. Your AI support agent button will now be displayed on your BigCommerce store page

uploads/help-center/images/3rWL7L3W7reiGxzopUFkG8T1KRK0sCQLBJcsIkR4.png

  1. If you click on the button it will display the AI support agent dialogue

uploads/help-center/images/kxzRS6Bhct3LkYGPbIJL4gvjnRQewbTjME7lanyf.png

Your AI support agent has now been added to your BigCommerce store and your visitors/customers can start interacting with it!

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer service with AI?

Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.