Digital downloads

Add links for file downloads to any product in your store.

ecommerce
This video features an old UI. Updated version coming soon!
This video features a third-party integration, and the UI may not be up to date. Visit their documentation for up-to-date info!

Digital downloads give you the flexibility to sell more than physical goods. Add file links to any product in your Webflow Ecommerce store — digital goods are automatically delivered to  customers at checkout.

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. Select Digital as the Product type
  5. Scroll to the Downloads section and click the toggle button to Include download
  6. 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.

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

A box that contains other boxes inside is called __ and the boxes inside another box are called __

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

If you drag an element onto an empty canvas in Webflow, where will it automatically be placed?

The box model assessment

Get 100% and receive a badge – Login/sign up here

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which CSS property affects the the outside of an element?

The box model assessment

Get 100% and receive a badge – Login/sign up here

The box model assessment

Get 100% and receive a badge – Login/sign up here

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

Which HTML element is used to define a paragraph element?

HTML/CSS assessment

0%

Take test again

Go to related lessons to learn more:
Intro to HTML/CSS

What are the different types of HTML elements called?