Articles on: 18 Option Types

Create a File Upload

1. How Does the File Upload Display?



The File Upload option allows customers to upload their own files directly on the product page. This is ideal for personalized or customized products such as prints, t-shirts, business cards, or signage.
Example: A customer can upload a photo or logo for printing on a custom shirt



2. How to Create a File Upload



Step 1: Add a New Option

Click Add Option > File Upload to create a new file upload field.



Step 2: Add Information to the File Upload

Option name: Enter the label for the field (e.g., "Upload Your Photo" or "Upload Logo File").



You can tick:

✅ “This option is required” if customers must select before adding to cart

How it looks on the storefront:



✅ “Hide option name” if you want to hide the option title above buttons

How it looks on the storefront:



Other Features:



Price Add-On > Create Fee – What is it & How to Use

Price Add-On > Assign to Variant – What is it & How to Use

SKU – What is it & How to Use

Quantity – What is it & How to Use


Step 3: Advanced Settings (If Needed)

File type & size limits: Set restrictions for file types (e.g., JPG, PNG, PDF) and maximum file size allowed.

Help text: Add notes such as “High-resolution files only” or “Maximum file size: 5MB” using tooltips or content placement.

Conditional Logic: Show this field only when a specific option is selected. Useful for optional customization.



3. Real-World Applications of File Upload



Custom Products: Upload artwork for personalized t-shirts, mugs, phone cases.

Print Services: Customers upload business cards, resumes, banners, etc.

Design Orders: Add personal images or brand logos for marketing materials.



4. Key Features of File Upload



Accepts image files (JPG, PNG), documents (PDF, DOCX), and more.

Set size and file type restrictions.

Supports required fields and conditional logic.

Ensures you collect the correct file from the customer before they check out.

Updated on: 26/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!