Add AR Viewer to your page

1. Navigate to the  Edit  mode of your app.
2. Open the  page  in which you want to add the  AR Viewer .
3. Click  Viewer  from the  page builder menu  on the left side.
   

   

4. Drag and drop  the AR Viewer onto the page builder area. You can also double-click the  Viewer  to add it. 
5. Double click  the viewer you want to configure. You can also  single-click  to select the viewer and then click the  Configure  option in the toolbar at the top-center of the page builder. The  AR Setup window  will appear.
   

   

6. Click the  Add Input  button to choose the required input —  Marker-based AR set  or  Parameter . If you have chosen the input as  marker-based AR set , proceed to the next step. If you have chosen the input as  parameter , go to  step 10 . 
   

   Note :

   • The input type  marker-based AR  set is  mobile-specific . To capture the marker, it uses your device camera.
   • The value of the  parameter  chosen must be the  3D model's name  used in the AR Library.
     

     

7. Select the required  AR set name  to add it as an input.
   

   

8. Click the  Add Input  button to add more AR sets.
   
   Note : When you have no more AR sets to add as input to the Viewer, you can create them in your  AR library .
9. Click the  rearrange  icon beside each set to drag and place them at the required position.
10. Click the  Parameter  tab and select the required  parameter  to be added as an input for your Viewer.
11. Click the  Add Input  button to add more parameters.
    
    Note : When you have no more parameters to add as input to the Viewer, you can create them in the  parameter  section.
12. To  delete  the AR set or parameter,  hover  beside the required input, then click the  delete  icon.
    

    

13. Close  the  AR Setup  tab. The changes will be saved automatically.
14. To  delete  the Viewer,  click  to select the Viewer, then click the  trash  icon in the toolbar in the  header area  of the page builder.
15. To set  height  for your Viewer,
    
    1. Click  to select the  Viewer  on your page.
    2. Click the  height fill  (double-sided arrow) icon in the  toolbar  in the  header area  of the page builder.
    3. Check  the required option, either  Auto  or  Custom . If you choose  Custom , specify the height in  pixels .
       

       

16. To add a  title  for your Viewer,
    
    1. Click  to select the Viewer on your page.
    2. Click the  T  icon in the  toolbar  in the  header area  of the page builder. The  T  icon turns blue, indicating that the title is enabled.
    3. A  Title  field is generated at the top left of the selected element and a pop-up window appears to  Configure Title .
    4. Type in a suitable title in the  Label  area and click  Done .
       

       

    5. Click the  T icon  at the header area of the page builder. The T icon turns black, indicating that the title is  disabled .
    6. Click the  T icon  again to  enable  the title.
       

       

17. When you access the AR Viewer in live mode, you can click the  full-screen  icon at the top-right of your screen.

Access the AR Viewer in your mobile app

1. On accessing your mobile app, you can view the image (3D model)  in the AR viewer element.
2. You can choose to view the image as an  object  or in  AR view .
3. Click the  full-screen  icon at the top-right to view the image in full screen.
4. Click the  scan  icon at the top-right to open the camera. You can scan a marker for your image.