Welcome to the Guideline!
What you will get

Your store will be equipped with Try-on & 360-View buttons:

  • Try-on button: provides users with a real-time virtual glasses try-on experience. Additionally, we offer a Glasses Removal feature, which allows nearsighted people to try virtual glasses without removing their physical ones.
  • 360 View button: provides a complete and interactive visual experience on the 3D product model, allowing users to see a product from all angles.

You can decide Try-on & 360-View buttons show up in 2 places:

  • Collections pages
    integration-collection
  • Products pages
    integration-product-detail-2
Steps to integrate GlassOn to your store

Step 1 - Request making 3D model data

You must select which product needs to be transformed into a 3D model before you can have a try-on function. Go to the Try-on List in the left menu, navigate to the Try-On Active column, and click the Making Data button to request the creation of 3D model data. This process takes about one day to finish.

integration-toggle-off
request making 3D model data button
integration-toggle-on
during the data processing indication
Step 2 - Select try-on available products

After finishing 3D model making, the product isn’t automatically available for try-on yet; this is for your quality-checking purposes. To make the product available for try-on, please switch the try-on option as below.

integration-toggle-offmeans try-on button is Hidden on your store
integration-toggle-onmeans try-on button is Show on your store
Step 3 - Setup the appearance of try-on & 360-view buttons
3.1 Collections pages
  • From the Store Admin page, go to Online Store > Themes from the left, choose your theme, and click the Customize button.
  • From the Theme Customization page, select App Embeds from the left menu; you will see two options of Collections, and turn on which collection you want to show up with the try-on buttons.
    • Collection Tryon
    • Featured Collection Tryon
  • You can further adjust the try-on button appearance... with the component property.
integration-collection-2
3.2 For Product Detail Page
  • From the Theme Customization page, select the Products page on the top menu.
  • Open Sections from the left menu, select the Product information section
  • Select the Add Block, then add Tryon and 360 View Button block.
  • You can further adjust the try-on button appearance... with the component property.
integration-product-detail-3
That's all!
Help or More customization need!

If the current design doesn't meet your requirements, please contact us via email glasson@sk-global.biz. Our development team will work with you to customize features to fit the needs and style of your store. We look forward to accompanying you on this journey and are always ready to assist you at any time!