Articles on: Email

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


  1. Open your Filemonk app from your Shopify admin panel
  2. Navigate to Settings from the main navigation menu
  3. Scroll down to the "Email template" section
  4. Click the "Customize email" button to open the full-screen email editor



Note: The email customization interface opens in fullscreen mode to provide maximum workspace for designing your templates.


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


  1. In the email editor's left panel, locate the "Sender" section
  2. Enter your desired "From name" (e.g., "Your Store Name")
  3. Specify your "From address" (your business email)
  4. Optionally set a "Reply-to address" for customer responses


Important: Custom email addresses require verification for reliable delivery. You'll see verification status indicators next to your email fields.



Logo Upload and Branding


Add your store logo to create professional, branded emails that customers will recognize.



  1. In the "Logo" section of the email editor, click the upload area
  2. Drag and drop your logo file or click to browse and select
  3. Supported formats include PNG, JPG, and GIF files
  4. 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



Tip: For best results, use a logo with a transparent background and dimensions that work well at your chosen display size.


Email Content Customization


Personalize the main content of your emails with custom subject lines and body text.


Subject Line Configuration


  1. Locate the "Subject" field in the email editor
  2. Enter your custom subject line text
  3. Click "Variables" to access dynamic content options
  4. Use Liquid variables to personalize subjects (e.g., "Your {{shop.name}} order {{order.name}} is ready!")


Email Body Content


  1. Use the "Body" text area to write your main email message
  2. Click "Variables" to insert dynamic customer and order information
  3. Write in a conversational tone that matches your brand voice
  4. 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:


  1. Text color: Controls the color of all body text in the email
  2. Background color: Sets the overall email background color
  3. Button text color: Determines the color of text on the download button
  4. Button background color: Sets the download button's background color



Font Selection


Choose from 18 professional font families to match your brand typography:


  1. Click the "Email font" dropdown in the styling section
  2. 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


  1. Button text: Change the text displayed on the download button (default: "Access downloads")
  2. Button background color: Use the color picker to set the button's background
  3. Button text color: Choose the color for the button text
  4. 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



Configure the footer section and control Filemonk branding visibility.



  1. Use the "Footer text" field to add additional information
  2. Include support contact details, return policies, or other relevant information
  3. Use Liquid variables in footer text for dynamic content
  4. 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


  1. Locate the "Email CSS" field in the advanced section
  2. Click "Selectors" to view available CSS classes
  3. Write custom CSS rules to override default styling
  4. 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);
}


Important: CSS changes cannot be previewed in the editor. Save your changes and send test emails to confirm the styling appears correctly.


Testing Your Email Design


Before going live with your customized email template, thoroughly test the design and functionality.


Sending Test Emails


  1. Complete your email customization settings
  2. Click "Send test email" in the preview panel
  3. Enter your email address to receive a sample email
  4. 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:


  1. Logo section (if logo uploaded) - Displays your store logo with link to your store
  2. Email body - Your custom message content with dynamic variables
  3. Download button - Prominent button linking to customer's download page
  4. Product list - Automatic listing of purchased digital products with file details
  5. Customer information - Order details including customer name, email, and order number
  6. 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

Was this article helpful?

Share your feedback

Cancel

Thank you!