What does ConfigXR create?
This workflow creates all the HTML/JS(elm) for a multi-language landing page (a product specific WebApp) and a set of matching interactive AR scenes (one per language) to launch in AR with Apple AR Quick Look (ARQL) from this landing page. A WebXR version to also support most modern Android devices is on our roadmap.
The same WebApp is also used to be visited with an urlParam code that was presented in AR representing all changes the user made, or even directly forward users to the webshop with query parameters or shop-ID translated to the specific shop CMS.
Why is this needed?
Many webshop frameworks may allow to customize products, but do so by reloading the page from server on every change. Those are incompatible to any known ways to use WebAR/WebXR to configure a product with a CMS-side plug-in.
Only a dedicated WebApp with either a so called "headless CMS" or a solution similar to this can solve this.
See on Youtube
And this is how the landing page looks
Launch in AR (from QR-Code or Safari mobile).
Change configuration.
Press [ order in webshop ].
You used the QR-Code on your screen
Enter code behind the ? :
CABARKBBNN
You started the journey on your mobile device
Take a screenshot of the product and the link presented infront of it. Save it to and open it in the Photos.app.
Use the Text recognition in the Photos.app to visit the link (i.e.) https://kreativekk.de/Swivel.html?CABARKBBNN
Both paths will bring you to
Now press the right hand button to visit the manufacturers webshop to order the customized product.