Customize email template
Filemonk's email customization feature allows you to create professional, branded emails that are automatically sent to customers when they purchase digital products. You can customize everything from colors and fonts to logos and button styling, ensuring your emails match your brand identity and provide an excellent customer experience.
Accessing Email Customization
To customize your email templates, you need to navigate to the email editor from your Filemonk settings.
Opening the Email Editor
- Open your Filemonk app from your Shopify admin panel
- Navigate to Settings from the main navigation menu
- Scroll down to the "Email template" section
- Click the "Customize email" button to open the full-screen email editor
Email Editor Interface
The email customization interface uses a split-pane layout that makes it easy to see your changes in real-time.
Split-Pane Layout
The email editor is divided into two main sections:
- Left panel: Contains all customization controls and settings
- Right panel: Shows a live preview of your email template with sample data
This layout allows you to make changes on the left and immediately see how they affect the final email appearance on the right.
Sender Information Customization
Configure how your emails appear to customers by customizing the sender details.
From Name and Address
- In the email editor's left panel, locate the "Sender" section
- Enter your desired "From name" (e.g., "Your Store Name")
- Specify your "From address" (your business email)
- Optionally set a "Reply-to address" for customer responses
Logo Upload and Branding
Add your store logo to create professional, branded emails that customers will recognize.
Uploading Your Logo
- In the "Logo" section of the email editor, click the upload area
- Drag and drop your logo file or click to browse and select
- Supported formats include PNG, JPG, and GIF files
- Adjust the "Logo size" field to control the display size in pixels
Logo Management
- Change logo: Upload a new file to replace the current logo
- Remove logo: Click the remove button to delete the current logo
- Size control: Use the pixel input field to adjust logo dimensions
Email Content Customization
Personalize the main content of your emails with custom subject lines and body text.
Subject Line Configuration
- Locate the "Subject" field in the email editor
- Enter your custom subject line text
- Click "Variables" to access dynamic content options
- Use Liquid variables to personalize subjects (e.g., "Your {{shop.name}} order {{order.name}} is ready!")
Email Body Content
- Use the "Body" text area to write your main email message
- Click "Variables" to insert dynamic customer and order information
- Write in a conversational tone that matches your brand voice
- Keep the message clear and focused on helping customers access their downloads
Available Liquid Variables
Use these dynamic variables to personalize your emails:
- {{order.name}} - Order name (e.g., #1001)
- {{order.shopify_order_id}} - Shopify order ID number
- {{shop.name}} - Your store name
- {{customer.name}} - Customer's full name
Visual Styling Options
Customize the appearance of your emails to match your brand colors and design preferences.
Color Customization
The email editor provides color pickers for multiple elements:
- Text color: Controls the color of all body text in the email
- Background color: Sets the overall email background color
- Button text color: Determines the color of text on the download button
- Button background color: Sets the download button's background color
Font Selection
Choose from 18 professional font families to match your brand typography:
- Click the "Email font" dropdown in the styling section
- Select from options on the dropdown and save your changes
Download Button Styling
Customize the appearance of the download button to make it prominent and match your brand.
Button Text and Colors
- Button text: Change the text displayed on the download button (default: "Access downloads")
- Button background color: Use the color picker to set the button's background
- Button text color: Choose the color for the button text
- Border radius: Adjust the roundness of button corners using pixel values
Button Design Tips
- Use contrasting colors to make the button stand out
- Choose button text that clearly indicates the action (e.g., "Access Your Downloads")
- Consider your brand colors when selecting button styling
- Test different border radius values for the desired visual effect
Footer and Branding Options
Configure the footer section and control Filemonk branding visibility.
Custom Footer Text
- Use the "Footer text" field to add additional information
- Include support contact details, return policies, or other relevant information
- Use Liquid variables in footer text for dynamic content
- Keep footer content concise and helpful
Branding Control
- "Powered by Filemonk" toggle: Available for paid plans to hide/show Filemonk branding
- When disabled, removes "Powered by Filemonk" text and logo from emails
- When enabled, includes subtle Filemonk branding at the bottom of emails
Advanced CSS Customization
For complete design control, use custom CSS to style specific elements of your email template.
CSS Configuration
- Locate the "Email CSS" field in the advanced section
- Click "Selectors" to view available CSS classes
- Write custom CSS rules to override default styling
- Save changes and send test emails to verify CSS effects
Available CSS Selectors
Use these predefined selectors to target specific email elements:
- .email-container - Main container for all email content
- td .logo-container - Container div for the logo image
- td .logo - The logo image element itself
- td .description - Email body text content
- td .buy-button - Download button container
- td .footer p - Footer text paragraphs
CSS Usage Examples
td .description {
font-size: 18px;
line-height: 1.6;
}
td .buy-button {
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
Testing Your Email Design
Before going live with your customized email template, thoroughly test the design and functionality.
Sending Test Emails
- Complete your email customization settings
- Click "Send test email" in the preview panel
- Enter your email address to receive a sample email
- Review the email in your inbox
Email Template Structure
Understanding the email template structure helps you make informed customization decisions.
Email Components
Your customized emails include these sections in order:
- Logo section (if logo uploaded) - Displays your store logo with link to your store
- Email body - Your custom message content with dynamic variables
- Download button - Prominent button linking to customer's download page
- Product list - Automatic listing of purchased digital products with file details
- Customer information - Order details including customer name, email, and order number
- Footer - Your custom footer text and optional Filemonk branding
Troubleshooting
Common issues and solutions for email customization:
Symptom | Likely Cause | Fix |
---|---|---|
Logo not displaying | File too large or unsupported format | Use PNG/JPG under 200KB, check file format |
Colors not appearing | Email client limitations | Test in multiple email clients, use web-safe colors |
Custom fonts not working | Email client doesn't support font | Choose fallback fonts, test across clients |
CSS not applying | Invalid CSS syntax or unsupported properties | Validate CSS, use email-safe properties only |
Button not clickable | CSS overriding button styles | Check custom CSS for conflicting button rules |
Preview not updating | Browser cache or temporary issue | Refresh page, clear browser cache |
FAQs
Q: Can I create different email templates for different products?
A: Currently, Filemonk uses one email template for all automatic emails, but you can use dynamic variables to personalize content based on the specific order and products.
Q: Will my custom fonts work in all email clients?
A: Email client support for custom fonts varies. Choose web-safe fonts and always specify fallback options. Test your emails across different clients to ensure readability.
Q: How do I know if my email customization is working correctly?
A: Use the "Send test email" feature regularly during customization. This sends a sample email to your specified address so you can verify appearance and functionality.
Q: Can I use HTML in my email content fields?
A: The subject and body fields support Liquid variables but not HTML. For advanced formatting, use the custom CSS field to style the predefined email elements.
Q: What happens if I don't upload a logo?
A: If no logo is uploaded, the email will display your store name as text in the header area instead of a logo image.
Q: Can I customize the product list section of the email?
A: The product list format is automatically generated and cannot be customized through the interface. You can use custom CSS to modify its appearance if needed.
Q: How often can I change my email template?
A: You can modify your email template as often as needed. Changes apply immediately to all new emails sent after saving your updates.
Q: Do email customizations affect download page appearance?
A: No, email customizations only affect the email template. Download page customization is handled separately in the download page settings.
Updated on: 11/08/2025
Thank you!