Tyralix WebAR

Beskrywing

Tyralix WebAR Place in Room transforms your WooCommerce store by allowing customers to place your products in their actual space using their smartphone camera. This immersive augmented reality experience helps customers make confident purchase decisions, leading to increased conversions and reduced returns.

Key Features

• No App Required – Works directly in mobile browsers using WebXR technology
• Cross-Platform Support – Compatible with iOS (AR Quick Look) and Android (Scene Viewer)
• Easy Integration – Seamlessly integrates with WooCommerce product pages
• 3D Model Management – Upload and manage GLB/GLTF and USDZ models
• Customizable AR Button – Configure text, position, and styling
• Analytics Dashboard – Track AR views, sessions, and conversion rates
• Performance Optimized – Lazy loading, caching, and progressive model loading
• Developer Friendly – REST API, hooks, filters, and shortcodes

Perfect For

• Furniture stores
• Home decor retailers
• Lighting showrooms
• Art galleries
• Kitchen and bath retailers
• Office furniture suppliers
• Any product that benefits from spatial visualization

How It Works

1. Upload your 3D models (GLB for Android, USDZ for iOS)
2. Assign models to your WooCommerce products
3. Customers tap “View in Your Room” on product pages
4. The product appears in their actual space through their camera
5. Customers can move, rotate, and scale the product
6. Confident customers add to cart!

Browser Support

• iOS: Safari 13+ with AR Quick Look
• Android: Chrome 79+, Samsung Internet 11+, Edge 79+
• Desktop: 3D viewer with AR via QR code

Requirements

• WordPress 5.8 or higher
• WooCommerce 6.0 or higher
• PHP 7.4 or higher
• HTTPS enabled (required for camera access)
• 3D models in GLB/GLTF format (Android) and USDZ format (iOS)

Developer Documentation

Hooks and Filters

Actions:
* tyralix_webar_before_ar_button – Before AR button renders
* tyralix_webar_after_ar_button – After AR button renders
* tyralix_webar_model_created – When a model is created
* tyralix_webar_model_updated – When a model is updated
* tyralix_webar_model_deleted – When a model is deleted
* tyralix_webar_ar_session_start – When AR session starts
* tyralix_webar_ar_session_end – When AR session ends

Filters:
* tyralix_webar_button_text – Filter AR button text
* tyralix_webar_button_class – Filter AR button CSS class
* tyralix_webar_model_data – Filter model data before rendering
* tyralix_webar_viewer_attributes – Filter model-viewer attributes
* tyralix_webar_allowed_domains – Filter allowed external model-file domains
* tyralix_webar_rate_limit – Filter API rate limit

Shortcodes

[tyralix_ar_viewer]
Display an AR-enabled 3D viewer.

Attributes:
* product_id – WooCommerce product ID
* model_id – Model library ID
* glb_url – Direct GLB file URL
* usdz_url – Direct USDZ file URL
* width – Viewer width (default: 100%)
* height – Viewer height (default: 400px)
* auto_rotate – Enable auto-rotation (yes/no)
* ar – Enable AR button (yes/no)

Example:
[tyralix_ar_viewer product_id=”123″ height=”500px” auto_rotate=”yes”]

[tyralix_ar_button]
Display just the AR button.

Attributes:
* product_id – WooCommerce product ID
* text – Button text
* class – Additional CSS class
* style – Button style (primary/secondary)

Example:
[tyralix_ar_button product_id=”123″ text=”View in AR” style=”primary”]

REST API Endpoints

Base URL: /wp-json/tyralix-webar/v1/

• GET /models – List all models
• POST /models – Create a model
• GET /models/{id} – Get a model
• PUT /models/{id} – Update a model
• DELETE /models/{id} – Delete a model
• GET /products/{id}/ar – Get product AR data
• POST /analytics/track – Track an event
• GET /analytics/summary – Get analytics summary
• GET /settings – Get plugin settings
• PUT /settings – Update plugin settings

Support

For support, please visit Tyralix Support or use the WordPress.org support forums.

Credits

This plugin bundles the following open-source libraries:

• Google <model-viewer> – 3D/AR rendering (Apache-2.0)
• qrcodejs – QR code generation for the desktop “view on mobile” flow (MIT)
• Chart.js – Admin analytics charts (MIT)