Let me give you a quick tour of the platform.

Calendar in Web Builder

Allow visitors to your website to book meetings with your team using the calendar feature!

Calendar

<ul><li>Drag and drop the element anywhere inside your Section or Layout. </li></ul>

How to to use the Calendar Element in the Web Builder?

You will be given the option to select whose calendar you want to display in a popup window.

Click on SELECT

<ul><li>Click on the calendar to edit</li><li>A popup settings will appear after clicking the calendar</li></ul>

The calendar will appear.

<ul><li>You can choose to display Booker details and information in your calendar.</li></ul>

Calendar Settings

<ul><li>Change Calendar font</li></ul>

Font

<ul><li>Can change the Calendar Color Background and Text.</li></ul>

Colors

<ol><li>Size: The dimensions (width and height) of an element on a webpage.</li></ol><ol><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between an element's content and its border.</li></ol>

Click on the highlighted ...

-typically refers to a visual or interactive element that allows users to sort, refine, or manipulate displayed content based on specific criteria.

Filter

-Animation can be used to create dynamic and visually engaging movements or changes in elements on a webpage. -Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing.

Animation

The "transform" property is often used in conjunction with transitions to create visually appealing interactions.

Transform

<ul><li>This option allows you to edit your calendar inside calendar builder in your CRM.</li><li>You will redirected to Calendar builder page directly. </li><li>Make sure to save the changes in your web builder first. </li></ul>

Edit Calendar in Calendar Builder inside your CRM

<ul><li>"Select the parent element" refers to the action of choosing or targeting the container or enclosing element that holds a particular HTML element within a web page's document structure.</li></ul>

Select Parent Element

<ul><li>-enables you to position the Elements wherever you like within your section/layout.</li></ul>