Picture of Adding File Downloads to your Product Landing Pages | BG_063

Adding File Downloads to your Product Landing Pages | BG_063

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.

Creation Date: Jun 10, 2024
Created By: Sam Webster

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
Incomplete