Calendly provides a convenient way to incorporate the "Book Now" widget into any listing on your online directory. This powerful tool is particularly useful for businesses such as barbershops, hair salons, or any establishment that operates on an appointment-based system. Follow these step-by-step instructions to seamlessly integrate Calendly into your listings.



Note: The Calendly integration is dependent on the "HTML Editor for Listing Descriptions" plugin to be successfully installed. This plugin is sold separately, please, check this link for more details: HTML Editor for Listing Descriptions or contact your dedicated sales representative to purchase your plugin. 


Step-by-Step Guide:


1. Create a Calendly Account


2. Set Up Your Calendly Account

  • Enter your business name, creating a unique URL for your Calendly account.
  • Set your time zone. Click on "Continue". 


  • Connect Calendly to your preferred calendar service, or skip this step.


  • Set your business's working hours. Click "Continue"


 



3. Create Events in Calendly


  • Click on "New Event Type" to create different events for your services.



  • Choose between one-to-one or group events. Opt for one-to-one and provide details for the service schedule.
  • Set the event name, location, description, and link name.
  • Click "Save & Close."


  • Make as many events as you wish, one for each different service the business offers.

 


4. Generate Calendly Widget Code


  • Once you are done, click on the gear icon and select "Add to Website."


 



  • Choose "Inline Embed" and click "Continue."
  • Click on "Copy Code" button.  

 


5. Add Calendly to Your Listing


  • Go to Content, then click on Listings, and select the desired listing to edit its page.


  • In the Description field, click on the Source button.


Note: The Calendly integration is dependent on the "HTML Editor for Listing Descriptions" plugin to be successfully installed. This plugin is sold separately, and if your site does not have the description field exactly as showcased above, check this link for more details: HTML Editor for Listing Descriptions or contact your dedicated sales representative to purchase your plugin. 


  • Paste the Calendly code at the end of the description or where you want the widget to appear.
  • Click "Save Changes."


6. View Your Calendly Widget


  • Access the front end of your listing
  • Your new Calendly widget should now be available in your listing.



Disclaimer: eDirectory is not affiliated with Calendly, and neither eDirectory nor its team is responsible for training external integrations and/or third-party tools. 



By following these steps, you can enhance your listings with the functionality of Calendly, providing a seamless booking experience for your users.