Deep Linking Gift Cards on Booking Widget

We provide the option to generate a button or link that directly adds gift cards to your clients' shopping carts for online purchases through your website. In this article, we will walk through the configuration process.

Things to know:

• The ability to deep link gift cards on the booking widget and express checkout page is governed by the "Accessing Website Tools" access control.
• To enable online purchases for gift cards, the following steps must be completed:
  • A payment account must be set up to process card payments. If you do not have a payment account, please email processing@mytime.com for help.
  • Your account must be live.
  • Online booking must be enabled. Learn more here
  • The "Enable Gift Card Purchase" company setting must be enabled 
• If you update the configuration, you must re-embed the widget on your website.

Deep Linking Gift Cards on the Booking Widget

1. Navigate to Business Setup > Website Tools 

2. Select the Setup button next to Add Appointment Booking & Purchases to Your Website
3. You can choose to install a widget or express checkout link  
   • Express Checkout: Clients click the Book Now button and are redirected to your MyTime booking page. Available for free to all MyTime accounts.
   • Booking Widget: Clients book directly on your website. A pop-up appears, allowing them to complete the booking.  
     • Free for Premium and Enterprise MyTime subscriptions.
     • $0.75 per transaction for businesses without a Premium subscription.
     • Customize Your Booking Widget
4. Select the Booking Widget option then proceed to set up the widget
5. On the Customize Booking Page Theme page, set up your button and widget theme, then select next to proceed to the installation page   
6. From there, configure the following:
   • In the left panel
     • Default Location: For the gift card embed flow to function, you must select either a specific location or “All Locations.” Locations are required to search for services correctly.
     • Widget Includes: Select “Buy Gift Cards” from the Widget Includes dropdown menu
     • Meta CAPI: Learn more here
   • Google Tag Manager: Learn more here
   • Google Analytics 4 ID: Learn more here
   • Facebook Pixel: Learn more here
   • Custom CSS: Customize your widget by adding CSS instructions 
7. Copy the code and embed it on your website                                                                                                                                    

Deep Linking Membership Using the Express Checkout Link

1. Select the Express Checkout option, then proceed to set up the widget
2. On the "Booking Page Settings" page, you can customize the booking page theme, set up your button and widget themes, and choose what you'd like the layout of your button to look like:
   • In the left panel:
     • Default Location: For the gift card embed flow to function, you must select either a specific location or “All Locations.” Locations are required to search for services correctly.
     • Widget Includes: Select “Buy Gift Cards” from the Widget Includes dropdown menu
     • Meta CAPI: Learn more here
   • Google Tag Manager: Learn more here
   • Google Analytics 4 ID: Learn more here
   • Facebook Pixel: Learn more here 
3. Scroll down to the "Customize Booking Page Theme" section to adjust widget themes and specify what should be displayed in the header  
4. Under the Book Button setting:
   • Your button can hover over your website or have a fixed placement 
   • You can also choose the button position and it will appear either horizontally or vertically on your page 
   • You will also be able to choose the default location, then select next to proceed to the installation page 
5. Click on "Next," then copy the code and embed it on your website            

Whenever clients click that button, they will be directed to the Gift Card tab on their widget