Sesami can be integrated with any page on the web.
You can add the Sesami button to any page, Anywhere on your store.
First you have to create a static page and place this snippet on the page code:
Using a similar approach, you can add Sesami button to home page of your store, Some themes let you pick a Featured product to be displayed on the home page, if you want to display a Sesami service as a Featured product, you can find the theme file that renders featured product section and add this code to it:
Not sure what is a product tag? check Product tagging
Sesami does have the needed components to be integrated with any external website using the Shopify storefront APIs.
- Following Sesami wrapper element needs to be present on the page with an additional
Please check Anatomy of Sesami button if you are not familiar with the different options you can pass to Sesami button.
- Also, since this is an external website, Sesami script needs to be added manually:
After these two steps,
sesami:loaded event will be fired on window whenever Sesami button is loaded on the page, after Sesami button is loaded, change event can be listened to on the input fields that are created inside the wrapper element.
Depending on business logic, an order can be created with these properties right after change event, or after clicking an “Add to cart” button similar to normal Shopify flow.
Read more about Sesami events