Our process
Shopify
Step-by-Step Guide to Adding Scripts to Shopify with Troubleshooting Tips
-
1
Log in to Shopify Admin
- Navigate to Shopify: Open your web browser and go to your Shopify admin panel (yourstorename.myshopify.com/admin).
- Log In: Enter your Shopify store's username and password to access the Shopify admin dashboard.
-
2
Access Theme Code
- Go to Online Store: In the Shopify admin dashboard, click on "Online Store" in the left-hand menu.
- Select Themes: Choose "Themes" from the submenu.
-
3
Edit Theme Code
- Edit Code: Find the current theme you're using and click on the "Actions" button. Select "Edit code" from the dropdown menu.
-
4
Locate the Theme.liquid File
- Find theme.liquid: In the left-hand files list, locate and click on "theme.liquid" under the "Layout" section. This file controls the overall structure of your Shopify store.
-
5
Add the Script
- Copy Script: Obtain the AIChatAssist script code from your dashboard or configuration panel.
Paste Script: Paste the script code just before the closing tag in the theme.liquid file.
- Adjust the placement of the script as necessary to ensure it loads correctly on every page of your Shopify store.
-
6
Save Changes
- Save: Click on the "Save" button to apply the changes to your theme.
-
7
Verify Integration
- Preview Site: Visit your Shopify store in a new browser tab or window to confirm that the AIChatAssist script appears and operates as expected.
-
8
Troubleshooting
- Inspect Script Placement:
- Double-check that the AIChatAssist script is correctly placed just before the closing tag in the theme.liquid file. Incorrect placement can prevent the script from executing.
- Check for Syntax Errors:
- Ensure there are no syntax errors or typos in the script code. Even a minor error can cause the script to fail. Use a code editor or IDE to review the script for any mistakes.
- Use Browser Developer Tools:
- Open your Shopify store in a browser and right-click anywhere on the page. Select "Inspect" or press Ctrl+Shift+I (Cmd+Option+I on Mac) to open the Developer Tools.
- Navigate to the "Console" tab and look for any error messages related to the AIChatAssist script. Address any errors or warnings displayed.
- Check for Conflicts:
- Disable other scripts or third-party apps installed on your Shopify store temporarily to see if there's a conflict with AIChatAssist. Re-enable them one by one to identify the conflicting script or app.
- Restore Previous Version:
- ○ If adding the script caused unexpected issues and you previously edited the theme.liquid file, use Shopify’s built-in version control to revert to a previous version of the file.
- Contact Support:
- If troubleshooting on your own doesn’t resolve the issue, contact AIChatAssist support for assistance with script-related problems. Provide details about your Shopify setup and any error messages encountered.