aryelplugins

<p><strong>Enrich the online shopping experience with Aryel’s AR/3D Product Viewer & Try-On!</strong></p>
<p>With Aryel’s AR/3D Product Viewer & Try-On your customers can access <em>realistic and true-to-size product previews in just 1 click</em>. Thanks to the integration with <a href="http://admin.aryel.io" rel="nofollow ugc">Aryel AR Platform</a>, you can use the Product Viewer option to embed your 3D models in your store, allowing your customers to look at the products from different angles. With the AR Button they can also see how your products fit in the real environment and on their faces, giving them <em>the confidence to make the right purchase</em>.</p>
<ul>
<li>
<p>Integrate Aryel’s campaigns in your store</p>
</li>
<li>
<p>Include “like in real life” 3D exploration of your catalog</p>
</li>
<li>
<p>Allow virtual try-on based on augmented reality face-tracking</p>
</li>
<li>
<p>Add interactive 3D viewer in your product pages</p>
</li>
<li>
<p>Customize product visualization setting up viewer size, camera & gestures</p>
</li>
</ul>
<p>Add the 3D embed viewer in different ways: product gallery, additional tab, product thumbnail. You can customize colors of the loader, initial position of the product, camera settings, output encoding and enable & disable gestures and auto rotation of the 3D model.<br />
Play with the values to get the expected result. The preview of the viewer is automatically updating at every step helping you to find your perfect fit!</p>
<p>The AR button instead allows a direct link to the AR experience and can be customized in its colors, style and text.</p>
<p>Enable one or more of them from the product page as per your preference!</p>
<h3>Support</h3>
<p>If you need any support, visit our <a href="http://jump.aryel.io/help_center" rel="nofollow ugc">help center</a> and feel free to chat with us.</p>


AR/3D Product Viewer & Try-On

Connect your online store to Aryel and allow your customers to access realistic and true-to-size product previews and virtual try-ons in just 1 click.

<p>Showcase authentic 3D planets with realistic rendering (lights, environment maps and shadows). Add markers with tooltips and info windows, control animations, and tween the camera to predefined positions.</p>
<h3>Video Tutorial</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/rNwZkonJe9g?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Highlights</h3>
<p><strong>Realistic 3D Planets</strong> – Realistic rendering with lights, environment maps and shadows.</p>
<p><strong>Easy To Configure And Install</strong> – Includes documentation, video tutorials, demo pages, updates, and support from the developer – <strong><a href="mailto:tibi@fwdapps.net" rel="nofollow ugc">Tibi @ FWD</a></strong>.</p>
<h3>Main Features</h3>
<ul>
<li><strong>Responsive Layout</strong> – Fully responsive and adaptable regardless of which device or screen size is used.</li>
<li><strong>Desktop & Mobile Optimized</strong> – Adapts to any screen size and device, whether on iOS/iPhone, Android, or desktop browsers.</li>
<li><strong>Two Intro Transition Types</strong> – When the scene is displayed for the first time, there are two available transitions: teleportation and opacity.</li>
<li><strong>Parallax</strong> – Optional vertical parallax.</li>
<li><strong>Scale On Scroll</strong> – This option lets Planet Pop start zoomed in, and as the user scrolls the page, the celestial smoothly returns to its normal scale.</li>
<li><strong>Customizable Size</strong> – The size of the images and the spacing between them can be adjusted as needed.</li>
<li><strong>Customizable Geometry</strong> – Configure the radius on the X and Z axes independently to create a true oval shape.</li>
<li><strong>Sun</strong> – Add realistic solar system planets to your page at any size, with configurable parameters like spin speed, light direction, and more… <a href="https://fwdapps.net/p/pp/demo-2.html" rel="nofollow ugc">Saturn</a>, <a href="https://fwdapps.net/p/pp/demo-3.html" rel="nofollow ugc">Jupiter</a>, <a href="https://fwdapps.net/p/pp/demo-4.html" rel="nofollow ugc">Uranus</a>, <a href="https://fwdapps.net/p/pp/demo-5.html" rel="nofollow ugc">Neptune</a>, <a href="https://fwdapps.net/p/pp/demo-6.html" rel="nofollow ugc">Mercury</a>, <a href="https://fwdapps.net/p/pp/demo-7.html" rel="nofollow ugc">Venus</a>, <a href="https://fwdapps.net/p/pp/demo-8.html" rel="nofollow ugc">Earth</a>, <a href="https://fwdapps.net/p/pp/demo-10.html" rel="nofollow ugc">Moon</a>, <a href="https://fwdapps.net/p/pp/demo-11.html" rel="nofollow ugc">Mars</a>, <a href="https://fwdapps.net/p/pp/demo-19.html" rel="nofollow ugc">Nebula</a>.</li>
<li><strong>Planets</strong> – Subtle camera rotation that follows the mouse, with adjustable strength for fine-tuned interaction.</li>
<li><strong>Bonus Rocket</strong> – Bonus rocket that can be added to your page at any size. <a href="https://fwdapps.net/p/pp/demo-12.html" rel="nofollow ugc">Example here</a>.</li>
<li><strong>Custom Tool To Place Celestials</strong> – Detailed documentation for both WordPress and JavaScript versions.</li>
</ul>
<h3>Configuration</h3>
<p>After activation, open the plugin settings in the WordPress admin area and create a new viewer preset. Then use the shortcode below in any post or page.</p>
<h3>Use Cases</h3>
<ul>
<li>Embedding 3D planets in posts or pages</li>
<li>Product visualization with 3D previews</li>
<li>Showcasing GLTF/GLB planets interactively</li>
<li>Creating 3D hotspots and annotations</li>
<li>Displaying 3D assets in portfolios or documentation</li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://fwdapps.net/p/pp" rel="nofollow ugc">Homepage & Docs</a></li>
<li><a href="https://fwdapps.net/p/pp#demos" rel="nofollow ugc">Demo</a></li>
<li><a href="https://fwdapps.net/contact" rel="nofollow ugc">Support</a></li>
<li><a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a></li>
</ul>
<h3>Shortcode</h3>
<p>Basic example:</p>
<p>[fwdpp id=”1″]</p>
<h3>Development</h3>
<p>This plugin’s full source code is publicly available for transparency and verification.<br />
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.</p>
<ul>
<li><a href="https://fwdapps.net/p/pp/source.zip" rel="nofollow ugc">Source code & build tools</a> — includes original uncompiled files and Vite build configuration.</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>


Planet Pop

Interactive 3D planet viewer with hotspots, tooltips, animations, environment maps and realistic lighting.

AR/3D Product Viewer & Try-On vs Planet Pop