File Upload
The File Upload option type allows customers to upload files directly to your store, which is useful for products that require personalized images, documents, or other files. This option supports various file formats and includes additional customization settings.
Our File Upload feature offers:
Upload 1 file or multiple files per option with a limit of 20MB - 50MB - 100MB depending on the app plan you are using
Upload various kinds of files depending on customers' specific needs ( .jpeg/ .jpg/ .png/ .gif/ .webp/ .tif/ .tiff/ .ico/ .csv/ .docx/ .pdf/ .xls/ .xlms/ .xlsx/ .txt/ .svg/ .ai/ .eps/ .psd/ .mp4)
Basic Option Settings
1. Option Name
The internal name used to identify the File Upload option within your app’s settings. This name does not appear on the storefront product page but helps keep your options organized.
2. Label on Product
This is the text that appears above the File Upload button on the product page. It guides the customer on what type of file to upload, such as "Upload your image" or "Attach your document."
3. Label on Cart
The text that appears on the Cart summary screen, Checkout, and Order detail page, next to the uploaded file name. This ensures the file name is clearly associated with the customer's order.
4. Add-On Product
This feature allows you to apply an additional charge based on the uploaded file. For example, uploading a custom image for a product might incur an extra fee.
5. Conditional Logic
Set rules that determine when the File Upload option should be displayed or hidden based on other selections made by the customer. For instance, the option might only appear if a customer selects a specific product variant.
Advanced Option Settings
1. Required Field
This setting ensures that the customer must upload a file before proceeding with their purchase. If enabled, the File Upload option becomes mandatory.
2. Hide "Label on Product"
This option allows you to hide the label that typically appears above the File Upload button, streamlining the interface if the label is unnecessary.
3. Multiple Files
Allows customers to upload more than one file at a time. If this setting is enabled, the Image Cropper feature cannot be used.
4. Image Cropper
Provides an in-app tool for cropping images after upload. This feature only supports specific file formats: .jpg, .jpeg, .png, .webp, .ico, and .svg. Note that this feature is disabled if the Multiple Files setting is active.
5. Max File Size
Easily manage file uploads on your store by setting a maximum file size limit. This feature ensures customers can upload their files while keeping uploads efficient and within the store’s capacity.
For multiple file uploads, the maximum file size applies to each individual file, not the whole option.
6. File Type
Take control of the types of files users can upload. This feature allows store owners to specify permitted file types:
All Files – Allow any file type to be uploaded.
Image Files – Restrict uploads to common image formats (e.g., JPEG, PNG, SVG, GIF, WebP, and more).
Document Files – Accept popular document formats like PDF, DOCX, XLSX, CSV, and TXT.
Custom File Extensions – Tailor the upload options by specifying the exact file types you want to allow.
5. Tooltip
Adds a small pop-up message with additional information or guidance when the customer hovers over the File Upload button. Useful for providing quick tips or file format requirements.
6. Help Text
Displays guidance or additional instructions below the File Upload button, helping customers understand the requirements for the upload, such as accepted file types or file size limits.
7. Class Name
Assigns a custom CSS class to the File Upload option, allowing for specific styling or behavior adjustments according to your design needs.
Last updated