Customizer Page
Learn how to use the WebAR Customizer page.
Last updated
Learn how to use the WebAR Customizer page.
Last updated
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:
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
).
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
).
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:
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.
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.
Click the delete button to reset the background to its default state.
Click the delete button to remove the audio file from storage resulting in an experience with no audio.
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.
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