If you’re an optician or optometrist, you might consider letting customers place orders for prescription glasses online. For this, you’ll need to create a WooCommerce prescription glasses product.

This way, customers can enter the details of their prescription (or upload their prescription), personalise their glasses, and place their order. And, in this tutorial, we’ll explain how you can set up your WooCommerce online optician store using the WooCommerce Add-Ons Ultimate product.

View the plugin

How to create a WooCommerce online optician store using WooCommerce Add-Ons Ultimate

The WooCommerce Add-Ons Ultimate plugin lets you create a glasses prescription product that customers can customise before placing their order. This way they can enter their prescription details and personalise their glasses directly on the single product page.

Step #1: Create a WooCommerce product for prescription glasses

The first thing you need to do is create a new WooCommerce product for the prescription glasses. You might call it something like Prescription Glasses. The total price of the glasses depends on the customer’s prescription. For this reason, we’ll enter the product’s base price and hide the price label from the single product page.

Product data section for WooCommerce online optician store

The WooCommerce Product Add-Ons Ultimate plugin will automatically calculate and display the product’s price above the ‘Add to Cart’ button.

Step #2: Create fields for entering WooCommerce glasses prescriptions

Next, we’ll create add-on fields for the WooCommerce prescription glasses product so customers can enter their prescription and personalise their glasses.

Purpose of glasses

Prescription details purpose of glasses
  1. Click the ‘Add Group’ button and then the ‘Add Field’ button
  2. Give the field a title and set the ‘Field Type’ to ‘Select’ using the dropdown
  3. Click the ‘Add Option’ button and add ‘Reading’ and ‘Distance’ as options
  4. Tick the checkbox next to the ‘Required Field?’ option

Sphere, Cylinder, and Axis

Prescription details
  1. Click the ‘Add Group’ button and then the ‘Add Field’ button
  2. Give the field a title and set the ‘Field Type’ to ‘Select’ using the dropdown
  3. Click the ‘Add Option’ button and enter the different values as options
  4. Tick the checkbox next to the ‘Required Field?’ option

Repeat these steps to create fields for entering the Cylinder (CYL) and Axis (AXI) values for the right eye and the left eye.

Fields for prescription details
Fields for prescription details

Pupillary distance

Pupillary distance field
  1. Click the ‘Add Group’ button and then the ‘Add Field’ button
  2. Give the field a title and set the ‘Field Type’ to ‘Number’ using the dropdown
  3. Enter a ‘Min Value’ and ‘Max Value’
  4. Tick the checkbox next to the ‘Required Field?’ option

Prescription test date

WooCommerce online optician store test date field
  1. Click the ‘Add Group’ button and then the ‘Add Field’ button
  2. Give the field a title and set the ‘Field Type’ to ‘Date’ using the dropdown
  3. Tick the checkbox next to the ‘Required Field?’ option

Upload prescription

Optionally, you can give customers the option to upload their prescription instead of entering their prescription details. Here’s how:

Upload prescription field
  1. Click the ‘Add Group’ button and then the ‘Add Field’ button
  2. Give the field a title and set the ‘Field Type’ to ‘Upload’ using the dropdown
  3. Make sure ‘Max Files’ is set to 1
  4. Tick the checkbox next to the ‘Required Field?’ option

Step #3: Personalise your glasses

Personalisation options
  1. Click the ‘Add Group’ button and then the ‘Add Field’ button
  2. Give the field a title and set the ‘Field Type’ to ‘Select’ using the dropdown
  3. Click the ‘Add Option’ button and add the different personalizations you’d like to offer as options e.g. ‘Clear lenses’ and ‘Sun tint and UV’
  4. Tick the checkbox next to the ‘Required Field?’ option

Step #4: View the finished product

Your WooCommerce prescription glasses product will look something like this on the front-end:

Prescription glasses product on WooCommerce online opticians store

Customers can either enter their prescription details or upload their prescription using the file upload option. Once that’s done, they can personalise their glasses and place their order.

Set up your WooCommerce online opticians store today

As a WooCommerce online optician, you might consider setting up a prescription glasses product to sell custom glasses through your store.

The easiest way to do this is by using the WooCommerce Add-Ons Ultimate plugin. It lets you create add-on fields for entering prescription details or the entire prescription. You can also use it to let customers personalise their glasses before placing their order.

Also be sure to check out our tutorials on mix and match products, custom face masks, and mattress configurator product for inspiration.

Ready to start selling prescription glasses? Get WooCommerce Add-Ons Ultimate today!

View the plugin

Popular Posts
Rafay

Rafay

I’m a professional writer and co-founder at BloggInc providing data-driven content for B2B companies.

View all my posts

Leave a Reply

Your email address will not be published. Required fields are marked *