How do I embed a PDF into a top level page

Question
1

Greetings, I’m building my first Sparkle site and need help with embeding PDF’s. How do I add PDF’s to a page. Each time Sparkle recognises the PDF as an image/jpeg and makes it tiny. I want the PDF’s to stay on the page - not download.

2

@TerriQ, I guess you could Embed it into a Sparkle web page?

For me I would not go down that path because on mobile the User would not have a good experience and would be pinching and zooming and most likely not bother in the end.

3

Thanks for responding. I’m a musician and the PDF’s are press releases and audience reviews. I’m targeting computer viewing rather than mobile. I’ve successfully done this before but with other software. Any suggestions? Thanks.

4

@TerriQ I would suggest this to be the quickest way…

  • Place an Embed element
  • Take the pasted code below and place it in the Embedded Content container
  • Untick Activate After Consent
  • Preview

This “iframe” looks for the pdf which you will need to upload to your hosting platform. When correctly located the pdf will load into the web page. I have linked the below “src=” code to something I have online, You will need to replace it with yours.

Code…

<iframe frameborder="0" scrolling="no"
 width="640" height="560"
 src="https://tasmaniaaware.com/download/qrcode-promo-a4.pdf">
</iframe>
2 Likes
5

Easy workaround is to open the PDF in Preview, then export it as a JPG.
Place on your page at a good legible size.
Enable Sparkle’s “click to zoom” feature to allow some user flexibility as they may need.

Dave

1 Like
6

Thanks so much for your suggestion. I’ve been playing with it and it’s just what I needed. One PDF is responding well, another doesn’t expand on click - it just comes forward at the same size. I have to manually stretch - so it works but not as streamline as the other PDF. I’m trying to see what the difference between the two are. If I figure it out I’ll let you know. But thanks again.

1 Like