logo

Saving..

Undo

Redo

Reset

Screens
Screen :{{selected_screen.screen_number}}

Customize Your Loading Screen

Add your logo and branding elements, then simply click on any component to tailor it to your preferences.

Customize Camera Error Screen

Craft a unique look for your WebAR viewer's camera error display and customize the error messages.

Scanning Layout Customization

Elevate your scanning experience by adding your unique branding elements to tailor the layout screen according to your preferences.

Customize Your Error Screen

Tailor your error screen with your own content and branding elements.

Customize Your Content Layout

Elevate your content presentation by incorporating your branding elements into the layout.

Customize your WebAR experience sharing screen

Enhance the screen where your customers can download and share the WebAR experiences with a touch of your brand's unique theme

Customize Your Tutorial Screen

Personalize the tutorial screen of your custom WebAR viewer with your own branded content.

{{selected_screen.screen_name}}

{{selected_screen.tutorial_paragraph}}

Image Properties

You can replace, change, delete or alter it as per the branding requirements.

Delete

Replace

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Browse to choose a file

Preferable image

Recommended size : 1440 x 2960 PX

Maximum file size : 5MB

Supported format : jpg, jpeg & png

Edit Background

You can edit the details of your scanner background as per the branding requirements. You can change the color, add background images from the selection or upload new content.

Background Color
Background Images
Upload Background

Choose Background Color

Browse to choose a file

Preferable image

Recommended size : 1440 x 2960 PX

Maximum file size : 5MB

Supported format : jpg, jpeg & png

{{progress_show.fileError }}.

Replace

Delete

{{progress_show.fileUploadStatus}}

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Loading Animations

You can select the template from below to load animation for your custom scanner experience.

Loader Color

Video Properties

You can replace, change, delete or alter it as per the branding requirements.

Delete

Replace

{{progress_show.fileUploadStatus}}

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Video Properties

You can replace, change, delete or alter it as per the branding requirements.

Delete

YouTube URL

Please enter a valid YouTube URL.

Button Properties

You can customize your button content by altering its text font, size, and color, add new templates, or upload new content.

Delete
Normal
Templates
Upload
Button
Button
Button
Button

Button Text

Bold

Italic

Underline

{{selected_element.button_text.length}}/30

Button Color

Text Color

Border Color

Border Width

Border Radius

Browse to choose a file

Preferable image

Maximum file size : 5MB

Supported format : jpg, jpeg & png

The file is invalid or the format type is not allowed.

Replace

Delete

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Link

Connect your button with a call to action for call, email, or link it to the website and others for your custom hosting web experience.

Sorry, You can't link this button

The button you are trying to connect with a link is already linked to the tutorial page, so no changes are allowed.

Sorry, You can't link this button

The button you are trying to connect with a link is already linked to the tutorial page, so no changes are allowed.

Sorry, You can't link this button

The button you are trying to connect with a link is already linked to the tutorial page, so no changes are allowed.

Sorry, You can't link this button

The button you are trying to connect with a link is already linked to share the captured image, so no changes are allowed.

Sorry, You can't link this button

The button you are trying to connect with a link is already linked to download the captured image, so no changes are allowed.

Sorry, You can't link this button

The button you are trying to connect with a link is already linked to reload page, so no changes are allowed.

Sorry, You can't link this button

The button is linked with the refresh action, so no further linking is possible.

Actions (on tap)

Select an action from dropdown below

Enter Mobile Number

Enter Email Address

Enter Page URL

Please enter a valid mobile number

Please enter a valid email address

Please enter a valid URL

Text Properties

You can customize your text content by altering its font, size, color, alignment, etc.

Delete
Heading
Subheading
Paragraph

Bold

Italic

Underline

Left Align

Center Align

Right Align

Justify

{{text_length}}/20

{{text_length}}/200

Text Color

Highlight Color

Border Color

Border Width

Border Radius

Back Button Properties

Customize your back button with the available templates or you can upload your own templates.

Templates
Upload Button

Browse to choose a file

Preferable image

Recommended size : 510 x 510 PX

Maximum file size : 5MB

Supported format : jpg, jpeg & png

The file is invalid or the format type is not allowed.

Replace

Delete

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Close Button Properties

Customize your back button with the available templates or you can upload your own templates.

Templates
Upload Button

Browse to choose a file

Preferable image

Recommended size : 510 x 510 PX

Maximum file size : 5MB

Supported format : jpg, jpeg & png

The file is invalid or the format type is not allowed.

Replace

Delete

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Help Button

Customize the style of your help button. You can choose from the template or upload your own template.

Templates
Upload Button

Browse to choose a file

Preferable image

Recommended size : 510 x 510 PX

Maximum file size : 5MB

Supported format : jpg, jpeg & png

The file is invalid or the format type is not allowed.

Replace

Delete

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Scan Button

Customize the style of your scan button. You can choose from the template or upload your own template.

Scan Again Button

Customize the style of your scan again button. You can choose from the template or upload your own template.

Templates
Upload Button

Browse to choose a file

Preferable image

Recommended size : 510 x 510 PX

Maximum file size : 5MB

Supported format : jpg, jpeg & png

The file is invalid or the format type is not allowed.

Replace

Delete

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Photo Button

Customize your AR experience capturing button with the available templates or you can upload your own templates.

Templates
Upload Button

Browse to choose a file

Preferable image

Recommended size : 510 x 510 PX

Maximum file size : 5MB

Supported format : jpg, jpeg & png

The file is invalid or the format type is not allowed.

Replace

Delete

{{Math.ceil(progress_show.fileUploadPercentage)}}%

Cancel

PROCESSING

Cancel

Skin

Customize the style of your skin. You can choose from the template.

QR Code

Use the QR code to open the WebAR scanner on your device and experience AR.

Sorry, You Can't Edit QR Code

The QR is automatically generated in the scanner so no editing will be accepted.

Click & Edit Components

You can create your customized app screen with the options available in the left menu.

Learn More
Click & Edit Components

You can customize the screen to your interest and your requirement. Click on the particular area in which you would like to update and edit the contents.

Position/ Align

You can position and align the contents and customize your screen.

Position

Forward Backward
To front To back

Align to screen

Top Middle Left Right
Bottom Center Right
Step 1 of 5
Click & Edit Components

You can customize the screen to your interest and your requirement. Click on the particular area in which you would like to update and edit the contents.

Skip Next
Step 2 of 5
Screens

Using the screen section, you can select each screen and customize the contents as you wish for your custom scanner.

Skip Prev Next
Step 3 of 5
Add Components

If you wish to add more customized components, then please select the '+' plus button from the left side and use it for more customization

Skip Prev Next
Step 4 of 5
Embed Code

You can use the embed code to experience the WebAR. Copy and paste the generated embed code in your website or app for your custom experience.

Skip Prev Next
Step 5 of 5
Generate Scanner Viewer

You can create and generate your scanner viewer with all customization needed for your custom website AR experience. The white-labeling feature is available to add your branding to the scanner viewer.

Prev Finish

{{toast_msg}}

{{toast_msg}}