How to Create Marker-based Web AR
Updated: Jul 8
Do you know that the fastest way of invoking WebAR experience is to use marker-based AR. The marker looks more or less like an advanced QR or barcode. When users focus their camera to the marker, the AR experience comes up.
Where you can use such marker based Web AR campaigns? Use it in digital or print ad campaigns. Use it in product packaging to engage users with an instant AR experience.
Let us go through a step by step process to create our first Marker based WebAR campaign today within Marvin XR studio.
If you haven't signed up to Marvin XR studio, do it here.
Once logged in, click on the Create AR Campaign button:
Now you need to give a name to the AR campaign and select the option Marker-based AR
If you do not have a 3D model, you can directly click on create AR campaign button. Your Marker-based AR campaign will be created with default 3D model.
Once you create the campaign, a default marker will be automatically created along with the campaign.
Now finally click on Create AR Campaign button. That's it! Congratulations!!!
Publishing your new WebAR campaign can take around 3-5 minutes.
Once your users start using it, you can see the LIVE updates in Dashboard menu.
Some Quick Tips:
Now lets access the marker-based AR campaign and see how we can upload a new 3D model.
You can find the new Marker-based AR in the dashboard now. Click on it.
This will open the campaign and land you in the AR show menu. You can scan the QR code from your mobile or click on the link to open the WebAR.
Now target your mobile camera to the marker on the right and see the 3D AR appearing - you have successfully created the Web AR campaign.
Note - We also provide web URL whitelisting option (contact us). That means you can use your choice of domain URL instead of default URL instead.
Let's put a new 3D model into the campaign. If you do not have one, no worries.
You can visit biggest 3D marketplace - Sketchfab
Download thousands of high quality free 3D models or buy models of your choice.
Change 3D Model:
Download the 3D models in GLTF model from Sketchfab. But how can you convert them into GLB format? We have made it super easy.
Unzip the GLTF model, select everything inside and drag them to the GLB Export section. Your 3D will be converted to GLB format and get downloaded almost immediately.
Now go to the 3D Model menu and upload your favorite 3D GLB model. Simple - isn't it?
Update Published WebAR View:
Do you want to change the WebAR campaign page view and update it with your own theme, color, logo or desired buttons? No problem, we have covered it too.
Click on the Surface AR campaign again and go to Web Editor menu.
Click on Edit button and put your desired change in there.
Not sure how to update HTML tags - drop a mail to us at email@example.com.
We'll help you to get things done to lauch your dream campaign.
We hope you'll enjoy the world of creativity with WebAR campaigns. The DIY platform will help you to achieve your dream AR campaigns. Experience the new way of extraordinary AR user experience without using apps. For any queries, please feel free to contact us anytime. Our professional team will help you to achieve your goals.