內容簡介
AR Button 是一款能為任何 WordPress 網站新增 3D 產品檢視和擴增實境預覽的外掛。顧客只需點擊按鈕，將手機鏡頭對準牆面或地板，即可在自己的空間中以真實比例查看產品，無需下載應用程式。
【主要功能】
• 提供 3D 產品檢視和擴增實境預覽
• 支援多種產品類型，如海報、瓷磚、門等
• 互動式產品配置器，客戶可即時更改設計
• 無需應用程式，完全在行動瀏覽器運行
• 自動嵌入 WooCommerce 產品頁面
• 100% GDPR 合規，無個人資料收集
外掛標籤
開發者團隊
② 後台搜尋「AR Button – AR Product Preview & Configurator」→ 直接安裝（推薦）
原文外掛簡介
AR Button adds a 3D product viewer and augmented reality preview to any WordPress site. Your customers tap the button, point their phone camera at a wall or floor, and see the product at true scale in their own space — directly in the mobile browser, no app download required.
Free to start: the Starter plan includes 100 AR previews per month, no credit card required.
From flat print products to configurable 3D objects: posters, framed art, canvas prints, wallpaper, tiles, flooring, carpets, wall decals, doors, fences, garden houses, carports, packaging, signage, rollups, business cards, flyers and more. Use it on WooCommerce product pages, Elementor layouts, Gutenberg pages, or any WordPress page with a shortcode.
AR Product Preview & Configurator
For simple products (posters, prints, rollups), AR Button works as a true-to-scale preview — customers see the exact product on their wall before ordering. For configurable products (tiles, doors, fences, garden houses, carports), enable the built-in AR controls and it becomes a full product configurator — your customers can change colors, frame styles, materials, dimensions and finishes interactively, and see every change live in augmented reality.
Why AR Button?
Reduce returns — customers see the real size and how it looks in their room before ordering
Increase conversions — interactive AR previews keep visitors engaged and build buying confidence
No app needed — runs 100% in the mobile browser (iOS Safari, Android Chrome)
No file upload — images are loaded via URL, nothing is uploaded to any server
100% GDPR-compliant — fully client-side, no personal data collected or processed
One-click WooCommerce — enable auto-embed on all product pages with a single checkbox
How It Works
Install the plugin and enter your free API key
Choose where the AR button appears (after Add to Cart, in the product summary, or anywhere via shortcode)
The plugin automatically uses your product image — no manual setup per product
Customers tap the button, point their camera, and see the product at real scale on their wall
On desktop, a QR code is shown so customers can instantly open the AR preview on their phone.
Four Ways to Place the Button
WooCommerce auto-embed — one checkbox, every product page gets an AR button automatically
Gutenberg block — drag and drop the AR Button block into any page or post
Elementor widget — full AR Button widget with all options in the Elementor editor
Shortcode — [arbutton] works anywhere, with full attribute control
Built for Developers
AR Button is a native Web Component (
Product Templates
Pre-configured product types for one-click setup:
Poster — flat prints, photos, art prints
Framed image — framed art with customizable frame color, material, finish, passepartout and glass
Door — interior and exterior doors with placement pane
Rollup — banner stands and rollup displays
Business card — front and back preview
Flyer / Folder — brochures and folders
Packaging — product boxes and packaging
Automatic Image Sources
No need to set images manually. The plugin resolves the product image automatically from:
WooCommerce main product image
WooCommerce gallery (first or last image)
WordPress featured image
Custom field (post meta)
ACF image field
Full Styling Control
Match the AR button to your shop design. All colors (primary, hover, active), border radius, border width, and text size are configurable from the admin panel — or override per button via shortcode attributes.
Who Is This For?
Print shops & online printers — posters, canvas prints, photo products, business cards, flyers
Art galleries & frame shops — framed art, canvas, limited editions
Home & interior retailers — wallpaper, tiles, flooring, carpets, wall decals
Outdoor & construction — doors, garden fences, garden houses, carports, signage
Trade show & display — rollups, banners, booth graphics, exhibition displays
Packaging & merchandise — product boxes, custom merch, promotional items
Any e-commerce shop — WooCommerce, or any WordPress site with product images
AR Button works on any WordPress site. WooCommerce integration is built in but optional. The AR Button Web Component also works with Shopify, Shopware, Magento, Webflow and plain HTML (outside of this plugin).
Links
Website & Live Demo
Documentation
Get your free API key
Support
External services
This plugin relies on the AR Button service (provided by the plugin author) to display augmented reality product previews. Without these external resources, the AR button cannot load or run.
CDN (cdn.ar-button.com)
The plugin loads the AR Button JavaScript loaders from https://cdn.ar-button.com whenever an AR Button is rendered on the front end (or previewed in the admin settings). These scripts are required to register the
When the scripts are requested, the visitor’s browser performs a normal HTTPS request to the CDN (standard request metadata such as IP address and User-Agent may be processed by the CDN for delivery and security). No WordPress site content or customer account data is uploaded by the plugin for this request.
Service provider: AR Button
Terms of service: https://www.ar-button.com/terms/
Privacy policy: https://www.ar-button.com/privacy-policy/
API (api.ar-button.com)
After the loaders are loaded, the AR Button scripts connect to https://api.ar-button.com to validate the configured Public Key and to provide AR preview functionality (including product image URLs and product configuration attributes such as dimensions, colors, and template settings that are set on the button).
This happens when a visitor views a page that contains an AR Button and interacts with / opens the AR preview. The Public Key configured in the plugin settings is included so the service can identify the site account and apply plan limits.
Service provider: AR Button
Terms of service: https://www.ar-button.com/terms/
Privacy policy: https://www.ar-button.com/privacy-policy/
