In this article, you will learn how to host files on the Shopify server and link them to your pages so they will be available for visitors to download or for you to use as content on your page.
Step 1: Host files on Shopify Server
Navigate to Shopify admin > Settings > Files.
Then upload your files here using the Upload files button.
Remember: Each file must be smaller than 20Mb to be uploaded, this is Shopify’s limit. When the file is uploaded, copy its URL to be used in the next step.
Step 2: Use files on a PageFly page
Make file downloadable via a button
Select a Button element on your page.
Go to General tab > ACTION > Choose the first icon named Go to URL of the Click Action option like the image below.
Then there is a URL Picker modal pop-out and you can insert the link into this. Then, click into the Select URL button.
Make file downloadable via the hyperlink in the text
Select the whole Paragraph or a specific piece of text that you would want to turn into the hyperlink.
Click on the Insert Link button on the Element toolbar.
Past the file’s URL you got from the previous step.
Now when your customers click on the button or the hyperlink, the file will be downloaded to their device.
Use directly as page content
Since PageFly doesn’t allow any image that is larger than 2MB to be uploaded and used, you can use the Shopify server to host these large images and paste the URL into the page instead.
- Choose the Image element.
- In the General tab > CONTENT > Image Source and choose the icon as the image below.
- Paste the URL of the Shopify file into this box.
- Click the Import button.
When the file is uploaded, it will display like this.
Or in Styling tab > BACKGROUND section > Background Image field of any element that can have an image background (Column, Row, Section, Button, etc) and do like the example above.
For more information about Shopify File Requirements and types, please check here.
If you don’t want to host your file on the Shopify server, you can choose to upload it on other hosting servers like Google Drive or Dropbox, then get the file URL and follow these steps above to link files to a PageFly page as normal!