Skip to main content

Hydrogen Integration

Hydrogen is Shopify’s headless stack that’s engineered for performance and productivity.

You can add Sesami Experience to your Shopify Hydrogen as easy as this:

Step1: Load The Bundle​

To integrate the Sesami experience into your Hydrogen storefront, you will need to load the Sesami Script:

https://cdn.sesami.co/storefront/latest/sesami-main.js

The appropriate way to load third-party scripts into a Hydrogen app is outlined in here.

Step 2: Generate The Tag​

Create your customized Sesami Experience based on your own requirements using the Sesami Experience Configurator.

Step3: Add The Experience​

Copy the tag that you generated in the step 2, and add it to any page where you would like to display the Sesami Experience.

INSIDE YOUR SERVICE PAGE
<sesami-experience
    shop-id="761236725762"
    service-id="981219221893"
></sesami-experience>