Back to Installing Your Chatbot

How to add a ChatGPT AI support agent to genstore.ai

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

genstore.ai is a platform that helps businesses, particularly those selling physical products, easily create and manage their own online stores – without needing to be tech experts. Think of it like a simplified Shopify or Wix, but specifically designed for businesses that already have a physical inventory (like a retail store, maker, or small manufacturer). It focuses on seamlessly integrating your existing stock and sales data with your online store, so you don't have to manually update inventory counts. It’s particularly good for businesses that want to expand their reach beyond their local area.

Website: genstore.ai

Add your AI support agent to your genstore.ai 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/Pq877SlolNXhOV3LG7vwZ9R5BMIWfevKrAH7xktP.png

In genstore.ai

  1. Log into your genstore.ai account and select Customize Store uploads/help-center/images/3crHSUOKunSoxvTYxCP6quNioKUx1fZLSZ17rKGl.png

  2. Click on the code </> item at the bottom of the page uploads/help-center/images/GQxyhP6krgQVz2LPI44Lq6g7ty3MmyeEzOtqZ7u4.png

  3. This will open the complete backend code list in a new browser tab. Under layout, click on theme.liquid to display the theme code uploads/help-center/images/pVOzI3wmvPo4kYuJED4KXBY6hErDRY1yXYhrjxZg.png

Please Note!! We are now going to insert your agent snippet into the theme.liquid code file. If you do make a mistake, it could mess up your whole store. We suggest you create a backup copy of the file by clicking inside the file and then use Ctrl+A (select all) and Ctrl+C (copy) to copy the contents. Using your favourite editor create a new file and paste the copied contents into this file. Save the file somewhere convenient. If something goes wrong you can then replace the contents of the theme.liquid file with the backed up file contents.

  1. In the theme.liquid file, insert your snippet just below the </title> tag and click on Save uploads/help-center/images/RImHProHRa45i5cYfuT37fy73jrjO2w2dE6vKWtL.png

  2. Return to the page editor tab and click on Preview to preview your modified webpage uploads/help-center/images/LhoNYUfcLuJYUFZSITGwRttXZGVyqn1yWGgs7MwK.png

  3. Your AI support agent button will now be displayed on your genstore.ai website page uploads/help-center/images/OT2gBZgU94EWCE9W4H7yeTVMZ0gygJ05nYPhhIQ0.png

  4. If you click on the button it will display the AI support agent dialogue uploads/help-center/images/YjyZO7lFgiPH33nKWzcOyv7hs7MzoGRkScF5TGZJ.png

Your AI support agent has now been added to your genstore.ai website 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.