Digital downloads

Enable digital downloads to be purchased from your site with Webflow Ecommerce.

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
Digital downloads

In this lesson:

  1. Create a digital download product
  2. Add a downloads element on your order confirmation page
  3. Understand published site behavior
  4. Customize downloads email
  5. Manage orders

Create a digital download product

If you’re just getting started with Webflow Ecommerce, you can start from scratch or choose a template. Learn more about Webflow Ecommerce.

Once enabled, you can create a product with a digital download option in the Designer of your project. Downloads let you add a valid file URL to any product that your users can download.

Note: Store managers are responsible for making sure the file URL is valid, reliable, legal to sell.

To create a digital download:

  1. Click the Ecommerce option in the left panel
  2. Click the Products option in the Ecommerce section
  3. Select an available product, or create a new one by clicking New Product 
  4. Scroll to the Downloads section and click the toggle button to Include download
  5. Enter the file name and URL for your download


You can also add a file that your customers can download for a product variant.


Note: Initial support limited to a single, externally hosted file per product variant

Add a downloads element on your order confirmation page

Now that you have a downloadable product, you’ll need to update your order confirmation page to include the Downloads element. The Downloads element shows a list of all the downloadable files for a given order. And each list item shows the file name and a button for the download link.

To add a downloads element:

Go to the Order Confirmation page by clicking the Pages option in the left panel. Scroll down to the Ecommerce Pages section, and click the Order Confirmation

Click Add Elements in the left panel and drag the Downloads element into your project where you’d like it placed on the Order Confirmation page.

Publish your project by clicking the Publish dropdown button and Publish to Selected Domains.


Note:
If you don’t have at least one product with a download, this element will be hidden on the canvas, even though it exists on the page and in the Navigator. And the Downloads element will only be visible on the live site if an order has a downloadable product.

Understand published site behavior

Now when a customer purchases a downloadable product, they can click the download link on the Order Confirmation page, or in the confirmation email. 


Clicking the link will open the download page. The download will begin automatically, and a link will also be provided to manually start the download.

Customize downloads email

To edit the email sent to your customers for downloads:

  1. Click the Settings icon in the left panel (the cog)
  2. Select the Email option in the Settings panel
  3. Scroll to the Downloads section in the Email panel
  4. Click the Order Downloads option and make your edits 


You can customize labels and other text in the Order Downloads email template. You can also use dynamic fields like, "customer name," "store name," or  "store URL" to populate your email subject and other variables.


Note: the Order Downloads email will be sent separately from the Order Confirmation and will only include the unique download links for the order.

Manage orders

With each successful order, an “order received” email is sent to the store manager(s). Clicking the View and fulfill order button will take you to the Editor of your project.


Orders live in the Editor of the Order tab. Here, store managers can learn about the total number of orders received, the total sales revenue, the average order value, and average order size. Learn more about Webflow’s Order tab

You can access more details about an order by clicking the order in the list. 


With each order that contains a downloadable file, the store manager(s) can manually resend the downloads email with the More actions menu on each order’s details page.


And that’s digital downloads! Nice work.

Browser support

Can I Use ? Data on support for the feature across the major browsers from caniuse.com.

Was this helpful?
OR

Thanks for the feedback! If you can, please add additional feedback below.

Oops! Something went wrong while submitting the form

Thank you! Your feedback has been received!

Oops! Something went wrong while submitting the form