PageFly - Upload files to my page

611 views 1

In this article, you will learn how to host files on Shopify server and link them to your page 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.

Files option in Shopify Settings

Then, upload your files using the Upload files button.

Click to upload files to Shopify server

Remember: Shopify limits each file to 20Mb maximum.

When the file is uploaded successfully, copy its URL to be used in the next step.

After uploaded, each file will have a unique URL

Step 2: Use files on a PageFly page

Now with the file ready on Shopify server, you can link it to a PageFly page via a clickable Button element, a text that displays as a hyperlink or as a content for Image element.

Make downloadable file in a button

Click on this button will download a file at the given URL

  • Select a Button element on your page.
  • In General tab > Action section > Go To URL.
  • Paste the file’s URL you have from the previous step here.
  • Note that this can be achieved by any PageFly element that can carry a link as well (Image, Column, Icon, etc.)

Click on this hyperlink text will download a file at the given URL

  • 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 devices.

Use it directly as page content

Because PageFly limits image size to 2MB only, you can use Shopify server to host large images.

After that, copy and paste the URL into General tab > Content section > Image field of an Image element.

Use the hosted file as content for Image element

Similarly, in Styling tab > Background section > Image field of any element that can have an image background (Column, Row, Section, Button, etc).

Use the hosted file as background image

Tips

  • For more information about Shopify File Requirements and types, you can read here.
  • If you don’t want to host your files on Shopify server, you can choose to upload them on other hosting servers like Google Drive or Dropbox. Then, get the file URL and follow above steps to link them into a PageFly page!

Was this helpful?