Custom pages
Sesami can be integrated with any page on the web.
#
In a Shopify storeYou can add the Sesami button to any page, Anywhere on your store.
#
Static pagesFirst you have to create a static page and place this snippet on the page code:
note
Replace PRODUCT-ID
and VARIANT-ID
#
Home pageUsing 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
#
In an external websiteSesami 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
shop-id
attribute:
info
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