YouCanBookMe
YouCanBookMe is a scheduling platform that allows visitors to book appointments directly through your website.
Key features include:
- Shareable booking pages
- Inline booking embeds
- Floating booking button
- Availability and scheduling controls
- Calendar integration
YouCanBookMe integrates with ShopWired by adding to your website pages or theme so visitors can book appointments directly from your website.
Account creation
Account creation
Create an account on the website at YouCanBookMe.
After creating your account:
- Configure your booking page
- Set your availability
- Configure your booking settings
YouCanBookMe will then provide an embed code.
Theme installation
Theme installation
YouCanBookMe provides embed code similar to the example shown below:
<script src="https://embed.ycb.me"
async="true"
data-domain="YOUR-DOMAIN"
data-type="button-floating"
data-displaymode="auto"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your YouCanBookMe account, as the code and booking link will be unique to your website.
To display the floating booking button across your entire website:
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to edit - Open the
master.twigfile - Add the code just before the closing
</body>tag - Select Save changes
This will display a floating booking button on your website which opens the scheduling page.
Adding YouCanBookMe as an inline embed
Adding YouCanBookMe as an inline embed
YouCanBookMe provides embed code similar to the example shown below:
<script src="https://embed.ycb.me"
async="true"
data-domain="YOUR-DOMAIN"
data-type="inline"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your YouCanBookMe account, as the code and booking link will be unique to your website.
To display the booking calendar on a specific page:
- Navigate to Website > Themes
- Select
customise your themefor the theme you'd like to install it on - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Position the section on the page using the theme editor
If you want to add the code to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Recommendations
Recommendations
- Use the floating button for quick access across your website
- Use inline embeds on dedicated booking pages for a full scheduling experience
- Test booking functionality on a draft theme before publishing
- Ensure your availability settings are configured correctly before embedding
- Monitor booking confirmations after installation
