Articles on: πŸ‘οΈPrescription Eye Lens

.Prescription Eye Lens - Documentation

Welcome to the Prescription Eye Lens App

Introduction

Welcome to the Prescription Eye Lens App! This guide helps you install, configure, and manage prescription lenses on your Shopify store with ease.


About the Prescription Eye Lens App

The app is built with a component-based structure to reduce admin work and save time. You can create lens options once and reuse them across your store.

Key highlights:

  • Assign one Lens Flow to multiple Prescription Flows
  • Exclude Lens Flows when not required
  • Update options and pricing in one place
  • Scalable setup with minimal repetitive work


πŸŽ₯ Video: Complete Setup Walkthrough (Lens Flow β†’ Prescription Flow β†’ Product Rules)




Key Features


  • Upload prescription files (JPEG, PNG, PDF) or enter details manually
  • Create unlimited RX fields such as Sphere, Cylinder, Axis, ADD, and more
  • Enable prescription requirements for specific products or collections
  • Configure prescriptions for one eye or both eyes
  • Support separate quantities for left and right eyes

Built with efficiency and scalability in mind:

  • Uses LensFlow multiple items support for flexible product handling
  • Designed with a component-based structure for better performance and customization
  • Helps minimize admin workload through simplified configuration and reusable components





This guide explains how to set up and manage the app effectively.

The app follows a component-based structure, designed to minimize admin effort and save setup time. You can create lens components once and reuse them across multiple flows instead of configuring the same options repeatedly.


Key benefits of this structure:

  • A single Lens Flow can be assigned to multiple Prescription Flows
  • Lens Flows can be excluded from specific Prescription Flows when not required
  • Changes made in one place automatically reflect everywhere
  • Reduces repetitive work and minimizes admin workload

This flexible approach helps you manage complex lens configurations efficiently while keeping your store setup clean and scalable.




Installation


  1. **Install the App: **Visit the SB Prescription Eye Lens listing on the Shopify app store and click Install button.



  1. Plan Selection: Choose the plan that best fits your requirements.



  1. Enable Theme Block: Open the app from your Shopify admin panel.➜ Click on SB Prescription Eye Lens ➜ Click on the Enable Theme Block Button.


  1. Switch On: On the left side, Find our app in the list ➜Toggle the switch ON ➜ Click "Save" at the top right.



  1. Activate App: Click On Enable Button to activate the App.


  1. Create Rule: Click on the Create Rule section ➜ Click on Create Button.


Lens Flows allow you to create reusable option groups (e.g. Lens Type, Coatings, Materials, Tints) that can be used across multiple prescription flows.

Why use Lens Flows?

  • Avoid duplicate setup
  • Update pricing in one place
  • Apply the same options to multiple products


How to create a Lens Flow

Go to Lens Flows β†’ Add Lens Flow

β†’ Enter Name (Lens Materials / Coatings / Tints – internal use)

β†’ Add a short Description

β†’ Select Display Style (recommended: Cards – auto-advance)

β†’ Enable Required (if selection is mandatory)

β†’ Add options using:

  → Add-on Products (With Price)

  → Lens Options (No Price)

  → Create New Product

β†’ Click Browse Products

β†’ Save Lens Flow βœ…






πŸ”Ή Prescription Flows

Prescription Flows control how customers enter prescription details on the product page.

πŸ’‘ Tooltip: Prescription Flow defines the customer prescription journey. It decides which RX fields, lens options, and steps customers will see while adding prescription details.

How to Create a Prescription Flow

Go to Prescription Flows β†’ Add Prescription Flow

β†’ Select Prescription Type (Single Vision, Progressive, Bifocal, etc.)

β†’ Enter Flow Name (Internal identification)

β†’ Add Description (Customer-facing explanation)

β†’ Upload Flow Image (Optional – helps customers understand the option)

β†’ Click Save Flow

β†’ Go to Configure Steps to attach Lens Flows and set RX fields

β†’ Add Tooltip (Optional – helps customers understand this prescription option better)

Prescription Flows can be linked to multiple products using Product Rules.






Product Rules

Product Rules decide which products use which Prescription Flows.

How to Create a Product Rule

Go to Product Rules β†’ Add Product Rule

Basic Information Tab

β†’ Enter Rule Name (e.g. Premium Collection, Budget Line)

Assign Flows Tab

β†’ Select required Prescription Flows customers can choose from

Assign Products Tab

β†’ Click Add / Edit Products

β†’ Select products where this rule should apply

β†’ Click Save Product Rule

Product Rules allow you to control which prescription options are available for specific products or collections.



πŸ”Ή General Settings

General Settings allow you to control the overall behavior of the app and customize prescription form labels and options.

Main Settings Options

App Control

β†’ Enable or Disable the app from here

Cart Button Control

β†’ Option to disable standard Shopify Add to Cart and Buy Now buttons for selected products

Prescription Form Customization

β†’ Show Buyer Agreement option

β†’ Redirect customer to cart page after prescription selection

Prescription Form Translation / Labels

β†’ Customize text such as:

  • Prescription Title
  • Prescription Sub Title
  • Add Prescription Button Label
  • Back to Frame Label
  • Your Selection Label
  • Shipping & Handling Text

β†’ Click Save after making changes

These settings help you customize customer experience and match your store language and workflow.





πŸ”Ή Orders

View:

  • Customer prescription details
  • Selected lens options
  • Order prescription data



Result :



  • Presctiption Flow: Clicking the button will open the main rule setup page, where you can navigate to sub-sections and add further prescription details.


Lens Flow:





  • Add to Cart: Review all prescription values and product details carefully ➜ Once confirmed, click the β€œAdd to Cart” button to proceed.



Translation

In the translation field, you can add translated text according to your store's language to display field names accordingly. This ensures that prescription-related fields appear in the appropriate language for your customers.


  • General
  • Prescription Title β†’ Choose Your Prescription Type
  • Prescription sub title β†’ Based on your prescription, choose your lens from the options below
  • Add Prescription Button Label β†’ Add Prescription
  • Continue Button Label β†’ Continue
  • Back Button Label β†’ Back



  • Choose Prescription Type (For Popup)
  • Title β†’ How would you like to provide your prescription?
  • Subtitle β†’ Please provide a valid prescription
  • Upload File Option
  • Title β†’ Upload Your Prescription
  • Subtitle β†’ Upload a PDF or an image file


Result:


  • Manual Entry Option
  • Enter Prescription Title β†’ Enter Your prescription.
  • Enter Prescription Subtitle β†’ You can find your prescription on the side of your box.
  • Label (Same Rx for both eyes?) β†’ Same Rx for both eyes?

  • Buyer Agreement
  • Agreement Label* β†’ Agree to terms & conditions
  • Agreement Description β†’ Do you confirm and take full responsibility that your contact lens order matches your prescription?


Result:


  • Review Page
  • Review page Label β†’ Review Your Selections
  • Review page Decription β†’ Free standard shipping and 30 day change of mind returns on all prescription glasses. Receive customer service support within 1-3 business days.
  • Contact Lens β†’ Contact Lens
  • Prescription value β†’ Prescription value
  • Order note β†’ Order note
  • Subtotal β†’ Subtotal



  • Error Messages
  • Required Field Error Message β†’ Please make sure to select all parameters



Result:





Enhance your customers’ shopping experience by providing a seamless and intuitive prescription lens selection process with our app!



Found this helpful? βœ… Leave a Review


If you need help setting up translations or want assistance tailoring them for your store, feel free to contact our support team at [support@setubridgeapps.com]() or on WhatsApp: +91 8511963839. We’re happy to help 😊


Updated on: 31/01/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!