Linux 软件免费装
Banner图

AR for WooCommerce – Augmented Reality & 3D Product Viewer for Art (ArtInAR)

开发者 roesware
更新时间 2026年10月8日 18:48
PHP版本: 7.4 及以上
WordPress版本: 7.1
版权: GPLv2 or later
版权网址: 版权信息

标签

woocommerce 3d product viewer augmented reality view in room wall art

下载

1.6 1.1 1.3 1.14 1.17 1.2 1.18 1.20 1.21 1.6.1 1.7 1.9 1.11 1.10 1.12 1.8 1.13 1.19

详情介绍:

Your customer points their phone at the wall, and your painting hangs there at its real size. ArtInAR adds a "View on your wall" button to your WooCommerce product pages. One tap opens real augmented reality on the visitor's phone, right in the browser, with no app to install. Free for your first 5 artworks. No account, no credit card, no time limit. Activate the plugin, approve the connection once, and your artwork appears in AR. Paid plans only start when your catalogue outgrows the free plan. The problem it solves "Will it fit above my sofa?" "Is 80 cm too big for this wall?" Buyers of art online hesitate over size and atmosphere more than anything else, and a product photo can't answer that. Some of them email you to ask. Most just leave, and a few buy and send it back. ArtInAR answers the question before they ask it. The artwork appears on their own wall, at true scale, with the depth and shadow of a real canvas. They can walk up to it, step back and look at it from the side. Real AR, not a photo mockup Many "view on wall" tools paste a flat image onto a photo of a room. ArtInAR builds a real 3D model of every artwork and places it in the live camera view: How it works
  1. Install and activate the plugin. The setup wizard opens by itself.
  2. Tick the product categories that hold your artwork and approve the connection on WooCommerce's own approval screen.
  3. ArtInAR turns each artwork photo into a 3D model. The AR column in your Products list shows the progress.
  4. A "View on your wall" button appears on every product whose model is ready.
  5. On a phone, the visitor taps the button and sees the work on their wall. On a computer, they scan the QR code and continue on their phone.
New products and changed photos are picked up automatically. Who it is for See it live ArtInAR runs on real art shops, including Amersfoort Art (art lending and gallery) and Center Art (exclusive art collections). Open a product page on your phone and tap the AR button. Features For your customers For you Pricing The free plan covers 5 artworks, has no end date and needs no credit card. The AR previews stay live in your shop. No account and no email address are needed to start. An email address is optional and only needed to sign in to the ArtInAR dashboard from elsewhere, to upload artwork by hand, or to move to a paid plan. Paid plans cover larger catalogues, from 25 up to 1,000 artworks. See artinar.app for current plans and prices. Languages The plugin is fully translated into Dutch (nl_NL, nl_BE), German, French, Spanish, Italian, Portuguese (pt_PT, pt_BR), Japanese, Polish, Swedish, Danish and Russian. The AR preview page your customers see is available in 23 languages and follows the visitor's browser language. More translations are welcome at translate.wordpress.org.

安装:

Automatic installation
  1. In your WordPress admin, go to Plugins → Add New and search for "ArtInAR".
  2. Click Install Now, then Activate. WooCommerce must be active.
  3. The setup wizard opens. Tick the product categories that hold your artwork (or tick nothing to include every product).
  4. Click Connect and approve the connection on WooCommerce's approval screen. Conversion to 3D starts straight away.
  5. Done. The "View on your wall" button appears on each product as soon as its 3D model is ready.
Manual installation Download the plugin, upload the artinar folder to /wp-content/plugins/ and activate it under Plugins. Then continue with step 3 above. After setup

屏幕截图:

  • The "View on your wall" button on a WooCommerce product page, with a QR code so desktop shoppers can continue on their phone.
  • The guided AR preview page, hosted by ArtInAR: three short steps, then native AR. Devices without AR get a 3D view to rotate.
  • The setup wizard: pick the categories that hold your artwork and approve the connection. No account, no keys, no card.
  • The AR column in your Products list shows where every artwork stands — ready, queued, processing, failed or not converted yet.
  • Match your shop: style the button and QR code with a live preview, or place them anywhere with a shortcode.

升级注意事项:

1.21 Match the QR card to your house style in two clicks: pick your brand colour and a style. 1.20 The "almost ready" setup notice can now be dismissed for good, and the full-width AR button no longer overflows in block themes. 1.19 Tested with WordPress 7.1 and WooCommerce 11.1. Fixes a PHP deprecation notice on the setup wizard page. 1.18 Connecting now goes through WooCommerce's own approval screen, so you see exactly what is granted and can revoke it like any other app. Existing connections keep working. 1.17 Design the QR card yourself, with a live preview in the settings. Also fixes the QR size setting, which did nothing on screens wider than 600px. 1.16 Choose which product photo the 3D model is built from, or let the plugin pick the photo that matches the artwork's proportions. 1.15 Style the desktop QR code: shape, size, colour, background and an optional logo. Existing QR codes look exactly as they did. 1.13 The setup wizard resumes where you left off and shows real progress. Products without a SKU are now included.

常见问题:

Do I need an account?

No. Activate the plugin, approve the connection once in the setup wizard and your store is connected. No sign-up, no email address and no keys to copy. An email address is optional and only needed if you want to sign in to the ArtInAR dashboard from another device, upload artwork by hand, or move to a paid plan. You can add it at any time without losing anything.

Is ArtInAR free?

Yes, for up to 5 artworks. The free plan has no end date and needs no credit card, and its AR previews stay live on your product pages. The plugin itself is free and open source (GPL). Larger catalogues need a paid plan on the ArtInAR service, because the 3D models are generated and hosted there. See artinar.app for current plans.

What happens when I have more artworks than my plan covers?

ArtInAR converts as many products as your plan holds. The plugin tells you how many were left out and links to the plan picker. Artworks that already have AR keep it.

Do my customers need to install an app?

No. AR runs in the mobile browser using the AR viewer built into the phone: AR Quick Look on iPhone and iPad, Scene Viewer on Android. The visitor taps "View on your wall" and the artwork appears on their wall.

Which phones support AR?

iPhones and iPads with iOS 12 or later, and most Android phones that support Google Play Services for AR (ARCore). That covers the large majority of phones in use. Devices without AR get a 3D preview they can rotate instead, and desktop visitors get a QR code to continue on their phone.

How accurate is the size?

The model is built at the dimensions of your WooCommerce product (Product data → Shipping → Dimensions), in the unit your store uses. As long as those dimensions are right, the artwork appears at its real size. You can also adjust the dimensions per product in the ArtInAR dashboard.

Which photo is used for the 3D model?

By default, ArtInAR compares each product photo's proportions with the product's dimensions and picks the photo that matches the artwork. That way a photo of the work hanging in a room is not turned into a 3D model of that room. You can also pick the photo yourself in the "ArtInAR — image for the 3D model" box in the product editor.

Which of my products are converted to 3D?

The ones in the product categories you tick in the setup wizard. Conversion starts by itself the moment you connect. Tick nothing and every product in your store is included. Because the free plan covers 5 artworks, choosing the category that holds your work makes sure those five go to the right products.

How do I change which products get AR?

Open Settings → Art In AR → Run setup wizard and adjust the categories on the Connect step. Saving sends the new selection to ArtInAR and starts converting straight away. Nothing that was already converted is lost.

Does it work with variable products?

Yes. Each variation can have its own 3D model, for example when you sell the same work in several sizes. The button follows the variation the customer selects.

Does it work with my theme or page builder?

The button is added through a standard WooCommerce hook, which works with most themes. If your theme or page builder (Elementor, Divi, Bricks, a block theme) does not show it where you want it, switch off automatic display and place the [art_in_ar_buttons] shortcode wherever you like.

Will it slow down my product pages?

No. The product page only loads a small script and stylesheet for the button. The 3D model loads only when a visitor opens the preview, on the ArtInAR preview page.

Does it work for visitors coming from Facebook or Instagram?

Yes. The in-app browsers of Facebook and Instagram cannot start AR themselves. The preview page detects this and shows a button that opens the page in the phone's normal browser, where AR works.

Nothing shows on the product page

The button only appears once the product (or, for variable products, the selected variation) has a ready 3D model. Check the AR column in your Products list: "Queued" and "Processing" mean the model is still being made, "Failed" means the conversion did not work; the product editor shows why. If the column shows "No AR yet", make sure the product is in one of the categories you selected in the setup wizard and has a product photo.

Can I change the button position?

Yes. Under Settings → Art In AR you can pick a different WooCommerce hook, or switch off automatic display and use the shortcode.

Can I change how the button looks?

Yes. Under Settings → Art In AR → Appearance you choose the button style (follow your theme, filled, or outlined), an accent colour, the width, and whether an AR icon is shown. Each of these can be overridden for a single placement with a shortcode attribute.

Which shortcode attributes are available?

[art_in_ar_buttons] accepts:

  • product_id — which product to show, so you can place the button on a page, post or template instead of only on the product page. Defaults to the current product.
  • text — the button label for this placement.
  • style — theme, filled or outline.
  • color — accent colour as a hex code, for example #4f39f6.
  • width — full or auto.
  • icon — yes or no, to show the AR icon on the button.
  • qr — yes or no, to show the QR code on desktop.
  • qr_title and qr_note — the texts around the QR code.
  • qr_color — the colour of the code itself as a hex code. Defaults to the accent colour, then to black.
  • qr_bg — the background behind the code: a hex code, or transparent.
  • qr_size — how large the code appears, in pixels (120–400).
  • qr_style — rounded, square, dots or classy.
  • qr_logo — URL of a small logo to place in the middle of the code.
  • fallback — the text shown when neither AR nor the QR code is available.
  • class — extra CSS classes on the wrapper.
Example: [art_in_ar_buttons product_id="123" style="filled" color="#4f39f6" width="auto"] Anything you leave out follows your site-wide settings, so several placements can each look different on the same page. The settings screen lists every attribute, including the QR-card ones.

Can I change how the QR code looks?

Yes. Under Settings → Art In AR you set the shape of the code, its size, colour (or a gradient), background, corner colour and an optional logo in the middle, plus the card around it: background, text colour, border, corner radius and shadow. A live preview shows the result as you type, and you get a warning when a colour combination is too light for phone cameras to read.

Will a logo in the QR code stop it from scanning?

Not if you keep it modest. The plugin raises the error correction level as soon as a logo is set and keeps the logo to under a third of the code's width. A simple, square, high-contrast logo works best. Always scan the result with a real phone before you leave it live. If the logo image cannot be loaded, the code is drawn without it.

Can I customise the output in code?

Yes. The plugin exposes five filters: artinar_should_display (render this placement at all), artinar_preview_url (the AR URL for a product), artinar_button_text (the label, per product), artinar_settings (all resolved settings for one placement) and artinar_markup (the final HTML).

Where is the AR preview URL stored?

In the product meta field art_in_ar_preview_url (the key can be changed under Settings → Art In AR). ArtInAR fills it automatically. The value is read with get_post_meta(), so an ACF field with the same key works too.

How do I disconnect?

Deactivate the plugin, and revoke the ArtInAR key under WooCommerce → Settings → Advanced → REST API. ArtInAR can then no longer read your products.

Does the plugin track my visitors?

No. The plugin adds no tracking, no ads and no external scripts to your product pages, and the QR-code library is bundled with the plugin. What the plugin does send to the ArtInAR service, and when, is listed under "External services" below.

更新日志:

1.21 1.20 1.19 1.18 1.17 1.16 1.15 1.14 1.13 1.12 1.11 1.10 1.9 1.8 1.7 1.6.1 1.6 1.5 1.4 1.3 1.2 1.1 1.0.0 Initial release.