The widget gets cut off on mobile or desktop views. What should I do to make it fit nicely?
The widget gets cut off on mobile or desktop views. What should I do to make it fit nicely?
It may sometimes happen if the widget is being embedded into smaller frames. While Appointedd doesn't impose minimum width of the widgets, we recommend the minimum width to be no less than 320px to ensure the widget displays smoothly.
The embed snippet automatically includes 32px padding, which can be removed or adjusted in the code based on individual needs.
If your embedded widget gets cut off on smaller screens, we recommend checking and adjusting the below:
reducing the widget padding;
reducing your overall site/frame padding;
increasing the frame width.
My resource images are not pulling through to the widget 2.0. What should I do to make them show?
My resource images are not pulling through to the widget 2.0. What should I do to make them show?
If you've added resource images to the resource profile and it's not showing on the resource step on your booking tool, you may need to enable the images on your booking flow to start with. To do so, go to the Booking tools tab -> Customize your booking flow -> Service and resource selection -> Show resource images on resource selection - ON
Why is mobile view of widgets 2.0 different from web view?
Why is mobile view of widgets 2.0 different from web view?
We've built our widget 2.0 to be mobile responsive, meaning that the widget size and content will adjust to the screen size.
You will see the widget changing its looks to fit the screens and frames accordingly, where the breakpoints are as below:
Small - up to 599px
Medium - 600-904px
Large - 905px and above
We recommend the minimum width of the widget to be no less than 320px.
How can I show spaces left for each slot?
How can I show spaces left for each slot?
Spaces left on each slot can be shown only when using the event availability view on your services.
More information about the event view can be found here.
Can I redirect customers after making a booking?
Can I redirect customers after making a booking?
To redirect a customer from a booking widget to a new webpage after they complete a booking, you can listen to the appropriate event triggered by the booking completion and then perform the redirection by applying additional code.
The event BOOKING_CREATED will be emitted when a booking is confirmed.
You'll then need to add an event listener to your booking widget. This will listen for the booking completion event and then execute a function to handle the redirection.
Learn more about listening to events here.
Can I change certain content on the widget (buttons, ‘attendees’, headings)
Can I change certain content on the widget (buttons, ‘attendees’, headings)
Currently, static content on the widget cannot be renamed. This content includes buttons, headings, price tags, attendees and many more.
If you wish to rename any specific areas of the widget, please submit your request or idea here.
Can I remove the ‘free’ price tag from the widget?
Can I remove the ‘free’ price tag from the widget?
If your services are free, by default the booking widgets will display the price as 'free':
However, you can easily remove the price tag by going to the Booking tools tab -> Customize your booking flow -> Show prices -> OFF:
The account name or banner is showing on the widget URL, but I want to remove it. What should I do?
The account name or banner is showing on the widget URL, but I want to remove it. What should I do?
Widgets in URL mode will include the account banner and account name.
To change the banner, go to the Setup tab -> Edit business profile -> Banner image -> X icon:
To control whether you wish to display the account name or not, go to Booking tools tab -> Personalize your booking page -> Show business name:
Please note: if you widget contains more than one account: when getting the widget URL, you will need to indicate which account's name will be used in the URL from the dropdown. Once the account is selected, the widget will apply the banner and business name settings from that selected account. Learn more here.
Can I change the 'no availability' message?
Can I change the 'no availability' message?
Yes! When there is no availability for current month, a pop-up with the default no availability message will show up:
In order to change this message, go to the Booking tools tab -> Customize your booking flow -> Date and time -> Message to display when there is no availability:
Please note: if this field is left empty, Appointedd will apply a different default message: "No available times found in {{current month}}. Search further ahead".