The calendar button offers to add events to the user’s calendar. You can customize the event.

So if you decided to add a calendar event overlay to your WonderPage please follow the explanation below.

Here you can find out how to

  • place the added calendar event(s) and style it by editing the Settings in the Properties Panel.

How to add your calendar event:

Step 1: Click the calendar event icon in the toolbar on the left side of your screen. A thumbnail appears inside the scenario editor.

Step 2: Once the thumbnail appears switch to the tabs Attributes and Content on the right side and fill in the fields as described below.

Note: You can show and hide the settings menu on the right by clicking on the thumbnail.



  • Label: Add text to your image box.

  • Name: The name of your uploaded source file.

  • Title background color: Change the color of your background.

  • Icon and Text color: Change the color of your text and icon.


  • Event name: A unique name for your event.

  • Description: Write a brief description of this event.

  • Select Timezone: Select the anchor timezone.

  • Start Date/Time: Select when you’d like to start your event.

  • End Date/Time: Select when you’d like to end your event.

  • Address: Write the venue’s detailed street address.

  • Url: Your business website, social media or ticket registration.

  • Background color: Change the background color of the calendar box.

  • Button color: Select the color of the button inside the event box on the lower-right corner.

  • Button text color: Select the color of the Button text.

Maybe interesting too:

Feel free to use up to 8 tiles in a single AR.Tile WonderPage.

Further AR.Tile types are:







Did this answer your question?