Adding File Downloads to your Product Landing Pages | BG_063
SW

Sam Webster

Created Jun 10, 2024

Adding File Downloads to your Product Landing Pages | BG_063

In this tutorial, we'll take a quick look at how we can leverage Content Template functionality to add file downloads to our product landing pages.

This functionality is ideal if you wish to provide files to your customers such as dielines, instructions, templates or other critical context they would need to provide you with valid artwork.

7
1

Create or navigate to the product you wish to add a download link to

Create or navigate to the product you wish to add a download link to
2

Ensure your product description is utilising Content Templates

This allows you to build up the landing page content using a building block style system.

There are numerous tutorials on the Infigo Academy detailing how to utilise our Content Template functionality.

Ensure your product description is utilising Content Templates
3

Select a Content Template to utilise.

"Builder" is recommended as it gives you great control over the styling of the page in question, in addition to specific content such as download links, buttons, text and more.

Select a Content Template to utilise.
4

If using the "Builder" template, create a Section and a column layout.

This puts you in a position where specific elements (such as file downloads) can be added to the page.

If using the "Builder" template, create a Section and a column layout.
5

To add the file download element, click on Add Content within the column layout

To add the file download element, click on Add Content within the column layout
6

Click on File*

Click on File*
7

A block will appear giving you the ability to enter a label and to upload the file you wish to subsequently make available for download.

A block will appear giving you the ability to enter a label and to upload the file you wish to subsequently make available for download.
8

Click "Upload" and select the file you wish to make available

Click "Upload" and select the file you wish to make available
9

Click on Save and Continue Edit

Click on Save and Continue Edit
10

Click on View product page

Click on View product page
11

This is how the download link will appear by default

Clicking this link will immediately initiate the download.

This is how the download link will appear by default
12

Return to the configuration page of the product and click the Configure icon

Return to the configuration page of the product and click the Configure icon
13

This page provides you with additional customisation options for stylising the download link

This page provides you with additional customisation options for stylising the download link
Well done!
Create how-to guides like this in a snap. Get Tango now.