Add calendar and event tools to your Jimdo website with AddEvent. how-totutorial

Published May 21st, 2021 by   Nicolas Zenker

This tutorial will show you how to add an add-to-calendar button, an embeddable event widget, an RSVP form, a calendar, or an embeddable events list to your Jimdo site.

AddEvent is an add-to-calendar service that makes it really easy to share your events and calendars and ensure that your users add them to their calendars. Getting your event added to a users calendar (whether they are a lead that’s just visited your website, an existing customer, or a user of your platform) increases the likelihood of them attending your events which increases your chances of conversion. AddEvent provides a simple and seamless way for your users to add the event to their calendar in a single click and supports all major calendar platforms including Google Calendar, Outlook Calendar, Outlook.com, Office 365, Apple Calendar and Yahoo Calendar.

Jimdo is one of the most popular and easy-to-use website builders in the world with over 25 million websites created. They offer an all-in-one solution for taking your business online from websites to online stores to bookings, and are particularly well suited for solo entrepreneurs or small business looking for a simple but powerful solution to manage their online presence.

AddEvent offers a range of tools to help you enhance your website, improve user engagement and boost attendance at your events from your Jimdo website:

  • an add-to-calendar button for your Jimdo website
  • add-to-calendar links for your email campaigns (works with all major email campaign tools)
  • an event or calendar landing page (hosted by us)
  • RSVP functionality so you know who’s coming to your event
  • subscription calendars that lets you add multiple events to a users calendar and sync them on an ongoing basis
  • embeddable widgets including an embeddable event, an embeddable RSVP form, an embeddable calendar and an embeddable events list

The first thing that you will need to do is create an AddEvent account. There are several usage based plans to suit your needs (including a free Hobby plan for personal, non-commercial use).

Creating events and calendars

Before sharing your events or calendars, you’ll need to create them in the AddEvent dashboard. We also support creating and managing your calendars via our Calendar and Events API, and we have a Zapier integration as well.

  • Create an event: In the dashboard, click the “Create” button in the top left hand corner and choose “Event”. Add your event details including the event name, time, event description, event location (include the meeting link here if it is a virtual meeting), calendar notifications/reminders for your users whether it is a recurring event and more.
  • Create a calendar: In the dashboard, click the create button in the top left hand corner and choose “Calendar”. Once the calendar is created, you can add events to the calendar by following the steps above.

Adding custom HTML embeds to your Jimdo site will only work if you choose the “The editor for coding experts” option when you are creating your site. Don’t worry, it’s still really easy to drag-and-drop elements on your site in this mode, but you’ll be able to add the calendar and event tools listed below.

How to add an add-to-calendar button to your Jimdo website

add-to-calendar button jimdo website

Try out a live add-to-calendar button by clicking on the link.

  1. Navigate to the event page: Click on the event you want in the calendar view of the dashboard. In the pop-up that appears, click the “Event page” icon. At the top of the event page that opens you will see the event details that you entered earlier. Scroll down the page to see the sharing options.
  2. Copy the add-to-calendar button code: Once you reach the “Add-to-calendar button” section, click the “Copy code” button to copy the code snippet for your website.
  3. Paste the code into your Jimdo site:
    • In your Jimdo profile, select the website you want to edit, and click “Show dashboard”. Then click the “Edit” button at the top of the page.
    • Navigate to where you want to add your Add-to-calendar button and click the “Add Element” option that appears. In the drop down, click “More elements and add-ons” and then choose “</> Widget / HTML” from the list of options.
    • Paste your add-to-calendar button code in the code editor that appears and click “Save”. Open the website in preview mode to see the button in action!

How to add an embeddable event to your Jimdo website

Adding an embeddable event to your website is a great way to display all your event details and draw attention to your event while still giving your users a quick and easy way to add it to their calendar.

event jimdo website

Follow the same steps as above to navigate to the event page. Once you are there:

  1. Copy the code for the embeddable event: Scroll down to the bottom of the page and click “Copy code” button for the embeddable event option.
  2. Paste the code into your Jimdo site:
    • In your Jimdo profile, select the website you want to edit, and click “Show dashboard”. Then click the “Edit” button at the top of the page.
    • Navigate to where you want to add your embeddable event and click the “Add Element” option that appears. In the drop down, click “More elements and add-ons” and then choose “</> Widget / HTML” from the list of options.
    • Paste your add-to-calendar button code in the code editor that appears and click “Save”. Open the website in preview mode to see your new embeddable event.

How to add an RSVP form to your Jimdo website

rsvp form for jimdo website

When you create an event in AddEvent, you can enable RSVP for the event, which means that users must enter their details before adding the event to their calendar. You can customise the questions you ask them which is a great way of collecting information about them and knowing how many people will attend before your event.

Adding an embeddable RSVP form to your website is a great way to collect event registrations without your users ever needing to leave your website.

  1. Turn on RSVP for your event: On the event page, make sure that RSVP is enabled. If not, click “Edit” and click on the checkbox next to “RSVP” to turn it on.
  2. Add the questions you want to ask: By default the RSVP form asks for a users name and email address but you can customize it to include any information you want.
  3. Copy the code for the embeddable RSVP form: Scroll down to the bottom of the page and click “Copy code” next to the Embeddable RSVP form option.
  4. Paste the code into your Jimdo site:
    • In your Jimdo profile, select the website you want to edit, and click “Show dashboard”. Then click the “Edit” button at the top of the page.
    • Navigate to where you want to add your embeddable RSVP form and click the “Add Element” option that appears. In the drop down, click “More elements and add-ons” and then choose “</> Widget / HTML” from the list of options.
    • Paste your add-to-calendar button code in the code editor that appears and click “Save”. Open the website in preview mode to see your new embeddable RSVP form on your page.

How to add an embeddable calendar to your Jimdo website

calendar jimdo website

AddEvent lets you share multiple events with your users at once by sharing an entire calendar of events. Embedding a full calendar on your website is a great way to showcase all of your upcoming events so you can be sure that your users won’t miss out!

  1. Customize your calendar: In the AddEvent dashboard, click the three dots next to the name of the calendar that you want to share. Choose “Calendar page” from the options. Once you are on the calendar page, scroll down to the sharing methods and find the “Embeddable calendar” option. AddEvent offers full customization of the calendars via HTML, but you can also click the “Quick Customize” button to select which elements you want to include.
  2. Copy the code: Once you have the calendar configured how you want, click the copy code button in the top right hand corner of the page.
  3. Paste the code into your Jimdo site:
    • In your Jimdo profile, select the website you want to edit, and click “Show dashboard”. Then click the “Edit” button at the top of the page.
    • Navigate to where you want to add your embeddable calendar and click the “Add Element” option that appears. In the drop down, click “More elements and add-ons” and then choose “</> Widget / HTML” from the list of options.
    • Paste your add-to-calendar button code in the code editor that appears and click “Save”. Open the website in preview mode to see your new embeddable calendar on your page.

How to add an embeddable events list to your Jimdo website

An embeddable events list is a great way of showing all your upcoming events without taking up as much space as a full calendar. You can also add some interesting and fun options like showing the event details directly on the events list or a countdown timer to build anticipation before your event!

events-list-jimdo-website
  1. Customize your events list: In the AddEvent dashboard, click the three dots next to the name of the calendar that you want to share. Choose “Calendar page” from the options. Once you are on the calendar page, scroll down to the sharing methods and find the “Embeddable events list” option. Click the the “Quick Customize” button to select which elements you want to include, and set up the events list how you want.
  2. Copy the code: Once you have the events list configured how you want, click the copy code button in the top right hand corner of the page.
  3. Paste the code into your Jimdo site:
    • In your Jimdo profile, select the website you want to edit, and click “Show dashboard”. Then click the “Edit” button at the top of the page.
    • Navigate to where you want to add your embeddable events list and click the “Add Element” option that appears. In the drop down, click “More elements and add-ons” and then choose “</> Widget / HTML” from the list of options.
    • Paste your add-to-calendar button code in the code editor that appears and click “Save”. Open the website in preview mode to see your new embeddable events list on your page.

When you add an embeddable calendar or an embeddable events list to your website, users can also subscribe to the calendar. This means that all the events on your calendar get added and synced to their personal calendar so you can keep them updated with all your latest events! This is a fantastic way to build engagement with your users. You can also share a calendar directly via an add-to-calendar button, similar to a single event. Simply choose the Add-to-calendar button in the sharing options, copy the code as before and paste it into your Jimdo website.

Try it out👆

We've launched
a new service!

AppointmentThing is a simple yet powerful scheduling tool that makes it easy for your clients to schedule appointments with you, saving time for everyone. 😃