Knowledgebase: Products

How do I Link to a PDF as Part of My Product Description?


Some merchants may want to include a PDF download as part of their product listing description to give their shoppers more complete information on the product being sold. Some examples include:

  • Product Specification Sheets
  • Material Safety Data Sheets
  • Instruction Manuals
  • Comparison Charts

This article will give a brief description of how this can be done.

Upload your PDF file

The first step in the process will be to upload your PDF file to the site.

  1. Log into your Shift4Shop Online Store Manager
  2. Look along the top right of the interface and click on your login user name
  3. Then select the "File Manager" option
  4. Once in the File Manager, click on the "+Upload Files" button along the top right

A popup window will open up allowing you to browse for your file.

  1. Click on the Browse button to locate the file on your computer for upload, or drag your file(s) to the popup window.
  2. When you're ready to begin the upload, click on the start button

The File Manager Popup will now import your designated file. Your PDF file is now uploaded.

Additional Information
With the File Manager, you can upload multiple files at one time. Click here for our image upload tutorial which discusses more information on using the File Manager.

Additionally, within the same article we discuss an alternative which is to use your store's FTP service to transfer the file to your web/assets/images folder.

Adding the File to Your Product Description

The next steps in the process involve adding the link to your Product's description.

While still logged in your Shift4Shop Online Store Manager:

  1. Go to Products >Product List
  2. Locate the product you would like to edit and click on its thumbnail image, name or ID to open it
  3. In the product's "Information" tab, scroll down to the extended description area.
  4. If WYSIWYG is turned off, click on the "</>" button along the top right of the section to enable WYSIWYG.

An easy way to tell if WYSIWYG is on or off is to look at the top of the extended description . If there is a tool bar present, then WYSIWYG is turned on.

  1. Using WYSIWYG, add text for your link label. For example, "click here" or something similar.
  2. Highlight the text you would like to make into a link and click on the WYSIWYG link icon.

WYSIWYG will open up a small popup window where you can browse for your link location.

  1. Click on the folder icon which will take you to the file manager
  2. Select your PDF as shown
  3. WYSIWYG will automatically specify the path to your file.

While inserting your link, you can should set the "Target" to "Blank" so that the download occurs in a different tab/page in the user's browser. Otherwise, the download will occur in the same browser window as your product listing and move your potential customer away from the product page.

  1. Click "Insert" when done.

Your product's Description will now be written with a link to the PDF as shown below.

Shoppers browsing your store can download the PDF at their leisure and become more informed about the product.

Additional Information
More information on using WYSIWYG can be found here.

Help Desk Software by Kayako fusion