Our process

Shopify

Step-by-Step Guide to Adding Scripts to Shopify with Troubleshooting Tips

  • 1
    cover-bg

    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
    cover-bg

    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
    cover-bg

    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
    cover-bg

    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
    cover-bg

    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
    cover-bg

    Save Changes

    • Save: Click on the "Save" button to apply the changes to your theme.
  • 7
    cover-bg

    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.

Subscribe to our newsletter

Join our community and be part of the AI revolution.

Success message content goes here