ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Embed a PDF into Elementor or Wordpress without using a Plugin
ฝัง
- เผยแพร่เมื่อ 17 ส.ค. 2024
- At some point we've all used a Plugin to embed a PDF into Wordpress or Elementor - and that's fine - but let's do it without any plugin - using some simple code.
PS - you can easily embed with Canva too - but this video is aimed at those that don't use Canva and don't want to use a plugin.
PS: websquadron.co.uk
PPS: Don't miss out on our amazing Create a Website in One Weekend Course - and it comes with a FREE Elementor Pro License!! websquadron.co...
PPPS: Contact us for any questions or to collaborate.
PPPPS: I must stress that we only build with Elementor and no other Page Builder.
Great tip! We where having a problem with one of our pdf plugins showing errors and not working. This will solve that. Thank you so much!
It's a great way to do it :)
The code you need is:
Super useful for me - no wordpress experience - hello from Birmingham!
Glad it was helpful!
This is very helpful Thnak you
muito bom amigo
resolveu meu problema
obrigado
Hi, first of all I want to thank Web Squadron for the great content you produce. Second, I wanted to share that this solution didn't work for me on mobile versions on august 2023. Best regards.
Oh no / I’ll try to find an alternate way
@@websquadron Thanks for everything you teach us, God bless.
@@juancarlosrodriguez5022 Did you find an alternate way as mine also isn't responsive on Mobile 24/4/24
Excellent. Can you do the same for docx and pptx and just change the application/pdf to application.docx
I find on mobile (Android/Chrome tested) while the emulator displays as you demonstrated (ie horizontally scrollable size) - on the actual device there is simply an "Open link" which does not work.
On Tablet (Apple/Chrome tested) a fixed image of page-1 of the pdf is displayed.... not the embedded scrollable document.
Is this actually possible to find a responsive design that actually works? Thoughts?
The perfect responsive design would take lots of budget to perfect - but recommendations would be using VH, VW and % for content placement.
Freakin awesome, once I worked out to use https instead of http lol. Thanks mate, from down under :0)
Was just wondering how do we use this for dynamic content? I would like to display PDFs from the back-end?
Let me have a think
Here is an easy way (tested) : I use jet engine but you can use ACF it doesn't matter.
1) You create a simple custom text field
2) Then you connect it via the dynamic tag option in Elementor to the HTML field
3) That's it. Then you just need to fill in the correct pdf link and type the code from the video
Hi, I am looking for a solution to embed pdf securely so that nobody can download it or save it. Plugins that do that is quite expensive. Any ideas on how to achieve the results using Elementor Pro and HTML?
I’ve answered this already and you keep posting it over and over again.
I will embed my pdf but not directly I will embed the pdf when I click in word and he will opening in section of the same page how I can do this plz?? Because I search for this but I don't found the answer
Embed into word? As an object?
@@websquadron yes as an pdf like you do but not directly show, when i clik in word he will be embed
so coooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooool
Code =
I have a wee image on the left and half the page visible (with a scroll bar on the bottom). You know, like a powerpoint presentation view! Don't want that.
Yup, often PDFs default to that. You have to click an option at the top to get rid of the sidebar.
Does not work , because pdf can be seen on elementor but on real device
white screen.
It worked for me though. Have you tried any other embed alternatives?
@@websquadron yes ,one plugin (embed tag does not work for mobile view devices, for pc it is ok)
@@alexblank657 I'm looking for mobile solution. doesn't work either. I'll try with viewerjs.
Doesn't work without Elementor... Change title please
It does work, the video was created with EL.
Are you adding to the 'text' Tab of a Text Field?
Hi, I am looking for a solution to embed pdf securely so that nobody can download it or save it. Plugins that do that is quite expensive. Any ideas on how to achieve the results using Elementor Pro and HTML?
You can also remove the download option, www.quora.com/How-do-I-embed-a-PDF-file-in-HTML-without-a-download-save-and-print-option
@@websquadron amazing
Hi, I am looking for a solution to embed pdf securely so that nobody can download it or save it. Plugins that do that is quite expensive. Any ideas on how to achieve the results using Elementor Pro and HTML?
Convert your pdf into an image and add your logo etc.
add #toolbar=0 in the data attribute after your pdf file
@@websquadron Thanks! Been breaking my mind on this for hours before I finally stumbled over you very simple solution. Why didn't I think of it? :D