Skip to main content

Setting up Sesami for the Shopify Online Store 2.0

Ehsan Khakbaz
  • Updated

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: Enable Sesami app embed block

  1. In the Shopify navigation menu, click on Online Store > Theme > Customize
  2. At the bottom of the page, click on Theme settings > App embeds
    This will load Sesami resources on your storefront and lets Sesami make sure appointments are still available while in the cart: Cart Verification Script
  3. Click on Save in the top right corner 

    sesami-os-2-1-v3.gif

Step 2: Enable Sesami app block and customize Sesami button

  1. In the Shopify navigation menu at the top, use the drop-down menu to select Products > Default product
  2. Default product section > Product information > Click on + add block 
  3. Add the Sesami booking button

    Screen-Recording-2022-05-30-at-11.12.38.gif
  • This is a quick view of the level of customizations you can do with our app section:Screen_Shot_2022-05-30_at_11.05.53.png 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:

blobid0.png

 

FAQ

What app blocks and app embed blocks are there for Sesami?

  1. Sesami App Embed Block: To manage our cart verification script.
    Read more about what it does, here.
  2. 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 Sesami Booking Button app block can 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?

 

Do you have a question? Please reach out to us by submitting a ticket using this link.

Related articles