Appointlet
Appointlet is a scheduling platform that allows visitors to book appointments directly through your website.
Key features include:
- Shareable booking pages
- Inline scheduling embeds
- Popup booking widgets
- Calendar integration to prevent double bookings
- Customisable booking buttons and availability
Appointlet 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 Appointlet.
After creating your account:
- Create a scheduling page
- Configure your meeting types
- Set your availability
Once configured, Appointlet will provide embed code for adding your booking functionality to your website.
Theme installation
Theme installation
Appointlet provides embed code similar to the example shown below:
<a class="appointlet-button" data-appointlet-modal-href="https://appt.link/YOUR-LINK">Schedule a time</a>
<script async defer src="https://js.appointlet.com/"></script>
<link href="https://js.appointlet.com/styles.css" rel="stylesheet">
The code shown above is provided as an example only. You must copy the exact code provided in your Appointlet account, as the code and booking link will be unique to your website.
To display the popup widget 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 booking button on your website which opens the scheduling popup when selected.
Adding Appointlet as an inline embed
Adding Appointlet as an inline embed
Appointlet provides embed code similar to the example shown below:
<div class="appointlet-inline" data-appointlet-inline="https://appt.link/YOUR-LINK"></div>
<script async defer src="https://js.appointlet.com/"></script>
<link href="https://js.appointlet.com/styles.css" rel="stylesheet">
The code shown above is provided as an example only. You must copy the exact code provided in your Appointlet 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.
Adding the popup widget to a specific page
Adding the popup widget to a specific page
To display the popup booking button on a specific page instead of every page:
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the button embed code into the Custom HTML setting
- Position the section where required
Recommendations
Recommendations
- Use inline embeds on dedicated booking pages for a full scheduling experience
- Use popup widgets where space is limited or for quick access to booking
- Test booking functionality on a draft theme before publishing
- Ensure your availability settings are configured correctly before embedding
- Monitor booking confirmations and calendar integrations after installation
