How to upload a PDF file to your page

In this article, we will walk you through the steps on how to show a PDF file on your page and make it available for visitors to download.

 

Before we start, you will need to upload your PDF file to Shopify. Go to Shopify admin > Settings > Files, and select “Upload files.” 

 

 

Once finished, hit the Chain icon in the Link column to copy the URL of the PDF file to your clipboard.

Link the PDF for download

Step 1: From the GemPages Dashboard, open a template to access the Editor.  Drag & drop a Button element to your desired position.


Step 2: Paste the URL you got in the previous step to the box under the Link field.

 

 

After that, hit “Save.” If you prefer to show a PDF file on your page together with the download option, kindly follow the steps below.

 

Display the preview of the PDF on your page

Step 1: From the GemPages Dashboard, open a template to access the Editor.  Drag & drop a Liquid element to your desired position.

 


Step 2: Right-click on the Liquid element, select “Edit Code” to open the code editor. 

 

Step 3: Under the Template tab, copy and paste the code below into the panel. Make sure to replace the "PDF file link" with the URL to your file.

 

<iframe src="PDF file link" width="100%" height="600">


Hit “Save” when finished.

 

As a result, the preview of your PDF file will show on your live page, and the visitors can download it directly.

 

 

When everything is in place, hit “Save” then “Publish.”

 

If you're interested in learning more about the powerful and user-friendly GemPages, feel free to explore the Help Center or get in touch with our customer support via email or live chat.


Was this helpful?