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.
- Get Your PD: Assist your clients to get the PD (Pupil Distance) Measurement online easily. The PD information after that will be noted in the Order information.
After integration, these buttons will appear on your store as below.
- Collections pages
- Products pages
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.
'%3e%3cpath%20d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5%20L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20%20s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1%20c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4%20c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1%20c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2%20c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6%20z%20M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z'%20fill='%239e9e9e'%3e%3c/path%3e%3c/g%3e%3cg%20transform='translate(20,20)%20rotate(15%2050%2050)'%3e%3cpath%20d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5%20L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20%20s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1%20c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4%20c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1%20c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2%20c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6%20z%20M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z'%20fill='%239e9e9e'%3e%3c/path%3e%3c/g%3e%3c/svg%3e)
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.
means try-on button is Hidden on your store
means try-on button is Show on your store- 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.
- 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.
- 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 Get Your PD Button block.
- You can further adjust the Get Your PD Button’s appearance. with the component property.
On GlassOn Admin page, Go to the PD Measurement in the Menu and switch the toggle button On/Off.
The User’s PD Measurement information will be noted at the Order Note in the Admin page
Note: You need to turn on Enable cart note setting in Cart section to display PD note on Order List.
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!