Linux 软件免费装
Banner图

AR Button – AR Product Preview & Configurator

开发者 arbutton
更新时间 2026年8月11日 20:27
PHP版本: 7.4 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

woocommerce 3d product configurator augmented reality product preview

下载

1.0.6 1.0.8 1.0.7

详情介绍:

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. https://www.youtube.com/watch?v=oHpJJ4-Mm8E 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? How It Works
  1. Install the plugin and enter your free API key
  2. Choose where the AR button appears (after Add to Cart, in the product summary, or anywhere via shortcode)
  3. The plugin automatically uses your product image — no manual setup per product
  4. 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 Built for Developers AR Button is a native Web Component (<ar-button>). Every product attribute — size, color, frame style, texture, finish — is controlled via DOM attributes and can be changed dynamically in real time. Six WordPress filters let you extend templates, image sources, and loader URLs without touching plugin code. Product Templates Pre-configured product types for one-click setup: Automatic Image Sources No need to set images manually. The plugin resolves the product image automatically from: 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? 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

安装:

  1. Upload the arbutton folder to /wp-content/plugins/, or install directly from the WordPress plugin directory
  2. Activate the plugin through the Plugins menu
  3. Go to AR Button in the sidebar and enter your Public Key (get a free one at ar-button.com)
  4. For WooCommerce: enable Show button automatically on product pages in the WooCommerce section
That's it. Every product page now has an AR preview button.

屏幕截图:

  • Digital Twin AR Viewer — place a true-to-scale digital twin of any room or space in augmented reality
  • Garden House AR Configurator — customers choose type, roof style and wall cladding, then see the result live in AR
  • Solar Carport AR Configurator — configure modules, colors, materials, dimensions and offsets with live AR feedback
  • Textile and Clothing AR Preview — preview fabrics and clothing items in augmented reality
  • AR Quick Look on iOS — framed art viewed as a 3D object, rotatable and zoomable on any surface
  • Live AR Wall Preview — a framed art print placed on a real wall using the phone camera
  • Wall Panel in AR — a wall-mounted panel placed at true scale on a real wall
  • Rollup Display in 3D — banner stands and rollup displays rendered in a realistic environment
  • Print Products in 3D — business cards, flyers, folders and rollups displayed together

升级注意事项:

1.0.7 Directory screenshots and readme updates. 1.0.6 Plugin Check warning fixes (languages path, image source context). 1.0.5 Directory assets removed from plugin zip; external services documented in readme. 1.0.4 Packaging cleanup for WordPress.org automated checks. 1.0.3 Plugin and author URIs are now distinct for WordPress.org compliance. 1.0.2 Shortcode tag is [arbutton]. If you still use [ar_button], update to [arbutton]. 1.0.1 Prefix and shortcode aligned to arbutton. Update shortcodes from [ar_button] to [arbutton] if needed. 1.0.0 Initial release. Install, enter your API key, done.

常见问题:

Do my customers need to download an app?

No. AR Button works directly in the mobile browser. Your customers tap the button on your product page and the AR preview opens instantly — no download, no setup, no friction.

Is it free?

The Starter plan is free — 100 AR previews per month, no credit card required. Paid plans start at €49/month. Get your free API key at ar-button.com.

Does it work with WooCommerce?

Yes. Enable the WooCommerce auto-embed with one checkbox and every product page gets an AR button automatically. The plugin uses the product's main image (or gallery image) — no manual configuration needed per product.

Which devices support AR?

AR preview works on iPhones (iOS 12+, Safari) and Android phones (ARCore-capable, Chrome). On desktop browsers, a QR code is shown so users can scan and open the preview on their phone.

Is it GDPR-compliant?

Yes, 100%. AR Button runs entirely client-side in the browser. No personal data is collected, stored or sent to any server. No cookies, no tracking, no server-side processing.

Can I customize the button styling?

Yes. All colors (primary, secondary, text, border, hover, active states), border radius, border width, text size and button label are configurable from the admin panel. You can also override any attribute per button via shortcode.

Does it work with Elementor?

Yes. AR Button includes a dedicated Elementor widget with all options. It also works as a Gutenberg block and as a shortcode.

What image formats are supported?

JPG, PNG, TIFF, PDF, WebP, GIF, BMP, TGA and SVG. The image URL must be publicly accessible.

Can I use it for products other than posters?

Yes. AR Button supports posters, framed images, canvas prints, rollups, business cards, flyers, folders, packaging, doors and more. Each product type has a pre-configured template with appropriate 3D settings.

How accurate is the AR preview?

True to scale. If you set a product to 60×90cm, it appears at exactly 60×90cm in the customer's room. This helps customers judge size, color and placement before buying.

更新日志:

1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0