How to Add Events Calendar and Widgets to a Weebly Website

Share This Posts

With a Timely account, you can easily create a beautiful and interactive calendar with events and widgets to your Weebly website. Embedding the code snippet on the backend of your site takes only a few clicks. Any updates and changes you make to the calendar or events are visible to your audience instantly. Furthermore, the online calendar offers an effortless way to handle bookings, reservations, and ticket sales for your events. Read on to learn how to add an events calendar and widgets to a Weebly website.

1. What is Weebly?

Weebly is a content management system (CMS) that is used to help people create, develop and manage websites. Weebly offers an intuitive and user-friendly interface to create custom websites and add various types of content such as blogs, online stores, galleries, and contact forms.

The drag and drop feature makes it easy to create the web page exactly as desired, with full control of font sizes, colours, layout, etc. Moreover, with Weebly, it is possible to integrate with numerous apps, widgets, plugins and features for easy customization.

If you intend to have a calendar on your Weebly site, this post will show you how to add Timely events calendar to a Weebly web page. Keep reading and learn this in more detail.

2. Full Calendar vs Widgets Embedding

As an event organizer, you can reap the full benefits of Timely events calendar. Our event management management platform offers powerful features to help you organize, promote and monetize events on Weebly. You can customize your calendar by choosing from over a dozen calendar views, as well as recreating them into a full calendar view or a smaller mini calendar widget.

A full-scale calendar usually takes up the entire Weebly page, and has a range of calendar functions. For example, date and keyword search, calendar subscription, and filters.

print screen of Timely tile full calendar view
Tile calendar full view

In comparison, the mini calendar widget views are smaller and require less space on the page. Moreover, they have fewer functions. For instance, limited display of upcoming events, with no search or filtering features.

example of Timely calendar widget stream view or mini calendar
Stream calendar widget view
example of Timely calendar widget stream view or mini calendar
Modern row calendar widget view

Moreover, you can spice up your Weebly website design with selected events displayed on a slider or carousel widget. These widgets definitely provide visitors with a beautiful and engaging way to explore your events.

All options can be embedded alone or together giving your audience a unique browsing experience.

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

Once you have obtained your installation code, you are all set to integrate your Timely events calendar into your Weebly page. If you need assistance to create your embed code, please refer to the article How to Set Up the Embed Code for your Timely Calendar.

See below the instructions to integrate Timely calendar into your Weebly website:

  1. Log in to your Weebly account.
  2. Select the page you where you want to install your Timely calendar.
  3. Drag the element Embed Code to your page wherever you want the calendar to appear.
print screen of weebly dashboard showing where to add the embed code
  1. Click inside the Embed Code element, and select Edit Custom HTML.
print screen of weebly dashboard showing where to edit custom HTML
  1. Then, paste the Timely embed code previously created.
print screen of weebly dashboard showing how to add the embed code
  1. Publish your page or save the changes.
  2. Next, go to the front end of your Weebly site. There you will see that your Timely calendar has been properly installed, according to your embed code settings. If you still don’t see the calendar, try logging out of Weebly.

4. How to Add Widgets to a Weebly Website

Prior to adding any Timely widget to your Weebly website, including mini calendar views, sliders and carousels widgets, first you need to create the appropriate embed codes. Read through the user guide posts below to familiarize yourself with how to create these codes:

When you have the embed codes ready, utilize the same instructions as above to add them to the desired Weebly web page. Just make sure to alter the dimensions of the embeddable section of the page beforehand. This will guarantee that the widget is displayed in the right place on the page.

example of a carousel widget installed on a website
Example of a carousel widget installed on a website

We hope that this user guide has helped you learn how to add an events calendar to Weebly websites and pages. If you wish, you can even use Timely calendar to accept bookings and registrations, as well as sell tickets to your events, directly from your own website.

For more user information, please go to our Help Center. If you have any questions, feel free to contact us. Alternatively, you can open a support ticket from your Timely account.