Add 'Download' button to Order Confirmation email

Adding a download button to your order confirmation email makes it easy for customers to access their digital files immediately after purchase. This integration allows customers to click directly from their email receipt to access their downloads, improving the customer experience and reducing support requests.

Setting Up Download Button Integration

To add a download button to your order confirmation email, you need to configure the integration in Filemonk and then add the generated code to your Shopify email template.

Accessing Integration Settings

1. From your Filemonk dashboard, click Settings in the main navigation menu
2. Select the Email tab from the settings page
3. Scroll down to find Shopify section

Configuring the Download Button

The integration setup involves three simple steps that are clearly outlined in the interface:

1. Watch the video guide to understand the implementation process
2. Customize the button text that will appear in your emails
3. Copy and paste the generated code into your Shopify email template

Step 1: Watch Video Guide

Before making changes to your email template, watch the comprehensive video tutorial that explains exactly where and how to add the download button code.

Accessing the Video Tutorial

1. In the section, locate the first step labeled "Watch this video guide"
2. Click the link titled Add Download button to Order Confirmation email
3. The video will open in a new tab and provides a 1-minute walkthrough of the entire process
4. The tutorial shows you exactly which section of your Shopify email template to modify

Step 2: Customize Button Text

The second step allows you to personalize the text that appears on the download button in your customer emails.

Setting Your Button Text

1. In the Enter button text field, you'll see the default text "Access downloads"
2. Replace this with your preferred button text such as: "Download Files"/ "Get Your Downloads"/ "Access Digital Products"
3. The text you enter will be automatically incorporated into the generated code

Button Text Best Practices

• Keep the text concise and action-oriented
• Use language that matches your brand tone
• Make it clear that clicking will provide access to purchased digital content
• Consider your customer base and use familiar terminology

Step 3: Copy and Paste Generated Code

The final step provides you with the HTML code that needs to be added to your Shopify order confirmation email template.

Understanding the Generated Code

The system automatically generates HTML code that includes:

• Filemonk comments for easy identification in your template
• Dynamic URL generation using your shop's domain
• Shopify liquid variables for order ID and customer ID
• Styled link with your custom button text

The generated code follows this format:

<!-- Filemonk Email Code START -->
<p style='padding-top: 20px;'>
  <a target='_blank' href='https://app.filemonk.io/orders/{{ id }}?from=order_status&customer_id={{ customer.id }}&shopify_domain=yourstore.myshopify.com'>
    Your Custom Button Text
  </a>
</p>
<!-- Filemonk Email Code END -->

Adding Code to Shopify Email Template

1. Copy the entire generated code from the text field
2. Navigate to your Shopify admin → Settings → Notifications → Customer notifications
3. Find and click on Order confirmation email template and click on Edit code on the top right
4. Locate the appropriate section (Line 185) in the template (as shown in the video guide)
5. Paste the Filemonk code in the designated location
6. Save your email template changes

How the Download Button Works

Once implemented, the download button creates a seamless experience for your customers accessing their digital purchases.

Customer Experience

When customers receive their order confirmation email:

1. Email Receipt: They receive the standard Shopify order confirmation with your custom download button
2. Button Click: Clicking the button takes them directly to their personalized download page
3. Automatic Authentication: The URL includes customer and order information for secure access
4. Download Access: Customers can immediately download their purchased digital files

Technical Implementation

The download button uses several technical components to ensure secure and reliable access:

• Dynamic URL Generation: Each button link is unique to the specific order and customer
• Shopify Liquid Variables: Uses {{ id }} for order ID and {{ customer.id }} for customer identification
• Domain Integration: Incorporates your shop's Shopify domain for proper routing
• Security Parameters: Includes authentication tokens to prevent unauthorized access

Troubleshooting

Common issues and their solutions when setting up the download button:

FAQs

Q: Will the download button appear for all orders?

A: No, the button only appears for orders that contain digital products managed by Filemonk. Physical product orders will not show the download button.

Q: Can I change the button text after implementation?

A: Yes, you can update the button text in the Filemonk integration settings, but you'll need to copy the new generated code and update your Shopify email template.

Q: What happens if customers click the button multiple times?

A: Customers can click the button as many times as needed. Each click takes them to their secure download page where they can access their files according to your download limit settings.

Q: Do I need to modify other email templates?

A: No, this integration specifically targets the order confirmation email. Other email notifications (shipping, refunds, etc.) are not affected by this change.

Q: Can I customize the button styling?

A: The generated code includes basic styling, but you can modify the CSS within your Shopify email template to match your brand design preferences.

Updated on: 13/08/2025