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

[abailea077]

Hi everyone!

I need some help here.

I have put a button to put a link of a PDF file so people can see it and downloaded, but there is this message of error that I have when I clic the button.

You can see that I did some steps already to put a PDF file but it does not work.

When I put a link of a PNG file on the same button, it works, the problem is that with the png the image is huge.

You can see that we can not see the PDF file on the file viewer.

Is it the PDF that is the problem.

Is there a way to make it work. Do you have a code for that?

The URL is:

https://toroeatstreats.com/

You will not be able to see the button on the page Catering because I had to block access because I don't want to people to see that page.

If you need more access please tell me.

Thank you a lot!

[AnneLuo]

Hi, @abailea077 

I can help you with it. But I need to access your store if possible. 

[abailea077]

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.

[AnneLuo]

Hi, @abailea077 

Can you share me the url of your PDF file?

[oscprofessional]

Hey @abailea077 

Here's a basic example of how you can set up a button to download  a PDF file:

<a href="https://yourwebsite.com/path/to/yourfile.pdf" class="button" download>View PDF</a>

If you want to add some style to a button add below code.

<a href="https://yourwebsite.com/path/to/yourfile.pdf" download class="button" style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px;">Download PDF</a>