With this option, you can let your customers add files of their choice. They can upload their designs, images, graphic files, font files, audio files, compressed files, or any custom files.
Here’s a step-by-step guide to add a file upload option:
You can add the file upload option to either a completely new option set or an existing one. You can learn to create a new option set in another part. For now, we will discuss how to add the file upload option to an existing option set.
Go to an existing option set.
Click the Edit option to open it.
Click the “Add option” button.
Select the “File Attachment” option under Inputs.
After adding the File Attachment option, configure the available settings according to how you want customers to upload files.
Option Title: Enter the name or label of the file attachment option that customers will see.
Help Text: Add additional instructions or guidance to help customers understand what files they should upload.
Required Field: Enable this option if customers must upload a file before they can add the product to their cart. When enabled, customers cannot proceed without uploading a file.
File Prefix: Enter a prefix that will be used as the cart line-item property key. If left blank, the option title will be used as the key.
Option Description: Add additional information or details about the file attachment option. This can be used to explain the purpose of the upload field or provide extra instructions to customers.
Attachment Price: Set an additional fixed price that will be added when the customer attaches a file. The extra charge applies when a file is attached.
Maximum File Size: Set the maximum file size, in MB, that customers are allowed to upload. The available limit depends on your plan.
File Type: Choose the type of files that customers are allowed to upload. You can select from the following file types category:
Image Files: jpg, jpeg, png, gif, bmp, tif, tiff, svg
Document Files: txt, doc, docx, odt, pdf, rtf, ods, xlr, xls, xlsx, csv, ppt, pptx
Graphics Files: ai, eps, psd, cdr
Font Files: ttf, otf, woff, woff2
Audio Files: mp3, wav
Compressed Files: zip, rar, 7z, gz, tar
Custom Files: Allows you to select file types from all categories. For example, you can select PNG from Image files, txt from document files, ttf from font files.
After you are done with the essential settings, scroll down to find the “Additional Settings." Optionia lets you style each option however you like.
Title color: Choose the color for the option title text.
Description color: Choose the color for the option description text.
Border color: Set the color of the border around the option elements.
Border radius: Set the roundness of the option element corners.
Border thickness: Set the thickness of the option element border.
Button background: Choose the background color for the in-option button.
Button text: Set the text color of the in-option button.
Button hover background: Choose the background color displayed when the customer hovers over the button.
Button hover text: Set the text color displayed when the customer hovers over the button.
Help text style: Choose where the help text appears in relation to the option element, such as above the option element.
Show price on option values: Enable this option to display the option price next to the option title on the storefront. When disabled, the option price will not be shown alongside the option title.
You can find the “Products” section at the bottom of every option set, from where you can apply the option set to any one of the three product categories.
To Assign an Option Set
Open the Option Set.
Scroll down to Products.
Select one of the available assignment methods.
All Products: Select All Products to apply the Option Set to all products in your store.
Manually Select Products: Select Manually Select Products when you want to choose specific products to which the Option Set should be applied.
Select Products by Conditions: Select Select Products by Conditions when you want to apply the Option Set based on specific product conditions automatically.
You can use the available conditions to determine which products should receive the Option Set.
|
Important: Each Optionia option includes advanced styling with custom CSS. The text option is no different; you can find the advanced styling option at the bottom.
|
|
Note: When you create or edit the Option Set, it’s saved as a draft and is only visible in your dashboard. Change the status from draft to active to ensure visibility. You can see the status option right next to the Option Set title.
|
Once the File Attachment option is configured, the Option Set is active, and the Option Set has been assigned to the appropriate products, customers can upload files directly on your product pages.
Need Help?
Getting Started
Option Sets
Orders
Settings
Configuration
Live Preview
Packages
Help & Support
Price Add-Ons
Conditional Logic
Design Theme Styling
Uninstallation
