How to add a PDF file to a button so everyone can see it and downloaded?

Store Design
, , ,

Topic summary

Goal: make a “Menu” button open a PDF so visitors can view and download it. Current issue: clicking the button that’s linked to a PDF throws an error; the store’s file viewer doesn’t display the PDF, while linking a PNG works but shows an overly large image.

Context: the Catering page is blocked from public view; store URL was shared along with the storefront password. Temporary workaround: a PNG is linked instead of the PDF, but the requester prefers a proper PDF view/download.

Suggestions shared:

  • Use a direct link to the PDF on the button (an anchor that points to the PDF URL). Styling can be added with CSS to make it look like a button.

Requests from helpers:

  • Access to the store for troubleshooting and the exact PDF file URL to verify the link and file availability.

Status: unresolved/ongoing. Next steps:

  • Provide the PDF’s direct URL.
  • Verify the PDF is uploaded and publicly accessible.
  • Confirm button code and target behavior (view in browser vs download).

Notes: multiple screenshots were provided and are central to diagnosing the error.

Summarized with AI on December 20. AI used: gpt-5.
4

Hi! Thank you for answering!

Here is the access:

Here is my URL:

https://toroeatstreats.com/

Password: brayden

For now, I put a PNG instead of a PDF but I prefer a FDF file. So the people have to be able to see the file when they click the button Menu.