Add to Calendar Button

Description

Make your events get saved.

This WordPress plugin lets you create beautiful buttons with calendar links, where people can add events to their calendars.

All of this with just a few clicks and highly customizable, using the popular Add to Calendar Button script (v1.4.1).

Check out the official website for a comprehensive demo and overview: add-to-calendar-button.com.

๐Ÿ”Ž WHO THIS IS FOR

This is for everybody, who wants to include a button at their WordPress site, which enables users to easily add a specific event to their calendars.

Our main goal is to keep this process as easy as possible at maximum compatibility. Simply define your button configuration and everything else is automatically generated by the script.

๐Ÿš€ INTEGRATED IN SECONDS

You can either use the shortcode [add-to-calendar-button] or the even more convenient Gutenberg Block.

You place the attributes directly in the shortcode, or at the Gutenberg Block settings.

(Mind that you cannot use ‘[‘ and ‘]’ characters, when going for the shortcode option! For content formatting, you can use {‘{‘}{‘}’} instead of [] there.)

โœจ SUPPORTED CALENDARS

  • Google Calendar.
  • Yahoo Calender.
  • Microsoft 365, Outlook, and Teams.
  • Automatically generated iCal/ics files (for all other calendars, like Apple).

๐Ÿ“† SUPPORTED EVENT TYPES

  • Timed and all-day events.
  • One-time, multi-date, recurring.
  • Most robust time zone and daylight saving management.
  • Dynamic dates (like “today + 3”).

๐ŸŽจ ADJUST THE LOOK

The button comes with multiple themes as well as a dark and light mode.

You can easily adjust almost every element by setting the respective simple attributes.
In case you want to go all-in, you can also manipulate all kinds of colors and further styling.

๐Ÿ–– EXPERT ACCESSIBILITY

  • Optimized and adjustable UX (for desktop and mobile).
  • Dynamic dropdown positioning.
  • Taking care of all those edge cases, where some scenarios do not support specific setups (like WebView blocking downloads); utilizing beautiful user guidance workarounds.
  • Auto-generated Schema.org rich (structured) data for better SEO.
  • Full support for mouse, touch, or keyboard input (W3C WAI compliant).
  • Aside from the WordPress editor, the button itself supports 20+ languages, incl. RTL text for Arabic; but also offers the option to customize all labels and text blocks.

๐Ÿ› ๏ธ GET STARTED

After installing and activating the plugin, you can directly start using the button within your pages and blog posts.

๐Ÿ“„ ABOUT THE LICENSE

This plugin is licensed under the GPLv3 license (GNU General Public License 3).

However, mind that the script to actually generate the Add to Calendar Button uses the Elastic License 2.0 (ELv2)!

This usually comes with no restrictions for you, but it forbids you to rework the core script and provide the product (generating an add-to-calendar-button) to others as a managed service.

In almost every case, this will not affect you. If you are not sure, because you are building some kind of SaaS, where you are using the plugin, simply contact us.

Screenshots

  • Add to Calendar Buttons can be used as Blocks, which enables you to directly see how it will look like on the final website.
  • Add to Calendar Buttons can take all kinds of styles.

Blocks

This plugin provides 1 block.

  • Add to Calendar Button

Installation

Simply install the plugin via the usual WordPress process – either via the admin panel or by downloading and uploading it.

After the installation, you need to activate the plugin as usual by clicking the respective trigger at your plugins page.

That’s it. You can now use it via the shortcode [add-to-calendar-button] or the Gutenberg Block (simply search for it).

FAQ

Is it free?

Yes! You can use it completely free of charge.

The only minor limitation is, that you are not allowed to rework the plugin to somehow sell the generation of the buttons as managed service.

In doubt, simply ask us ๐Ÿ™‚.

How can I configure the button?

Have a look at the official documentation by clicking here. It holds all the information necessary.

Can I adjust the look of the button?

Yes, you can.

First of all, there are a lot of easy to access options for the most common cases, documented at the official documentation.

In case you want to go even further with customizing the look of the Add to Calendar Button, you have multiple expert options. They are described in detail at the advanced usage section of the documentation.

I have a problem. How can I get help?

You can always use the WordPress support forum.

If the problem is not related to the WordPress integration, but rather the button’s functionality, you might also want to consider posting it at the official GitHub repository to reach a bigger audience.

Reviews

February 14, 2023
i didn't know this also comes as a Wordpress plugin. Already?! That's awesome!! Yaaay! Awesome plugin!

Contributors & Developers

“Add to Calendar Button” is open source software. The following people have contributed to this plugin.

Contributors

“Add to Calendar Button” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Add to Calendar Button” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change log

1.4

  • updating add-to-calendar-button script to v1.4.1, enabling forceOverlay feature

1.3

  • moved name and options out of the attributes input. Select multiple in the list by holding the ctrl key. Alternatively, you can still overwrite it with the “others” field
  • making it more robust against other plugins using similar names

1.2

  • updating add-to-calendar-button script to v2.2
  • new “attendee” option
  • better lazy loading of external css
  • fixing language issues

1.1

  • updating add-to-calendar-button script to v2.1
  • Romanian language support

1.0

  • initial release with add-to-calendar-button script v2.0