echo3D
🌐 Back to website💻 Go to console📺 Watch workshop💬 Discuss on Slack
  • Introduction
  • Quickstart
    • 🔑Register
    • 💻Access the Console
    • 🎲Add a 3D Asset
    • 📤Share it with Others
    • ❔Troubleshooting
  • Web Console
    • 📦Load a Collection
    • 💼Manage Pages
      • Content Page
        • Assets and Targets
        • Add Content
        • Edit Content
        • Share Content
        • Access Permissions
        • Version Control
        • Asset Hierarchy
        • Bulk Actions on Assets
        • Asset Commenting
        • Activity Sidebar
      • Metadata & Tags Page
        • Collection Taxonomy and Asset Specific Metadata
        • How to Add and Edit Metadata
        • How to Add Associated Files and Text
      • Collections and Sharing Page
        • Users Tab
        • Groups Tab
        • Collections
        • Collection Sharing Tab
        • Asset Sharing Tab
        • Security Tab
      • Customizer Page
      • Model Editor Page
      • Scene Editor Page
    • 🚚Deliver Pages
      • Locations Page
      • Users Page
      • Insights Page
    • 🕛Optimize Pages
      • Convert & Compress Page
    • 🎓Learn Pages
      • Tutorials Page
    • 👤Account Page
      • Profile Tab
      • Email & Password
      • Plans Tab
      • Credit Usage Tab
      • Notifications Tab
      • Delete Account Tab
    • ❓Help Menu
    • ⏬Downloads
    • 🎨Themes
    • 🔎Search
  • API
    • 🧩Objects
    • 🗨️Queries
    • 📊Data
      • 📑What Metadata is Stored
    • 🔼Upload
    • 🔽Download
    • ❌Delete
    • 🌳Entry Hierarchy
    • 🔄Convert
    • 🔃Compress
    • 📁Organize
    • ⏪Version
    • ⏬Locate
    • 🔎Search
    • 🖼️Search by Image or Model
    • Share Content
  • Unity
    • 🔨Installation
    • 🧰Using the SDK
    • 🔧Script Settings
    • 📐Transforming Content
    • 👩‍💻Edit Code
    • 🤳Adding AR Capabilities
    • ❔Troubleshooting
  • Unreal 4
    • 🔨Installation
    • 🧰Using the SDK
    • 🔧Demo Project
  • Web
    • 🔨Installation
    • 🧰Using the Package
  • Scene Viewer
    • 📲Deploy Experience
    • 📐Transforming Content
    • 🔢Embed into Website or App
    • 👩‍💻Add Code
    • ❔Troubleshooting
  • AR.js
    • 📲Deploy Experience
    • 📐Transforming Content
    • 🔢Embed into Website or App
    • ❔Troubleshooting
  • FaceAR
    • 📲Deploy Experience
    • 📐Transforming Content
    • 🔢Embed into Website or App
    • ❔Troubleshooting
  • React Native
    • 📩Fetching Data
    • 👩‍💻Edit Code
    • 🤳Adding AR/VR Capabilities
    • 📐Transforming Content
  • Swift
    • 🔨Installation
    • 🔢Displaying a Model Asset
    • 🤳Adding AR Capabilities
    • 🧰Using the SDK
  • Flutter
    • 🔨Installation
    • 👩‍💻Edit Code
    • 🤳Adding AR Capabilities
  • JavaScript
    • 🔨Installation
    • 🧰Using the SDK
    • 📩Fetching Data
    • 👩‍💻Edit Code
  • Python
    • 🔨Installation
    • 🧰Using the SDK
    • 🔧Demo Project
  • NVIDIA Omniverse
    • 🔨Installation
  • Adobe Substance 3D Painter
    • 🔨Installation
  • 🧰Using the Plugin
  • Blender
    • 🔨Installation
    • 🧰Using the Add-on
  • eCommerce Sites
    • 🛒Shopify
    • 🌐Wix
  • 3D Content
    • 🎨Content Creation
    • 💎Google Poly
    • 📦Objaverse
    • 💫3D Capture Apps
      • MagiScan
      • Qlone
      • ARitize360
      • SCANN3D
      • 3D Scanner
      • Didimo Xperience
      • Scaniverse
      • Metascan3D
      • Polycam3D
      • RealityScan
Powered by GitBook
On this page
  • Setting a Background Image
  • Adding Music
  • Including Camera Capture Functionality
  • Adding Buttons, Actions, and a Logo
  • Viewing Click Analytics and Click-through-Rates
  • Sharing Links with Others
  • Connecting a Custom Domain

Was this helpful?

  1. Web Console
  2. Manage Pages

Customizer Page

Learn how to use the WebAR Customizer page.

PreviousSecurity TabNextModel Editor Page

Last updated 9 months ago

Was this helpful?

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

The Customize page is available in the and plans.

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).

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).

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.

Adding Buttons, Actions, and a Logo

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.

Sharing Links with Others

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.

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.

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.

to discuss our custom offering.

💼
Contact us
Pro
Custom