If you are using any Shopify Online Store 2.0 theme that supports the app blocks, you need to make sure Sesami blocks are activated on your theme so your customers can book appointments from the storefront:
Step 1: Embed the Sesami app:
- In the Shopify navigation menu, click on Online Store > Theme > Customize
- At the left side of the page, click on the icon "App embeds" and enable Sesami
*This will load Sesami resources on your storefront and enable the Cart Verification Script - a script that will check if the slot added to the cart is still available/valid.
- Click on Save in the top right corner.
Step 2: Add the Sesami block:
- At the left side of the page again, click on the first icon, "Sections"
- In the navigation menu at the top center, use the dropdown menu to select Products > Default product
- Then go to the section Product information > Click on + add block
- Add the Sesami booking button
Important note!
The Buy Button must be added (do not hide) to the Product Information (Theme) settings.
If you do not want the "add to cart" button to be visible and you want the service to be
automatically added to the cart or to skip the cart page (directing to the checkout page),
this setting must be made in the Sesami button options.
This is a quick view of the level of customizations you can do with our app section:
You can change the button label, format, size, relocating, colors...
After you finish customizing, click on Save in the top right corner.
Note!
If you already had Sesami in your store and you are changing the theme to Shopify Online Store 2.0, after you have successfully enabled Sesami blocks, please click on "I have enabled Sesami blocks" below to let us know we can remove the old integration:
FAQ
What app blocks and app embed blocks are there for Sesami?
- Sesami App Embed Block: To manage our cart verification script.
Read more about what it does, here. - Sesami Booking Button App Block: To place and customize our booking button to your storefront. You can style and customize the button as well as settings like Auto Add To Cart and Skip Checkout after a customer selects a time from our calendar.
What templates can the Sesami Booking Button app block be added to?
Product Template/s.
How to add, remove, and reorder our Sesami Booking Button app block?
By selecting the + Add Block link in the product information tab on any product template. You can also drag the reordering icon on the right side to reposition the block where you want it to load. We suggest it be placed before the Buy Buttons block.
How to activate and deactivate the Sesami app embed block?
By turning it on or off under the Theme Settings.
Do you want to learn more about app blocks?
- Read more on the Shopify blog: Introducing Online Store 2.0
- Read more on the Shopify developer documentation: Online Store 2.0
Since June/2022, the Vintage themes aren't available in the Shopify Theme Store. You can still use the Vintage theme if it meets your business's needs. Upgrading your theme to Online Store 2.0 isn't mandatory.
Do you have a question? Email us! help@sesami.co