Augmented Reality and 3D for WordPress Websites with Elementor

Augmented reality (AR) is a technology that integrates digital information and objects into the real world. With AR, users can experience visual and auditory enhancements generated by computer-generated (usually 3D) content. This content can be launched with PausAR Viewer on smartphones, iPads or the Apple Vision Pro directly via the website, so there is no need to download an app.

Augmented reality is revolutionizing the way we interact with digital and physical worlds. It improves the user experience by putting information into a real-world context, increasing efficiency and engagement.

With our AR WordPress plugin, you can easily integrate augmented reality on your website. PausAR Viewer allows you to create interactive and immersive content that your visitors can experience directly from their devices. From virtual product demos to animated and sound-enabled avatars, the possibilities are almost endless.

3D and AR content opens up new opportunities for sales and advertising and can help to optimize business processes. Talk to us now about the possible uses of 3D and augmented reality for your company or brand.

Web AR (Web based Augmented Reality) is a technology that makes it possible to use augmented reality experiences directly via a web browser without the need for a special AR app. With Web-AR, users can experience AR content on their smartphones or computers by simply visiting your Website and clicking on a dedicated “Start AR” Button.

Why we focus on WebAR:

• Easy access: Users can access AR experiences immediately without having to download an additional app. An app download would be an additional barrier that could deter potential customers.
• Huge userbase: Web AR Works on 2,8+ billion devices including iPhones, iPads, Android phones and Apple Vision Pros (with minimum iOS 12 or Android 7.0).
• Fast implementation: Quick and easy integration on websites with the right tool… 😉

Areas of application of Web-AR:
Web AR can be used in many areas, including marketing, sales, education, e-commerce and entertainment. Examples include virtual product demos, animated characters and immersive brand experiences.

No! You don’t need to download an app to view augmented reality. The AR view starts directly in the web browser with AR Quick Look (iOS) and Scene Viewer (android).

The AR experiences with PausAR Viewer start directly in the web browser of the user’s smartphone or tablet. This means that a website or webshop visitor remains on the page and can order the viewed product directly after trying it out virtually or find the relevant contact person. This also works directly by clicking on the call-to-action button at the bottom of the screen in the AR experience (shown in the videos).

To do this, the PausAR Viewer generates a QR code on a desktop device (PC) when the button is clicked, which can be scanned with a smartphone. The AR view can be started on the smartphone using the same button. PC users can also see the 3D model rendered directly in the web browser.

The PausAR Viewer is integrated into the Elementor Page Builder and is displayed within the Elementor widgets. To do this, you must open the page to be edited with Elementor and can then select and operate the PausAR Viewer from the widget list via drag & drop.

No! PausAR Viewer is a widget integrated in Elementor and benefits from the possibilities that Elementor offers WordPress users. However, the free version of Elementor, which can be installed from the plugin marketplace, is sufficient.

No! PausAR Viewer works in the free version of the Elementor Page Builder. So it is possible to use PausAR Viewer without an Elementor Pro license and benefit from the advantages of Web Augmented Reality on your website. However, with the pro version of elementor you have the possibility to integrate Elementor templates on every page of your website via shortcode, which can be helpful if you use a theme that does not work with Elementor or have a store with WooCommerce and want to integrate PausAR Viewer with a shortcode instead of the “edit with Elementor” button. This can also be achieved without Elementor pro if you use the free plugin “AnyWhere Elementor” (you can find it on the plugin marketplace).

Basically, PausAR Viewer for Elementor requires the Elementor Page Builder installed on your WordPress Website. However, you can save the content created with PausAR Viewer as Elementor templates and then integrate these into Gutenberg as shortcode. You can do this either with the Elementor pro plugin or the free plugin “AnyWhere Elementor” from the WordPress marketplace.

Yes, as long as your WordPress theme is Elementor compatible. If you can use Elementor in your theme, PausAR Viewer will also work! Otherwise, you always have the option of creating an Elementor Canvas page or template on which you can use the PausAR Viewer and include this content via shortcode or use the iframe mode to include the 3D & AR Content on your desired page.

Yes, as long as the elementor plugin is used on your online store in addition to the Woocommerce plugin, you can add PausAR Viewer to your product via the “Edit with elementor” button on your edit product page and display 3D & AR content in the product description.

If you prefer to place the 3D & AR model in the product short-description, you can do this by creating a template with elementor (needs elementors pro version or the free AnyWhere Elementor Plugin), integrating PausAR Viewer there and then simply inserting this template as a shortcode into the text field where you want to place it.

PausAR Viewer can also be used for product variants with in WooCommerce. However this is a little bit more complex. To do this, you first need to create a page with only PausAR Viewer and your required 3D / AR model. When everything is set, turn on the Iframe mode and then create a template in Elementor containing the HTML code from our documentation and integrate the created template with a shortcode into the variant description.

As PausAR Viewer is a web-based 3D & AR solution, the 3D models should be as compact as possible (small file size). Otherwise, the loading time of the experience will be longer, which can lead to users bouncing and a poor user experience. The free app “Blender”, for example, is a good platform for creating 3D models for AR.

Feel free to contact us if you need support in creating 3D models for AR.

The following file formats are supported:

• GLTF (.glb)
  • used for the 3D preview and android AR
• USDZ
  • used for the AR view on iPhones, iPads and Apple Vision Pro
• reality (not included in PausAR Viewer FREE)
  • created with Apple’s Reality Composer
  • used for interactive AR experiences on iPhones, iPads and Apple Vision Pro

Of course we can! We want to enable you to create 3D and web AR experiences that your customers will remember and that will strengthen your online presence. And even though PausAR Viewer is easy to install and use, we are happy to help you if you have any questions. Even in an online session.

Just get in touch with us!

Yes, all AR Experiences created with PausAR Viewer and available on the iPhone or iPad are automatically available on the Apple Vision Pro in AR.

Of course we can! We want to enable you to create 3D and web AR experiences that your customers will remember and that will strengthen your online presence. And even though installing and using PausAR Viewer is quite easy, we are happy to help you if you have any questions. Also in an online meeting.

Just reach out to us and we can have a chat!

PausAR Viewer supports:

• PHP 7.0 and higher
• WordPress 5.9.0 and higher
• Elementor 3.12.0 and higher

You can find more information in our documentation.

After canceling the PausAR Viewer subscription, your PausAR Viewer version will be downgraded to PausAR Viewer FREE and the 3D preview and AR experience will be adjusted accordingly.

Your previous settings will be retained if you reactivate your subscription at a later date and will be automatically reactivated.

You will lose access to all Pro features, e.g. the adjustable call-to-action button in the AR view or the display of animations in the 3D preview.

Click here for our documentation…