Title: Tyralix WebAR
Author: Sanket Mehta
Published: 2026 年 9 月 16 日
Last modified: 2026 年 9 月 16 日
---
搜尋外掛
# Tyralix WebAR
由 [Sanket Mehta](https://profiles.wordpress.org/progremzion/) 開發
[下載](https://downloads.wordpress.org/plugin/tyralix-webar.1.0.0.zip)
* [詳細資料](https://tw.wordpress.org/plugins/tyralix-webar/#description)
* [使用者評論](https://tw.wordpress.org/plugins/tyralix-webar/#reviews)
* [安裝方式](https://tw.wordpress.org/plugins/tyralix-webar/#installation)
* [開發資訊](https://tw.wordpress.org/plugins/tyralix-webar/#developers)
[技術支援](https://wordpress.org/support/plugin/tyralix-webar/)
## 外掛說明
**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](https://tyralix.com/support) or use
the WordPress.org support forums.
### Credits
This plugin bundles the following open-source libraries:
* [Google ](https://modelviewer.dev/) – 3D/AR rendering (Apache-2.0)
* [qrcodejs](https://github.com/davidshimjs/qrcodejs) – QR code generation for
the desktop “view on mobile” flow (MIT)
* [Chart.js](https://www.chartjs.org/) – Admin analytics charts (MIT)
## 螢幕擷圖
[⌊AR button on product page⌉⌊AR button on product page⌉[
AR button on product page
[⌊3D model viewer modal⌉⌊3D model viewer modal⌉[
3D model viewer modal
[⌊Product placed in real environment via AR⌉⌊Product placed in real environment
via AR⌉[
Product placed in real environment via AR
[⌊Admin dashboard with analytics⌉⌊Admin dashboard with analytics⌉[
Admin dashboard with analytics
[⌊AR Viewer block in the WordPress block editor⌉⌊AR Viewer block in the WordPress
block editor⌉[
AR Viewer block in the WordPress block editor
[⌊AR Button block in the WordPress block editor⌉⌊AR Button block in the WordPress
block editor⌉[
AR Button block in the WordPress block editor
## 適用於區塊編輯器
這個外掛提供 2 個可供區塊編輯器使用的區塊。
* Ar Viewer
* Ar Button
## 安裝方式
#### Automatic Installation
1. Go to Plugins > Add New in your WordPress admin
2. Search for “Tyralix WebAR”
3. Click “Install Now” and then “Activate”
4. Go to Tyralix WebAR > Settings to configure the plugin
#### Manual Installation
1. Download the plugin zip file
2. Go to Plugins > Add New > Upload Plugin
3. Choose the zip file and click “Install Now”
4. Activate the plugin
5. Go to Tyralix WebAR > Settings to configure
#### Configuration
1. Navigate to Tyralix WebAR > Settings
2. Configure your AR button text and position
3. Set performance options (lazy loading, caching)
4. Enable analytics if desired
#### Adding AR to Products
1. Edit a WooCommerce product
2. Click on the “WebAR” tab in the product data section
3. Check “Enable WebAR”
4. Upload or select a 3D model (GLB and/or USDZ)
5. Configure scale and other options
6. Save the product
## 常見問題集
### What 3D file formats are supported?
The plugin supports:
* **GLB/GLTF 2.0** – For Android devices and 3D preview * **
USDZ** – For iOS AR Quick Look experience
We recommend providing both formats for the best cross-platform experience.
### How do I create 3D models of my products?
You can:
* Hire a 3D artist or agency * Use 3D scanning services * Create models
using software like Blender (free), Maya, or 3ds Max * Use AI-powered 3D generation
tools
### What are the recommended model specifications?
For optimal performance:
* File size: Under 10MB (50MB maximum) * Polygon count:
Under 100,000 triangles * Texture resolution: 2048×2048 maximum * Use Draco compression
when possible
### Does this work on desktop computers?
The 3D viewer works on all devices. AR placement requires a mobile device with camera
access. Desktop users can scan a QR code to open the AR experience on their phone.
### Why does my site need HTTPS?
Camera access requires a secure connection (HTTPS). This is a browser security requirement,
not a plugin limitation.
### Can customers share their AR screenshots?
Yes! Customers can capture screenshots of products placed in their space and share
them via social media or messaging apps.
### Does this affect my site’s performance?
The plugin is optimized for performance:
* Scripts load only on the pages that
need them * 3D models load lazily * Caching reduces repeated processing * All 3D/
AR libraries are bundled locally (no external CDN calls)
### Is the plugin GDPR compliant?
Yes. The plugin:
* Does not collect personal data without consent * Analytics can
be disabled * All data can be exported and deleted * No third-party tracking without
consent
## 使用者評論
這個外掛目前沒有任何使用者評論。
## 參與者及開發者
以下人員參與了開源軟體〈Tyralix WebAR〉的開發相關工作。
參與者
* [ Sanket Mehta ](https://profiles.wordpress.org/progremzion/)
[將〈Tyralix WebAR〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/tyralix-webar)
### 對開發相關資訊感興趣？
任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/tyralix-webar/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/tyralix-webar/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/tyralix-webar/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/tyralix-webar/)。
## 變更記錄
#### 1.0.0
* Initial release
* WebXR/AR Quick Look/Scene Viewer support
* 3D model management (GLB/USDZ)
* WooCommerce product integration
* Analytics tracking
* REST API
* Shortcodes and widgets
* Multi-language support
## 中繼資料
* 版本 **1.0.0**
* 最後更新 **2 天前**
* 啟用安裝數 **少於 10 次**
* WordPress 版本需求 ** 5.8 或更新版本 **
* 已測試相容的 WordPress 版本 **7.1.1**
* PHP 版本需求 ** 7.4 或更新版本 **
* 語言
* [English (US)](https://wordpress.org/plugins/tyralix-webar/)
* 標籤:
* [3D viewer](https://tw.wordpress.org/plugins/tags/3d-viewer/)[AR](https://tw.wordpress.org/plugins/tags/ar/)
[Augmented Reality](https://tw.wordpress.org/plugins/tags/augmented-reality/)
[product visualization](https://tw.wordpress.org/plugins/tags/product-visualization/)
[woocommerce](https://tw.wordpress.org/plugins/tags/woocommerce/)
* [進階檢視](https://tw.wordpress.org/plugins/tyralix-webar/advanced/)
## 評分
這個項目尚無任何評論記錄。
[撰寫評分](https://wordpress.org/support/plugin/tyralix-webar/reviews/#new-post)
[查看全部使用者評論](https://wordpress.org/support/plugin/tyralix-webar/reviews/)
## 參與者
* [ Sanket Mehta ](https://profiles.wordpress.org/progremzion/)
## 技術支援
使用者可在技術支援論壇提出意見反應或使用問題。
[檢視技術支援論壇](https://wordpress.org/support/plugin/tyralix-webar/)
## 贊助
想要支援這個外掛的發展嗎？
[ 贊助這個外掛 ](https://tyralix.com/)