Step 1: Add Intelligems JavaScript

Add Intelligems JavaScript as a source into these files:

  • theme.liquid

  • any other theme.*.liquid files (e.g., theme.gempages.liquid, etc.)

  • checkout.liquid (if you have this file; most themes do not)

Inside of the theme <head>:

<script>
    window.Shopify = window.Shopify || {theme: {id: {{ theme.id }}, role: '{{ theme.role }}' } };
    window._template = {
        directory: "{{ template.directory }}",
        name: "{{ template.name }}",
        suffix: "{{ template.suffix }}"
    };
</script>
<script type="module" blocking="render" fetchpriority="high" src="https://cdn.intelligems.io/esm/<your_customer_id>/bundle.js"></script>

Note that the example above includes <your_customer_id> on the final line - please be sure to replace that with your actual customer ID, which is included in your unique theme script on the settings page!

PreviousIntegration Guide using Checkout ScriptsNextStep 2: Tag product prices

Last updated

Was this helpful?