How to Enable an Icon for Your Attachment Instead of a Button in WooCommerce
The Attachment Icon feature allows you to display product attachments using an icon instead of a standard download button.
You can either keep the default download button or upload/select an icon for attachments.
Icons make attachments more visually appealing and easier to identify.
This feature helps improve the overall look and usability of your WooCommerce store.
In The Article
How the feature settings will work
This feature controls how attachments are displayed on the frontend.
From the Attachment Settings, you can choose between:
- A default download button
- A file icon for attachments
When the icon option is enabled, you can select a predefined icon or upload your own custom image.
If no icon is selected, the system automatically shows the default attachment type icon.
Benefits of product attachments with icons
- Improves the visual appeal of product pages
- Makes attachments easier to notice
- Helps customers quickly understand the attachment's purpose
- Allows better branding and UI customization
- Enhances overall shopping experience
How to configure the feature
Step 1: Open Attachment Settings
- Go to Dashboard → Product Attachment
- Navigate to the Global Settings → Attachment Settings section
Step 2: Choose an icon instead of a button
- Find the option Show Attachments File Icon / Download Button
- Keep the Default Button selected if you want the standard download button
- Select the Upload Icon to enable attachment icons
Step 3: Select or upload an icon
When the Upload Icon is selected:
Choose a default icon from the available icon list
or
- Upload your own custom icon image
Note: If no icon is selected, the attachment will display using the default attachment type icon.
Step 4: Optional – Remove background color
By default, the attachment icon appears with a gray background.
To remove it:
- Enable Remove Background Color from Icon
- Click Save Settings
This will display the icon without the gray background.
Ready to See All Features in Actions?
Access our complete advanced features instance, allowing you to configure every feature with real product size chart scenarios.
Business use cases
Brand-focused stores
Use custom icons that match your brand style and colors.
Digital product stores
Use clear icons for manuals, guides, or license files to improve clarity.
High-visual product pages
Replace buttons with clean icons to reduce visual clutter.
UX optimization
Draw attention to important attachments without overwhelming customers.
Conclusion
Using an icon instead of a button for attachments helps create a cleaner and more modern product page.
It improves visibility, supports branding, and enhances the user experience.
With flexible icon options and easy configuration, this feature is ideal for stores that value design and usability.
FAQs
Can I switch back to the default download button?
Yes. Simply select the Default Button option and save the settings.
Can I upload my own custom icon?
Yes. You can upload any custom image as an attachment icon.
What happens if I don’t select an icon?
The plugin will display the default attachment type icon automatically.
Does this affect attachment functionality?
No. This only changes the visual display, not how attachments work.