Can I make a page show a PDF file? I have got some word documents I have created based on global news etc. I wanted to find out if I could somehow make the page display the PDF’s pages? That would save me time on of course creating templates, copying the content etc. I want the page to just show each page of my PDF file in order as you scroll.
Hi @LSAccounting
Potentially it is possible. You can use default page template with iframe as page content
Docs about iframe: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
Example of inserting iframe into page content: https://helpdesk.kaseya.com/hc/en-gb/articles/4407475871121-Embed-a-PDF-inside-a-document#:~:text=Right%2Dclick%20on%20the%20link,you%20noted%20in%20step%203.&text=Click%20the%20checkmark%20to%20see,in%20the%20newly%20created%20iframe.
@Andrei_Kuchuk Hi, thanks for your reply.
What is IT Glue?
Could I just not add the iframe to a Custom Liquid in the editor mode? Or the page editor in the HTML section?
Yes, you can.
There is simple steps:
- Create new page. Click edit code
- Paste iframe fragment with link to pdf file
- Save page and click “preview page” or “open page”
@Andrei_Kuchuk Hi again,
How do I obtain the iframe or HTML link to paste from my PDF file? I do apologise about the amount of questions.
The most simple way is to upload ad Shopify asset through Shopify admin panel.
Docs: https://help.shopify.com/en/manual/shopify-admin/productivity-tools/file-uploads
I have uploaded the files needed into the Shopify Files. I click on copy next to the uploaded file but the URL that I am getting is not working when pasted onto either the Custom Liquid in store editor and it is not iframe to be posted into page section that you have showed me.
The first one is the file I am looking to upload.
Yes, the link that you are getting - is a link to your document, not an iframe.
To use the page as an iframe you need to create a new page (template with the .liquid extension, not .json) and put down the code:
<iframe src="{your_file_link}" frameborder="0" width="100%" height="900px"></iframe>
Where {your_file_link} - is the link that you are getting after file upload.
If your theme includes only .json templates by default, please add a new .liquid template and select it for new page.
Shopify docs about templates: https://shopify.dev/themes/architecture/templates
It should work for Chrome, Firefox, Safari, and Edge browsers.
Thank you for this.
Unfortunately, when I try to create a new template via the creator - there is no options to use .liquid only what I should base it on i.e. default page (which is what I usually use) Attempted to add the iframe to the normal page but as you have mentioned it did come back with an error.
Let me look into your store.
I think we can resolve this issue.
I’ll send Shopify partner access
Thank you for your help.
I have managed to solve this issue simply using this tutorial:
https://www.huratips.com/tech-tips/how-to-embed-pdf-document-file-into-the-page-on-shopify.html
It works the wonders and is much of a faster process. Maybe you can check it out ![]()
Yes, you can make. As I make it on my blog.
If you want to create a page where customers can view or download a PDF, EmbedAny makes it super easy!
You can embed a PDF directly onto your Shopify page using Google Drive, Dropbox, or any cloud storage link, so customers can view it without downloading. Want them to download it? They will be able to download it as well if you either add the download link right under the file or use GoogleDrive/DropBox.
No need for complicated setups—just use EmbedAny to drop in your PDF, whether it’s a product guide, an ebook, or any important document. Simple, clean, and hassle-free!




