Share your contact without missing important details effortlessly.

What's your benefit?

In contrast to the printed business cards now you don’t have to worry if your number or address changed. With a few clicks, you can be updated with the latest information.

Once decided to add a contact overlay to your AR.Create WonderPage follow the explanation below.

Here you can find out how to

How to add a contact:

Step 1: Click the image icon in the toolbar on the left side of your screen.

Step 2: A thumbnail appears inside the scenario editor. Click on the thumbnail inside the scenario editor to move/position and access the Action workflow editor and settings.

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



  • Name: Select a unique name for your contact box element.

  • Size: Set individual size of contact box (by width and height, the aspect ratio is fixed).

  • Position: Set individual position of contact box (by x and y).

  • Opacity: Set transparency level of contact box (0 = fully transparent, 1= no transparency).

  • Rotation: Set rotation of contact box (by °).

  • Arrange: Define hierarchy in between different content elements.

  • Fix to Screen: Disconnects contact box from target image and fixes it to screen so it will always be shown in the same position, no matter how the target image is moved.

  • Hidden: Makes contact box invisible at the start of AR experience (to e.g. let it appear by a Button interaction at a later time).

  • Unique ID: Internal ID of the content element, mostly used for referencing inside contact fragments.


  • First name: The written name will be shown in the first line of the contact box.

  • Last name: The written last name will be shown in the second line of the contact box.

  • Company: The written company will be shown in the third line of the contact box.

  • Job Title: Your Job Title.

  • Phone: By adding a phone number, an icon will appear at the bottom of the contact box and can be saved on the phone. Clicking on the phone icon will open options to call.

  • Email: By adding email, an icon will appear at the bottom of the contact box and can be saving on the phone. Clicking on the envelope icon a new window will pop up with the inserted email address.

  • Website: Your business website or social media.

  • Address: Your business address.

  • Country: Your business address.

  • City: Your business city.

  • Zip Code: Your business postal code.

  • Country: Your business country.

  • Image: Insert your profile picture by clicking REPLACE.

  • Continue playing: The contact box keeps playing also when image tracking is lost (target image is not visible in camera view anymore), the contact box will be displayed centered to the screen.

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

  • Font color: Select the color of the font.

  • Button color: Select the color of the button inside the contact box in the lower-right corner.

  • Button text color: Select the color of the text inside the button of the contact box.


Animations make your WonderPage more appealing as they add some motion to static content. For each content element, you can easily define how it should appear/disappear as soon as a target image is scanned or lost.

See how to animate your AR elements here.

Maybe interesting too:

Feel free to use different overlays in a single AR.Create WonderPage.

Further AR.Create overlay types are:




Text Box

Social Media


Calendar Event



Did this answer your question?