Guides & Tutorials

Calendar invite buttons in templates

Calendar buttons in templates are an easy way to add some extra value to your event invitations or reminders. They help your clients remember that an important event is coming.

There are several services to choose from to create calendar invite buttons, like AddEvent, and Labnol.

Example using AddEvent:

  1. Create a new account or log in at You can choose Free plan to start testing.
  2. Find the “Create” button and click on it. Then choose “Event”.
  3. Add your event name in the “Title of your event” field.
  4. Choose the event beginning and ending time. Make sure to choose the correct time zone.
  5. Fill in the other information if necessary.
  6. Make sure that the contact person and email address are correct and your company’s information.
  7. Click on “Create”.

Now you can see the event information view.

  1. Find section “Add to Calendar links (for emails, newsletters and campaigns)”
  2. You can choose the calendar button styles, by clicking on the numbers 1 or 2 under the calendar icons section.
  3. To get the buttons code, click on <> icon.
  4. Copy all the code in the pop-up window.
  5. Open your template in Smaily, where you want to insert calendar buttons.
  6. Drag an HTML element in the preferred spot in the template and open the code editor by clicking on the pencil icon.
  7. Insert the whole code there.
  8. Click on “OK” to save the code and you should see the icons in the template now.

If you wish to change the “Add event to calendar” text above the calendar buttons re-open the HTML element’s editor.

Find this code section in the first part of the code <p style="margin:0px 0px 10px 0px;text-align:center;font-size:17px;line-height:150%;color:#000;font-weight:bold;">Add event to calendar</p>

Change the text between the > and < tags where the adding text is and save the changes by clicking “OK”