top of page

LixAR

Seamlessly integrate Augmented Reality (AR) applications into your Wix website. By leveraging the LitElement library and @google/model-viewer, it brings AR capabilities to your web projects with minimal effort, enriching user experiences.

Lix AR

Table of Contents

  1. Introduction

  2. Overview

  3. Features

  4. Demo

  5. Installation and Setup Guide

  6. Configuration Options

  7. Supported 3D Model Formats

  8. Use Cases

  9. Support

Introduction

The LixAR component is part of the Lix library, developed by Threed Software, designed to bring Augmented Reality (AR) capabilities to web applications. Built using the LitElement library and the @google/model-viewer library, LixAR enables interactive AR model display on your website, giving visitors an immersive experience.

This component is part of the Lix Components Library, specifically created to extend the functionality of Wix websites, including Editor X and Wix Studio. LixAR is fully customizable and compatible with various 3D modeling formats.

Overview

The LixAR component allows you to embed 3D models in .glb format onto your site, viewable in AR with smooth interaction and manipulation options. With properties that enable auto-launching of the AR viewer, model selection, and custom model placements, the LixAR component is highly flexible for various uses on eCommerce, educational, and real estate sites, among others.

Features

  • Seamless AR Integration: Integrate 3D AR models directly into Wix websites using LitElement and @google/model-viewer.

  • Cross-Device Compatibility: Works on Mac, PC, Android, iOS, and Meta Quest devices.

  • Model Customization: Customize models, add posters, select placements, and define viewer behavior.

  • Auto AR Activation: Option to activate AR automatically after a delay.

  • Extensive Format Compatibility: Supports .glb files from Blender, Sketchfab, Turbosquid, Windows Paint 3D, and others.

  • Customizable for Enhanced Interaction: Add custom properties and methods for model manipulation.

Demo

Check out the live demo of the LixAR component:



Installation and Setup Guide

To get started with LixAR:

  1. Install the Component: Add LixAR from the Wix App Market or use Threed Software's official instructions.

  2. Access the Wix Editor: Navigate to your Wix Editor, log into your Wix account, and click "Edit Site" for the site you wish to add AR to.

  3. Drag & Drop LixAR: Add the LixAR HTML component to your Wix page and configure its settings.


Adding LixAR to Your Wix Site

  1. Install the App:

    • Go to the Wix App Market and click "Install App".

    • Choose the relevant site (if you have multiple sites) and click "Add to Site".

  2. Configure App Settings:

    • Once in the Wix Editor, locate the LixAR component. This may appear as a widget, button, or other UI element.

    • Use the Wix Editor or setAttribute() function to configure properties, such as the model file, poster image, and viewer settings.

  3. Upload Models:

    • Supported formats include .glb files.

    • You can upload custom .glb files or use hosted models.

  4. Preview and Save:

    • Test the functionality and layout of your model in the editor preview.

    • Once satisfied, save the changes to your site.


Configuration Options

The following properties can be customized in LixAR:

  • 3D Model File (modelSrc): Set the URL or upload path of your .glb model file.

  • Poster Image (posterSrc): An optional image displayed before loading the model.

  • Auto AR Activation (autoAR): Set a delay to automatically launch the AR viewer.

  • Model Placement: Define the positioning of the model within the viewer.

Use the setAttribute() function in the Wix Editor or code to customize these properties.

Additional Customization

For advanced customization, you can extend the component with custom methods and properties in the LixAR class. For example:

  • Additional Methods: Add methods for rotation, scaling, or animations.

  • Enhanced Interaction Properties: Add specific behaviors or UI elements for user engagement.



Supported 3D Model Formats

The LixAR component supports .glb files, including files from:

  • Blender

  • Sketchfab

  • Turbosquid

  • Smithsonian Institute

  • Windows Paint 3D

Tip: Ensure models are optimized for web use for best performance.


Use Cases

  1. eCommerce: Display 3D models of products, giving customers a virtual try-on or inspection experience.

  2. Real Estate: Provide a virtual tour or scale model of property layouts.

  3. Education: Demonstrate complex models (e.g., anatomical, mechanical) for enhanced learning experiences.

  4. Events: Create interactive event or venue demos.

  5. Personalized Greetings: Customize visitor engagement with unique 3D elements.


Support and Resources

For general inquiries, technical support, or billing issues, please reach out:


bottom of page