How To Add HadjGPT To Your Shopify Store

HadjGPT is an AI-powered chatbot that enhances user interaction on your website by providing instant assistance and engaging conversations. Integrating HadjGPT into your Shopify store can improve user experience and boost engagement. In this guide, we'll walk you through the process of adding HadjGPT to your Shopify store. The steps are clear and straightforward, allowing you to embed the chatbot with ease.

Step 1: Access Your HadjGPT Dashboard

1. Log in to Your HadjGPT Account

Start by logging into your HadjGPT account and navigating to your dashboard. This is where you'll manage all aspects of your HadjGPT integration.

2. Go to the "Chatbots" Section

In the dashboard menu, locate and click on the "Chatbots" tab. This section is where you'll find the necessary information for embedding your chatbot.

3. Access the "Embed Widget" Section

Within the "Chatbots" section, navigate to the "Embed Widget" area. Here, you'll find the embed script that you'll need to add to your Shopify store.

4. Copy the Embed Script

Look for the embed script provided in this section. Copy this script as you'll need to paste it into your Shopify theme in the next steps.

Step 2: Access Your Shopify Theme Code

1. Log in to Your Shopify Admin Panel

Access your Shopify admin area. This is where you manage your store's settings and content.

2. Navigate to "Online Store" > "Themes"

In the left-hand menu of your Shopify admin panel, go to "Online Store" and then click on "Themes".

3. Find Your Current Theme and Click "Actions" > "Edit code"

Locate your current active theme and click on the "Actions" dropdown menu. Select "Edit code" from the options.

Step 3: Add the HadjGPT Script to Your Theme

1. Locate the theme.liquid File

In the theme code editor, look for the theme.liquid file. This file contains the main structure of your Shopify theme.

2. Open theme.liquid

Click on the theme.liquid file to open it in the editor.

3. Find the </head> Tag

Scroll through the theme.liquid file until you find the closing </head> tag.

4. Paste the HadjGPT Embed Script

Just before the closing </head> tag, paste the HadjGPT embed script you copied earlier from your HadjGPT dashboard.

5. Save Your Changes

After pasting the script, click the "Save" button to apply your changes to the theme.

Step 4: Test Your Chatbot

1. Visit Your Shopify Store's Frontend

Open your Shopify store in a new browser tab to view it as a customer would.

2. Look for the HadjGPT Chat Widget

The HadjGPT chat widget should now appear on your store, typically in the bottom right corner of the page.

3. Interact with Your New AI Assistant

Try interacting with the chatbot to ensure it's working correctly and providing the expected responses.

Troubleshooting Common Issues

Even with careful setup, you might encounter a few issues. Here's how to troubleshoot:

Issue 1: Chatbot Not Displaying

• Double-check that you've pasted the correct embed script in the theme.liquid file.
• Verify that you've saved the changes to your theme after adding the script.
• Clear your browser cache and reload your Shopify store to see if the widget appears.

Issue 2: Script Errors

• Check for any JavaScript errors in your browser's developer console (usually accessible by pressing F12).
• Ensure there are no conflicts with other scripts or apps installed on your Shopify store.
• If you're using a custom theme, make sure it's compatible with external scripts.

Conclusion

Congratulations! You've successfully added HadjGPT to your Shopify store. This AI-powered chatbot will enhance your customer service capabilities and improve user engagement. Remember, if you need any assistance or have questions about your HadjGPT integration, our support team is always here to help. Enjoy the benefits of your new AI assistant and watch as it transforms your customer interactions!