Vector Upload lets shoppers upload high resolution vector files — whether it's a logo, a monogram, a line-art illustration or anything else they want to add to the design. They’ll see a button that opens a file picker, and once a vector is uploaded, it will appear directly in your product preview.
You can configure how the vector upload looks and behaves, and decide how it will be used to personalize.
In this article:
Settings you can configure on an Vector Upload
When you select Vector Upload as the option type, you’ll be able to configure how the upload button behaves and appears in your store.
To configure these, expand the option in your Option Set and scroll through the available settings.
Click any item below to jump directly to it:
🛠 Basic Settings
⚙️ Advanced Settings
Label
Text that appears above the upload vector button on your product page (e.g., “Add your logo”)
Required
Make this field mandatory by enabling this toggle. If it's required, shoppers won't be able to complete their purchase without uploading an image. An * next to the option label will indicate it is required on the storefront.
Help Text
Add a short description below the upload button to guide your shoppers. Great to give helpful tips so shoppers know what kind of vector works best or what to expect (e.g.,"Upload SVG, PDF or EPS files")
Button Text
Customize the label on the upload button shown to shoppers. You can use something simple like “Upload” or “Browse,” or tailor it to match your product — for example, “Add Your Logo” or “Upload Your Artwork.”
Custom CSS Class (Advanced)
Add a custom class name to target and style this option through CSS in your store’s developer settings.
Hide Option (Advanced)
Hide this option completely from shoppers — helpful when you want to include fixed image in the preview without letting customers change it.
How Vector Uploads are used to Personalize
Vector Uploads let shoppers upload their own vector files — that vector is placed into the design thanks to the function assigned to the vector upload option.
You can learn more about functions and how they work here.
Unlike other option types, you don’t need to assign a function manually to the vector upload. The option comes with the Vector Upload function already defined — it just needs to be linked to a compatible element in your design.
Image Uploads work with the element:
Vector Placeholder – Displays the uploaded image directly in your design.
Just connect the upload option to the right element in your template, and Customily takes care of the rest!