Shopify-specific integration

Not a Haut.AI client yet?

Talk to sales

To add Skin.Chat script to the page, you can leverage shopify’s section tool or just put it directly to the main theme file (usually it can be done by creating a new section type or just by putting the script in the main page file):

The very basic setup:

1. Go to Edit Code section of your theme

2. Go to main page file (usually something like theme.liquid)

3. Put the code from Integration Guide to this file.

If you want to create a custom Skin.Chat section, follow the next steps:

1. Go to Edit Code section of your theme.

2. Navigate to /sections folder.

3. Create skin-chat.liquid file.

4. Put the next code to the new file followed by the script above:

<!-- Schema that adds the new section on the Customize theme page -->
{% schema %}
  {
    "name": "Skin chat",
    "tag": "section",
    "class": "section",
    "settings": [],
    "presets": [{
      "name": "Skin Chat"
    }]
  }
{% endschema %}

1. Save all the changes.

2. Exit edit mode.

3. Go to theme’s Customize page.

4. Add the new section to the desired page.