How can I open a PDF on a new page with the same link in Webflow?

Published on
September 22, 2023

To open a PDF on a new page with the same link in Webflow, you can follow these steps:

  1. Upload the PDF file to your Webflow project: Go to the Webflow Designer, click on the Assets panel, and upload your PDF file. Remember to take note of the file's URL.

  2. Create a new page or use an existing page where you want to add the link to the PDF.

  3. Add a link element to your page: Drag and drop a Link Block element onto your page. You can find the Link Block element in the Add panel on the left-hand side of the Designer.

  4. Configure the link: With the Link Block selected, go to the settings panel on the right-hand side of the Designer. In the Link field, enter the URL of the PDF file you uploaded in step 1. Make sure to include the file extension (.pdf) at the end of the URL.

  5. Set the link to open in a new tab: In the settings panel, find the "Open in new tab" checkbox and check it. This will ensure that the PDF file opens in a new browser tab when the link is clicked.

  6. Style the link: Customize the appearance of the link to match your website's design. You can change the font, color, size, and other properties using the settings in the Style panel.

  7. Publish your site: Once you're done with the configuration and styling, publish your site to make the changes live.

By following these steps, you should have a link on your Webflow site that opens a PDF file in a new browser tab when clicked.

Additional Questions:

  • How do I upload a PDF file in Webflow?
  • Can I link to an external URL in Webflow?
  • Is it possible to customize the link behavior in Webflow?