Websites- Cloud: Calendly Element

The Calendly Element in Cloud Sites allows users to seamlessly embed scheduling functionality into any webpage. This integration provides visitors with direct access to booking appointments, meetings, or consultations without leaving the site. **Please note- this feature requires a Calendly account to use.

Adding the Calendly Element

To insert a Calendly calendar:

  1. Open the Add Elements Drawer from the left sidebar.
  2. Locate the Calendly element.
  3. Click, hold, and drag the element into the desired location on the page.

Once placed, the element includes resize handles for manual adjustment, ensuring it fits well within the layout.

Connecting a Calendly Calendar

To link a specific calendar:

  1. Select the Calendly element to activate its settings.
  2. In the Options Toolbar on the far left, locate the Calendly Link field.
  3. Visit Calendly.com, log into the account, and copy the calendar link.
  4. Paste the link into the field in Cloud Sites by clicking on the Calendly icon and paste the link directly into the box.

The calendar will update and render automatically within the page.

Styling and Layout Options

Additional customization options include:

  • Background Color
  • Border and Shadow Effects
  • Alignment
  • Width and Height Settings
  • Padding and Margins
  • Entrance Animations
  • Scroll Effects

These settings allow the Calendly element to be styled consistently with the rest of the page design.

Responsive Design Considerations

The Calendly element is designed to adapt well across devices. However, it is recommended to preview the calendar on tablet and mobile views to ensure proper sizing and alignment. Width adjustments may be necessary to maintain usability and visual balance.

Once configured, the Calendly calendar is ready for publishing and will provide visitors with a smooth, integrated scheduling experience.

In our Cloud Websites documentation, you may come across the name "Brizy" or links to articles found on the Brizy website. Brizy is a technology partner that helps us provide an enhanced, user-friendly website editing experience. The Brizy partnership is explicitly designed for ministries, ensuring we offer the best solution to meet your church's website needs.

 

Updated

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request