Add to Calendar Button

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

With the PRO version, it only takes the ID to make it fly.

In the no-PRO case, you simply place the necessary 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 {‘{‘}xxx{‘}’} instead of [xxx] there.)

Go even further with the PRO version…

→ Manage all details and styling via a convenient web app.
→ Use the same button to let people RSVP to your events – fully managed.
→ Get auto-generated landing pages and shareable links for your events.
→ Have better guidance for your users, when they add events to their calendars and things don’t go as expected.

👉 Learn more at add-to-calendar-pro.com.

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.

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.