How can I display a PDF on a Webflow page without just linking to it, and can it be done on a collection page?

To display a PDF on a Webflow page without simply linking to it, you can use an embed element to embed the PDF viewer within your page. Unfortunately, embedding a PDF directly on a collection page in Webflow is not currently possible due to the limitations of the platform.

However, you can achieve a similar effect by using a workaround. Here's one way to do it:

1. First, upload your PDF file to a cloud storage service like Dropbox, Google Drive, or Amazon S3. Make sure the file has a public URL.

2. Next, create a custom collection in Webflow to manage the PDFs you want to display.

3. Add a Link Field to your custom collection and enter the public URL of the PDF file in this field.

4. Now, design the layout of your collection page to include an embed element. Drag and drop an embed element onto the page where you want the PDF to appear.

5. In the embed element settings, click on the dynamic data icon (looks like a gear) to link it to the Link Field of your collection.

6. Choose "Link" as the dynamic source and select the Link Field you added to your collection.

7. Finally, you can use a PDF viewer embed code (such as Google Docs Viewer or PDF.js) in the embed element to display the PDF file. Include the dynamic data for the PDF URL within the embed code.

Keep in mind that this workaround displays the PDF within an iframe, and the viewer experience might vary depending on the browser and device being used by your visitors. Additionally, embedding the PDF may affect the page load speed, so it's important to optimize the file size and consider performance implications.

If you need more advanced PDF functionality or greater control over how the PDF is displayed, you might need to explore using third-party tools or custom development outside of Webflow.