Previewing and Publishing

Throughout development in Designer you'll want to test your experience on a mobile device. We recommend testing regularly to catch any bugs or issues that you might have accidentally added to your experience.

In the top-right hand corner of Designer there are two buttons: Preview and Publish.

Preview and Publish Buttons in Designer

Previewing

When you Preview your experience, you will be provided with a test QR code. Scanning the test QR code using a QR code scanner (built in to most native camera applications) will launch a preview of your experience. This is a reflection of what users will see when they scan your QR code trigger.

Image-Tracking

Clicking the Preview button will open a Preview Modal where a test QR code and the target image you uploaded will be displayed.

Image Tracked Preview Modal

World-Tracking & Face-Tracking

Clicking the Preview button will open a Preview Modal where a test QR code will be displayed.

QR code Preview Modal

Scans of preview experiences are purely for testing purposes and do not count to CPV or analytics.

The test QR code should not be used on your target image or print material as it's only active for 5 minutes. Please use the trigger assigned to your project.

Publishing

When you have tested your experience and are happy to distribute it, you can click the Publish button. This will deploy your experience to your QR code trigger and a modal will appear with the final QR code that you can download.

Published QR code in Designer

The published QR code can also be downloaded from your project dashboard and then shared alone or alongside a target image, if applicable, enabling users to scan and launch the experience.

Published QR code in Project Dashboard

For Image Tracked experiences, it is recommended that you add the QR code to your target image. To find what makes a good tracking image, check out this article

To check if the experience has been published successfully, you can find a green 'Published' indicator at the top left of the Action Bar.

Published Indicator in Designer

Distribution Methods

Experiences developed using Designer are built to target WebAR. All Designer experiences will launch into a splash screen which will prompt users to enable permissions when the launch button is tapped. This splash screen can be either Zappar branded, Lite branded or an Enhanced WebAR Distribution.

Zappar branded / Lite branded / Custom branded

The Lite branded splash screen is only available on Pro and Enterprise plans. To gain access to this feature, you can upgrade your Zapworks subscription here.

The Enhanced WebAR Distribution is available as an add on to your subscription. Enterprise users can can request a call with a member of the sales team to run through the features of this distribution method here: https://zap.works/webar/request/.

To learn how to configure your distribution method / splash screen for your Designer experience, head over to our WebAR Distribution Methods article.

zapcode branded_zapcode i