Add My Account Management to Your Website

You can allow clients to manage their accounts directly within the booking widget on your website. This feature includes a modern, responsive design that looks great on any device and seamlessly integrates with your existing setup. In this article, we’ll walk you through the steps to enable the account management option on your website.

Things to know:

• The ability to add My Account Management to your website is controlled by the "Accessing Website Tools" access control setting.
• To enable online bookings for services, the following steps must be followed:
  • 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
• When configuring the widget or express checkout, "Access My Account" must be selected.
• Clients can manage their account, contact information, payment information, bookings, packages, gift cards, and memberships through an embeddable widget on your website or through the express checkout page. 
• My Account can be a stand-alone embedded widget or an option in your existing Appointment Booking widget. Please note you will need to re-embed the widget on your website once you update the settings.
• The “My Bookings” option will not be displayed in the dropdown menu if Account is enabled. The appointment bookings will be reflected under Account Management. 
• The gift cards, memberships, and packages sections will only be accessible and visible in the account management on the widget if enabled from the widget setup
• You can choose to install either a booking widget or an Express Checkout link, depending on how you want clients to book.
  • Express Checkout: Clients click a “Book Now” button and are redirected to your MyTime booking page to complete their booking. Available for free on all MyTime accounts
  • Booking Widget: Clients can book directly on your website without being redirected. A pop-up appears, allowing them to complete the booking seamlessly. This option is free for Premium and Enterprise subscriptions and costs $0.75 per transaction for businesses without a Premium subscription.
    

Contents:

• Add Account Management as an Embedded Stand-alone Widget
• Add Account Management to Existing Appointment Booking Widget

Add Account Management as a Stand-alone Embedded Widget

From the Website Tools tab, you can configure an embedded widget for My Account only. This will allow clients to manage their accounts right on your website from a stand-alone button.

To get started:

1. Navigate to Business Setup > Website Tools
2. Select the Set Up button next to Add My Account to Your Website  
3. On the Customize Theme page, set up your button and widget theme, then select next to proceed to the installation page  
4. From there, configure the following:
   • In the left panel:
     • Create as:Choose how the booking flow will be displayed on your site:
     • Book Now Button: Opens the booking flow in a popup modal
     • Embedded iFrame: Displays the booking flow inline on your website

       When Embedded iFrame is selected, two additional fields will appear, width and. Both fields default to 500 and accept either a numeric value (interpreted as pixels), or a unit-based value such as "100%" or "30em"

     • Note: Access to this option is restricted to location owners and location managers
       

   • Widget Includes: Select “My Account” 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 
5. Copy the code and embed it on your website  

Congratulations, account management is now available on your website!

Add Account Management to Existing Appointment Booking Widget

To add the account management functionality to the appointment booking widget: 

1. Navigate to Business Setup > Website Tools
2. Select the Set Up button next to Add Appointment Booking to Your Website
3. Select the Booking Widget option, then proceed to set up the widget
4. On the Customize Booking Theme page, set up your button and widget theme, then select Next to proceed to the installation page 
5. From there, configure the following:
   • In the left panel
     • Enable Chat Widget: This setting controls whether the chat icon appears on your website during the booking process. Use the dropdown menu to select one of the following options:
     • Yes: Displays the chat icon on your website, allowing clients to message your business directly. Once enabled, you can click "Customize" to configure settings such as your welcome message, brand colors, widget position, business hours, OTP verification, and auto-responder messages. For more details, see the chat widget configuration guide. 
     • No: Hides the chat icon. Clients will not be able to start a conversation with your business from the website.
     • Create as:Choose how the booking flow will be displayed on your site:
     • Book Now Button: Opens the booking flow in a popup modal
     • Embedded iFrame: Displays the booking flow inline on your website

       When Embedded iFrame is selected, two additional fields will appear, width and. Both fields default to 500 and accept either a numeric value (interpreted as pixels), or a unit-based value such as "100%" or "30em"

     • Note: Access to this option is restricted to location owners and location managers.
       

   • Default Location: You must select either a specific location or “All Locations.” Locations are required to search for services correctly.

     • If "All Locations" is selected, clients will be prompted to choose a location from the 'Pick A Location' page when accessing the embedded widget.
     • If a single location is selected, the embedded widget will default to that location, and the 'Pick A Location' page will not appear
   • Widget Includes: Select “Access My Account” from the Widget Includes dropdown menu
   • Default To: Select “Access My Account”
   • 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 
6. Copy the code and embed it on your website 

Add Account Management to Existing Appointment Express Checkout Link

1. Select Express Checkout, then proceed to the Booking Page Settings
2. On the Booking 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
     • Enable Chat Widget: This setting controls whether the chat icon appears on your website during the booking process. Use the dropdown menu to select one of the following options:
     • Yes: Displays the chat icon on your website, allowing clients to message your business directly. Once enabled, you can click "Customize" to configure settings such as your welcome message, brand colors, widget position, business hours, OTP verification, and auto-responder messages. For more details, see the chat widget configuration guide. 
     • No: Hides the chat icon. Clients will not be able to start a conversation with your business from the website
   • Default Location: You must choose a location. The location is required to search for the services correctly
   • Widget Includes: Select “Access My Account” from the Widget Includes dropdown menu
   • Default Service Location: You can then decide if the widget should default to in-store or the client's location 
   • Default To: Select “Access My Account”
   • Meta CAPI: Learn more here
   • Google Tag Manager: Learn more here
   • Google Analytics 4: Learn more here
   • Facebook Pixel: Learn More
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, proceed to the installation page.  
5. Copy the code and embed it on your website

Information about accessing account management online can be found here. 

For more information, contact us at support@mytime.com or (385) 233-6964.    

Related Article

Account Management Online

Account Management on Guest App

Add Walk-in Waitlist to Your Website

Add Appointment Booking to Your Website

Add Class / Event Booking to Your Website