TWITTER

To insert the Twitter button first you need to select what type of social content you want to use.

Currently, there are four options:

Embed Tweet

Embed Timeline

Embed Tweet Button

Embed Follow Button

Below you will find a detailed overview of these options.

Embed Tweet

How to add a Tweet:

  • Copy the URL of the tweet

  • Click on the Social Media button

  • Select “Embed Tweet”

  • Paste the URL in Attributes sections on the right – where it says “Tweet URL”

  • Adjust the appearance and test with your phone

ATTRIBUTES

  • Name: Select a unique name for your Tweet element

  • Tweet URL: URL of the copied from the Twitter

  • Tweet Title: desired Tweet name

  • Size: Set individual size of Tweet item (by width and height – the aspect ratio is fixed)

  • Position: Set individual position of Tweet item (by x and y)

  • Rotation: Set rotation of Tweet item (by °)

  • Arrange: Define hierarchy in between different content elements

  • Fix to Screen: Disconnects Tweet item from target image and fixes it to screen so it will always stay at the same place, no matter how the target image is moved

  • Hidden: Makes Tweet 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 HTML fragments.

CONTENT

  • Cards: Set the background color of the sound control item

  • Theme: Select between Light and Dark colors of the Tweet item

  • Link color: Set the link color of the Tweet item.


Embed Timeline

How to add a Timeline:

This step is even easier than embedding a Tweet. Here you only need to insert the Twitter profile name in the Attributes section into the “Profile Name” field and click the “Save” button.

ATTRIBUTES

  • Name: Select a unique name for your Timeline element

  • Profile Name: URL/ Username/ Profile Name of the copied from Twitter (has to be one word)

  • Timeline Title: desired Timeline name

  • Size: Set individual size of Timeline item (by width and height – the aspect ratio is fixed)

  • Position: Set individual position of Timeline item (by x and y)

  • Rotation: Set rotation of Timeline item (by °)

  • Arrange: Define hierarchy in between different content elements

  • Fix to Screen: Disconnects Timeline item from target image and fixes it to screen so it will always stay at the same place, no matter how the target image is moved

  • Hidden: Makes Timeline 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 HTML fragments.

CONTENT

  • Tweet limit: Determine the number limited of Tweets which is visible by the user.

  • Theme: Select between Light and Dark colors of Timeline item

  • Link color: select the color of the link inside the Tweet

  • Border color: select the border color between Tweets

  • Show replies: switch between On/Off to make the replies be (in)visible to the user

  • Chrome – no header: switch between On/Off to make the timeline header be (in)visible to the user

  • Chrome – no footer: switch On/Off to make the footer be (in)visible by the user

  • Chrome – no borders:  switch On/Off to make the border between tweets be (in)visible by the user.

  • Chrome – transparent: On/Off transparency of the background.


Embed Tweet Button

How to add a Tweet Button:

  • Copy the URL of the tweet

  • Click on the Social Media button

  • Select “Embed Tweet Button”

  • Paste the URL in Attributes sections on the right – where it says “Tweet URL”

  • Adjust the appearance and test with your phone

ATTRIBUTES

  • Name: Select a unique name for your Tweet element

  • Tweet URL: URL of the copied from the Twitter

  • Tweet Button Size: Select between Small/Large sizes of the Button

  • Text: Pre-populated highlighted in the Tweet composer. (Ex. Custom share text)

  • Via: Attribute the source of a Tweet to a Twitter Profile/Username

  • Hashtags: A comma-separated list of hashtags to be appended to default Tweet text. Don’t include hashtag sign (#). No space allowed.

  • Size: Set individual size of Timeline item (by width and height – the aspect ratio is fixed)

  • Position: Set individual position of Timeline item (by x and y)

  • Rotation: Set rotation of Timeline between different content elements

  • Arrange: Define hierarchy in between different content elements

  • Fix to Screen: Disconnects Timeline item from target image and fixes it to screen so it will always stay at the same place, no matter how the target image is moved

  • Hidden: Makes Timeline 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 HTML fragments.

CONTENT

  • DNT: When selected, the button and its embedded page on your site are not used for purposes that include personalized suggestions and personalized ads.


Embed Follow Button

How to add a Follow Button:

  • Copy the URL of the tweet

  • Click on the Social Media button

  • Select “Embed Follow Button”

  • Paste the Profile Name/Username in Attributes sections on the right – where it says “Profile Name”

  • Adjust the appearance and test with your phone

ATTRIBUTES

  • Name: Select a unique name for your Tweet element

  • Profile Name: Type Profile Name/Username in one word (Ex. generate) Has to be a private link, no company page, etc. possible

  • Button Size: Select between Small/Large sizes of the Button

  • Size: Set individual size of Follow Button item (by width and height – the aspect ratio is fixed)

  • Position: Set individual position of Follow Buttonitem (by x and y)

  • Rotation: Set rotation of Follow Button between different content elements

  • Arrange: Define hierarchy in between different content elements

  • Fix to Screen: Disconnects Timeline item from target image and fixes it to screen so it will always stay at the same place, no matter how target image is moved

  • Hidden: Makes Timeline 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 HTML fragments.

CONTENT

  • Show Counts: Show the number of accounts following specified account

  • Show screen name: Show the username of the specified account

  • DNT: When selected, the button and its embedded page on your site are not used for purposes that include personalized suggestions and personalized ads.

ANIMATIONS

Settings for all Social Media elements

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:

Social media overlays with INSTAGRAM

Social media overlays with FACEBOOK

Social media overlays with LINKEDIN

Did this answer your question?