ARTool Viewer Designer

Choose a look, preview it live, copy the embed code.

Company

Product

Viewer height

"Fill parent" needs a parent element with a height on your page.

Background color

Toolbar position

Button direction

Button shape

Button style

Button size

Toolbar button color

Icon style

Use light icons on dark buttons and dark icons on light buttons.

On desktop the AR button opens a QR code. Phones open AR directly.

Auto-rotateSlowly spin the model on load

Rotation speed

Resume after interaction

Starting zoom distance

Lower is closer. The model is scaled to fit a 1×1×1 cube.

Closest zoom

Farthest zoom

Center modelPivot around the model's center

Control sensitivity

Pan speed

Scroll zoom speed

Pinch zoom speed

Show loading screen

Loader type

Show progress percentage

Loader color

Percentage font

Loader background

Keep loader visible in previewPreview only. Not part of the embed code.

Guide ID

Guide language

Find the guide ID and language number in the ARTool admin.

Layout

Design

Styles the list and the info panel for each point.

Hotspot & accent color

Selected hotspot color

Popup side

Maximum guide height

Above this height the list scrolls instead of growing.

Viewer language

QR window title

QR window description

Leave empty to use the default text. Click the AR button in the preview to see it.

Live preview

Auto-refresh

Drag to rotate and scroll to zoom. Your design is saved in the page address, so you can bookmark or share it.

Your embed code

Paste this where the viewer should appear on your page. Only settings that differ from the defaults are included.

Import your current embed code

Paste the viewer code from your website. The designer loads its settings so you can continue from what you have.

Design your 3D & AR viewer

Pick colors, buttons and behavior, watch it update live, then copy the code to your website.

I already have a viewer

Paste the embed code from your website to start from your current design.

Try our demo model

Play with every setting on a sample model with an interactive guide.

Start with my product

Enter the company and product ID from ARTool.