Check out our video tutorial for easier implementation.
To facilitate the installation, we recommend that you copy all the elements you need from our demo app.

Case A - You already have an event creation form in your app and want to implement the "add to calendar button" :

1) install the "Add to calendar" plugin
2) put the "invitation creator" element on your page (it has to be visible, even if it is transparent)
3) copy the "Calendar-Params" option set from the demo app to yours
4) copy the "add-to-calendar-button" reusable element from demo app to yours
5) Wrap this button in a group so that you can trigger a workflow from it
6) Create the workflow for this group with 2 steps : 1- element action "create_invitation" with invitation creator A element, 2- Set state "is-clicked" to "yes" on the "add-to-calendar- button A" element
7) Create another workflow, of Element type, and chose " A invitation-creator invitation has been created". In this workflow add 1 step to set states of "Add to calendar button", and pass on all the URL links from the plugin to the button (see video)

And your add to calendar button is ready !



Case B- You already have an event creation form in your app and want to send an ics invitation :

1) put the "invitation creator" element on your page (it has to be visible, even if it is transparent)
2) create a "send mail" button, and create its workflow with  one step : element action "create_invitation" with invitation creator A element,
3) Create another workflow, of Element type, and chose " A invitation-creator invitation has been created". In this workflow add 2 steps : 1- Uploader- upload file; to upload the ics file (custom state of invitationcreator A), 2- Send mail, where you will send the ics file as attachment, using the result of step 1's body.

An that's it !



Case C- You don't have any event creation form and want to copy the form + button from our demo app :

1) install Bubble's "Multiselect dropdown" plugin in your app
2) Copy 3 options sets from the demo app to your app :  "Calendar-params", "Nth day options" and "weekday options"
3) copy the "add-to-calendar-button" reusable element from demo app to yours
4) copy with workflows the "Group cal invite container" from the demo app, and paste with workflows into your app.

And you can start using it !