Embed a PDF into Elementor or Wordpress without using a Plugin

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024

Комментарии • 40

  • @polarendtech
    @polarendtech 3 года назад +1

    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!

    • @websquadron
      @websquadron  3 года назад +1

      It's a great way to do it :)

  • @websquadron
    @websquadron  3 года назад +9

    The code you need is:

  • @CT-ue4kg
    @CT-ue4kg Год назад

    Super useful for me - no wordpress experience - hello from Birmingham!

  • @juancarlosrodriguez5022
    @juancarlosrodriguez5022 Год назад

    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.

    • @websquadron
      @websquadron  Год назад

      Oh no / I’ll try to find an alternate way

    • @juancarlosrodriguez5022
      @juancarlosrodriguez5022 Год назад

      @@websquadron Thanks for everything you teach us, God bless.

    • @RoseElizabethSmith
      @RoseElizabethSmith 4 месяца назад

      @@juancarlosrodriguez5022 Did you find an alternate way as mine also isn't responsive on Mobile 24/4/24

  • @albertomendez4485
    @albertomendez4485 10 месяцев назад

    This is very helpful Thnak you

  • @danielcarvalho-hm2ov
    @danielcarvalho-hm2ov Год назад +1

    muito bom amigo
    resolveu meu problema
    obrigado

  • @bradford-vts
    @bradford-vts 7 месяцев назад

    Excellent. Can you do the same for docx and pptx and just change the application/pdf to application.docx

  • @websquadron
    @websquadron  3 года назад +1

    Code =

  • @TroyJohnston-gmail
    @TroyJohnston-gmail 2 года назад +1

    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?

    • @websquadron
      @websquadron  2 года назад +1

      The perfect responsive design would take lots of budget to perfect - but recommendations would be using VH, VW and % for content placement.

  • @zerandervax1046
    @zerandervax1046 Год назад

    Freakin awesome, once I worked out to use https instead of http lol. Thanks mate, from down under :0)

  • @mohammednoorbari6845
    @mohammednoorbari6845 Год назад

    so coooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooool

  • @rodlivz
    @rodlivz 2 года назад

    Was just wondering how do we use this for dynamic content? I would like to display PDFs from the back-end?

    • @websquadron
      @websquadron  2 года назад +1

      Let me have a think

    • @simeon.benevrekov
      @simeon.benevrekov Год назад

      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

  • @syednadeemmuhammed5675
    @syednadeemmuhammed5675 2 года назад

    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?

    • @websquadron
      @websquadron  2 года назад +1

      I’ve answered this already and you keep posting it over and over again.

  • @kerry-leerodighiero6182
    @kerry-leerodighiero6182 Год назад

    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.

    • @websquadron
      @websquadron  Год назад

      Yup, often PDFs default to that. You have to click an option at the top to get rid of the sidebar.

  • @nourelhouda4536
    @nourelhouda4536 2 года назад

    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

    • @websquadron
      @websquadron  2 года назад +2

      Embed into word? As an object?

    • @nourelhouda4536
      @nourelhouda4536 2 года назад

      @@websquadron yes as an pdf like you do but not directly show, when i clik in word he will be embed

  • @alexblank657
    @alexblank657 Год назад

    Does not work , because pdf can be seen on elementor but on real device
    white screen.

    • @websquadron
      @websquadron  Год назад +1

      It worked for me though. Have you tried any other embed alternatives?

    • @alexblank657
      @alexblank657 Год назад +1

      @@websquadron yes ,one plugin (embed tag does not work for mobile view devices, for pc it is ok)

    • @XCupiditas
      @XCupiditas Год назад

      @@alexblank657 I'm looking for mobile solution. doesn't work either. I'll try with viewerjs.

  • @Mr.Peperkamp
    @Mr.Peperkamp 2 года назад

    Doesn't work without Elementor... Change title please

    • @websquadron
      @websquadron  2 года назад +1

      It does work, the video was created with EL.
      Are you adding to the 'text' Tab of a Text Field?

  • @syednadeemmuhammed5675
    @syednadeemmuhammed5675 2 года назад

    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?

    • @websquadron
      @websquadron  2 года назад +3

      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

    • @michelbrotherhood3765
      @michelbrotherhood3765 Год назад

      @@websquadron amazing

  • @syednadeemmuhammed5675
    @syednadeemmuhammed5675 2 года назад

    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?

    • @websquadron
      @websquadron  2 года назад +1

      Convert your pdf into an image and add your logo etc.

    • @XCupiditas
      @XCupiditas Год назад +1

      add #toolbar=0 in the data attribute after your pdf file

    • @denalovicz
      @denalovicz Год назад

      @@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