Xem thêm

How to Easily Add Events Calendar and Widgets to Your Squarespace Website

Are you looking to add an events calendar and widgets to your Squarespace website? With a Timely account, it's a breeze to incorporate these features onto your webpages. By simply copying and pasting a code...

Are you looking to add an events calendar and widgets to your Squarespace website? With a Timely account, it's a breeze to incorporate these features onto your webpages. By simply copying and pasting a code snippet into the backend of your site, you can instantly display and update your calendar and events. You can even use the calendar to accept bookings and sell tickets. In this article, we will guide you through the process of adding an events calendar and widgets to your Squarespace website.

1. What is Squarespace?

Squarespace is a leading provider of website building and hosting solutions. Their easy-to-use drag-and-drop components and pre-built templates allow users to effortlessly create and personalize web pages. Squarespace also offers an online community for professionals and users to communicate and grow their understanding. Additionally, they provide detailed tutorials and helpful videos to maximize the potential of their services. If you already have a Squarespace website or are planning to create one, keep reading to learn how to add an events calendar.

2. Full Calendar vs. Widget Embedding

When it comes to organizing and promoting events on Squarespace, Timely event calendar software is the most convenient and effective solution. It offers customization options, including over a dozen calendar views that can be used to build a full-scale calendar or adapted into a smaller widget. Slider and carousel widgets can also be utilized to enhance the design of your Squarespace site and present your events in a visually appealing way. Whether you choose a full-scale calendar or a widget view, both options can be embedded individually or together to create an engaging experience for your visitors.

Modern list full calendar view Modern list full calendar view

3. How to Add Full Calendar Views to a Squarespace Page

Squarespace supports adding external widgets to your site. The available options depend on your plan. All plans can add basic Code blocks, while advanced Code blocks are a premium feature exclusive to Business and Commerce plans. Here's how you can install Timely on your Squarespace website using both options:

3.1 Calendar for Squarespace: All Plans

  • Log in to your Squarespace account.
  • In the Home menu, click on Pages.
  • Select the page you want to edit, and then click on Edit in the top left corner.
  • Hover over the block section where you want to add the calendar, then click on Add Block or insert point, depending on your Squarespace editor.
  • Select Embed from the menu and place it on your webpage.
  • Open the block editor by clicking on the pencil icon.
  • Click on Code snippet in the box that appears.
  • Next, click on Embed data and paste your calendar embed code.
  • Save the changes to your page.
  • Go to the front end of your Squarespace site to see the installed Timely calendar. If you don't see it, try logging out of Squarespace.

3.2 Squarespace Calendar: Business and Commerce Plans

  • Log in to your Squarespace account.
  • On the Home menu, click on Pages.
  • Select the page you want to edit and click on Edit in the top left corner.
  • Hover over the block section where you want to add the calendar, then click on Add block or insert point.
  • Select Code from the menu and place the code block on your webpage.
  • Open the block editor and paste your Timely calendar embed code in the text field.
  • Save your changes.
  • Go to the front end of your Squarespace site to see the installed Timely calendar. If it's not visible, log out of Squarespace.

4. How to Add Widgets to a Squarespace Website

Customers with Squarespace Business and Commerce plans can also incorporate widgets, such as mini calendar views, sliders, and carousels, onto their Squarespace website or page. Before proceeding, generate the embed codes for each widget by following the instructions below:

  • How to Set Up the Embed Code for Calendar Widget Views
  • How to Set Up the Embed Code for Event Sliders
  • How to Set Up the Embed Code for Event Carousel

Once you have the embed codes set up, follow the same instructions as above to insert the codes into your chosen web page. However, when designing the page, make sure to limit the embeddable area to ensure the widget appears in the desired location.

Example of an event slider widget installed on a website Example of an event slider widget installed on a website

We hope this user guide has helped you learn how to add an events calendar and widgets to your Squarespace website. With Timely, you can not only showcase your events but also accept bookings and sell tickets directly from your own website. For more information, please visit our Help Center. If you have any questions, feel free to contact us or open a support ticket from your Timely account.

1