Eventable provides an easy-to-use JavaScript plugin that allows you to embed a customized Add to Calendar button on any website:

<a href="LINK_TO_LANDING_PAGE" target="_blank" class="eventable-link" 
   data-alias="USER_IDENTIFIER(OPTIONAL)">Add to Calendar</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='//plugins.eventable.com/eventable.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script', 'eventable-script');</script>

Place the embed code between the <body> and </body> tags in your HTML. The buttons will appear wherever you place them in your website.

For more advanced customizations, here's a description of the various options:

However, if you cannot use JavaScript (i.e. are on a mobile app) or want to completely customize the user experience, you can send your users to the following URL: https://add.eventable.com/generate/{company_id}/?events[]={event_id}&categories[]={category_id}&opt_in={True|False}&alias={alias}&email={True|False}cal_type={gcal|outlook|yahoo|apple}Eventable will automatically create a new subscriber whenever a user visits this endpoint, and then redirect them to the appropriate calendar, as defined in cal_type.

If you have already created the subscriber object via the API, you can also send the user directly to the calendar at this URL: webcal://broadcast.eventable.com/{subscriber_id}.ics 

Note: we do not recommend using this method unless you are absolutely unable to process HTTP links.

Did this answer your question?