Designer docs
Learn how to develop with Zapworks Designer with our award winning documentation.
Zapworks Designer makes it easy to create immersive web-based augmented reality (WebAR) experiences – no apps, no downloads and no coding
Create stunning 3D augmented reality experiences without coding expertise. Our no-code, drag and drop editor enables you to effortlessly combine face, image, and world tracked scenes to produce immersive AR experiences. With just a few clicks, you can publish your creations to WebAR and engage your audience like never before.
Get startedImage Tracking uses an image as a target meaning digital content can be tracked to a flat or upright image.
World Tracking allows digital content to be placed in the real world space, without the need for a target.
Face Tracking can detect and track digital content to the user's face. Content can be relative to 12 attachment points.
Create and embed AR into your existing websites. Interact with 3D models inline and launch into AR mode for further immersion.
Import GLB or glTF 3D models. Models can include animations and user actions can be added to add further interactivity.
Zapworks Designer supports 3D models containing animations. Set them up as an idle state, play as an action or set to loop.
Move between different scenes allowing your audience to seamlessly navigate the experience from start to finish.
Screen UI allows you to fix components to a screen in 2D space. Offer better UX by separating the UI and the AR content.
Simple to import various supported video formats, adaptively streamed into your experience.
Alpha channel is an additional channel that defines areas of transparency. Add videos with alpha channel to any Designer project.
WebAR allows users to view experiences using their browser. It is a great way to ensure end users can access content with no friction.
Available on the enterprise plan, Self-hosting allows customisation while also being a secure way to host and serve WebAR experiences.
With Designer, you can easily upload 3D models and drag them into a scene. Building campaigns with multiple scenes and tracking types has never been so easy. Add actions to finalise the user flow and preview the experience before publishing to WebAR.
Amplify brand engagement with WebAR experiences that allow your audience to interact with your digital products or branded assets seamlessly. Combine them with face tracked scenes to simulate an in-store experience and enable your consumers to try your products virtually. Encourage social sharing by enabling users to capture selfies within the experience, increasing brand awareness and driving engagement.
Enhance your WebAR experiences with multi-scenes and an on-screen user interface. With our user-friendly Screen UI feature, your audience can easily navigate through your content using interactive buttons. This results in a more engaging and user-friendly experience that keeps your content at the forefront.
Transform your websites by easily embedding your experience into website builders such as Squarespace. With Designer’s AR Web Embed feature, your website visitors can interact with your fully rendered 3D experiences and even launch them into AR mode. This added level of interactivity enhances the user experience and helps customers make more informed purchasing decisions by visualizing products in 3D.
Find out moreUnlock insights into the performance of your experiences with advanced analytics. Utilize a combination of the ZapWorks dashboard and Google Analytics or Microsoft Clarity to gather valuable data points and KPIs, such as acquisition, impressions, engagements, and dwell time. By leveraging the power of analytics, you can gain a deeper understanding of your audience and improve the effectiveness of your experiences.
Create AR experiences for a number of different use cases. Designer can be a great tool at all stages of AR creation. Create a prototype for larger experiences, virtual try ons for product visualisation or create immersive employee onboarding programs. Powerful creation tool, simple interface.
Applets are elaborate functionalities made easy. By making use of applets, you are able to create more complex experiences quickly without ever leaving Designer or writing a line of code. Applets include features like realistic avatar creation and particle systems.
Get started today! Designer comes with a number of example projects to help you create your first project. Use a template for inspiration or as a framework for the experience you want to create.
Try it today