The widget guides clients through online appointment creation. This part of the website allows clients to choose an available service, description, price, assigned worker, and free booking slots on the calendar. It takes a few clicks to gather all the required booking information and make an appointment.
We reviewed how to customize the widget in this article.
- Where is the widget available by default?
- How to embed a widget on my website
- What are the types of widgets?
- Showcase of available widget types
- Receiving the widget code in your account
- Where to use the widget code later?
Where is the widget available by default?
EasyWeek automatically creates a website for your company, which already includes a ready-made widget – no programming skills are required on your part:
How to embed a widget on my website
This is also possible if you want to install the widget on your website. To do this, copy the HTML code from the Integrations and Applications section and place it in your site's code.
What are the types of widgets?
There are several types of widgets, among which you can choose the suitable integration method:
- Widget button. By default, an online booking button will appear in the bottom right corner. Customized parameters: enable/disable the button, hide/show button tooltip, adjust text colors.
- Custom button. A version of the first option. You can attach widget code to any website element by specifying its CSS class. For example, if the HTML of the button is <a class="booking">Click</a>, please add booking in the field.
- Embed block. To create an online block on your site, place the frame code in the desired place on the page.
- Embed as a page. This embed code displays the online booking widget on the entire webpage.
Showcase of available widget types
As an interactive way to generate code for different widgets, we recommend using easyweek-widget-examples.netlify.app. You can visually choose the widget's appearance from the presented options and immediately get a ready code fragment.
Receiving the widget code in your account
You can also generate the HTML code for the widget in your account. Go to the Integrations and Apps – Booking Widget section. Select the type and main parameters of the widget, and copy the generated code on the right side of the page:
Where to use the widget code later?
Further use of the HTML code of the widget depends on the specific development environment you use and other aspects. We provide you with more detailed integration instructions for three popular website builders:
|
Tilda |
Wix.com |
WordPress |
