Customizer Page

Learn how to use the WebAR Customizer page.

On this page, you can personalize all the WebAR experiences you create through the platform by adding buttons, actions, audio, and a custom background.

This allows you to generate WebAR experiences that are more engaging, and interactive, and include your branding:

Setting a Background Image

Use the Background section to set a background image for the WebAR experience. You can upload backgrounds from your computer, from Google Drive, or from your existing echo3D assets. You can set a default background for all assets in your collection through the "Collection Default" tab. You also set backgrounds for individual assets through the "Asset Specific" tab. (If both a "Collection Default" and "Asset Specific" background are set, the "Asset Specific" background will override the "Collection Default" background for that asset.)

The image will only appear on the preview screen prior to clicking the See in AR button.

Click one of the upload buttons, and choose an image file (.png or .jpg) or an HDR file (.hdr).

Click the delete button to reset the background to its default state.

Adding Music

Use the Music section to add an audio file to serve as background music for the webAR experience. You can upload music from your computer, from Google Drive, or from your existing echo3D assets. You can set default music for all assets in your collection through the "Collection Default" tab. You also set music for individual assets through the "Asset Specific" tab. (If both a "Collection Default" and "Asset Specific" music are set, the "Asset Specific" background will override the "Collection Default" background for that asset.)

Audio will only start playing after a user interaction of any type (screen touch gesture, click, etc.).

Click one of the upload buttons and choose an audio file (.mp3 or .wav).

Click the delete button ​ to remove the audio file from storage resulting in an experience with no audio.

Including Camera Capture Functionality

Toggle "Allow snapshots" to allow Android camera capture of the WebAR experience. It will allow viewers to grab a snapshot of the AR scene. iOS screenshots and camera capture are enabled by default.

Use the Buttons & Logos section to introduce clickable buttons, actions, and your own logo to the WebAR experience.

You can set up to nine (9) UI elements on the screen at once (on the top right corner, top center, top left corner, middle right, center, middle left, bottom right corner, bottom center, and/or bottom left corner).

You can set default buttons for all assets in your collection through the "Collection Default" tab. You also set buttons for individual assets through the "Asset Specific" tab. (If both a "Collection Default" and "Asset Specific" button are set for a specific location, the "Asset Specific" button will override the "Collection Default" button for that asset.)

Options include:

Button Type

Custom Fields

Action when Clicked

Example

Disabled

N/A

No button

AR Viewer

Button text

Opens the camera and shows the model in AR.

A "See in AR" button that redirects the user to an AR experience

Link

Button text, URL

Redirects to a custom URL

Buy now button that redirects a user to buy the product on your website

Text

Button text, message

Shows a custom message

Learn more button that shows more information about a product

Logo

Image source, URL

Redirects to a custom URL

Your company logo that redirects a user to your website

Social Media

Facebook URL, Instagram URL, Twitter URL, LinkedIn URL

Redirects to a social media page

You company's social media pages

WebAR QR

N/A

Expands a QR Code with a link to the WebAR experience

QR Button redirects viewers to the WebAR Experience

Viewing Click Analytics and Click-through-Rates

When buttons are configured, the number of button clicks and the overall click-through-rate (CTR) will display alongside each button.

Use the Sharing section to copy the link to the WebAR experience, share it to other websites, or get a QR code for the WebAR experience.

The QR Code button will open a dialog with three QR codes: one with a link to the WebAR experience, one with a link to see your asset on an image in AR, and one QR Code to view your asset in AR on a face.

Connecting a Custom Domain

Use the Custom Links section to contact echo3D and connect your own domain to the WebAR experience.

This means that viewers will be able to access the experience from your company website.

Contact us to discuss our custom offering.

Last updated

Was this helpful?