How to put downloadable pdf on beaver builder

How to put downloadable pdf on beaver builder

how to put downloadable pdf on beaver builder

Duration: 5:57. Slide Deck PDF download Beaver Builder > Page Builder, Pro version available – https://wordpress.org/plugins/beaver-builder-lite-version/. layout builder such as Elementor, WPBakery, DIVI Builder, Beaver Builder, etc. A Text, HTML, Raw Code, or Shortcode module is required to insert the PDF. how to put downloadable pdf on beaver builder

WonderPlugin

To open the PDF file in the lightbox, the PDF file must be uploaded and hosted on the same WordPress.

In your WordPress dashboard, goto left menu Media -> Add New, click the Select Files button, select your PDF file and upload it.

After you have uploaded the file, click the Edit link, then copy the File URL.

Step 3 - Create a text or image link to your PDF file

In WordPress classic editor, in Visual mode, click the Insert/Edit link button to insert a link to the copied PDF file URL.

In Text mode, click the link button to insert a link.

Step 4 - Activate the lightbox on the PDF link

After you have added the link, switch the classic editor the Text mode, then add to the <a> tag. You can also add data tag , to specify the size of the lightbox popup.

If you are using a WordPress page builder, for example, WordPress Block (Gutenberg) editor, Elementor, WPBakery, SiteOrigin, Divi, Beaver Builder or Brizy Builder, please view Wonder Lightbox Help Document. You only need to change the lightbox URL in the tutorial to the PDF file URL.

The demo created with this tutorial is as follows: Open PDF in a Lightbox Popup.

The code of the online example is as follows:

<a class="wplightbox" data-width=1200 data-height=1200 href="https://www.wonderplugin.com/wp-content/uploads/2017/02/how-to-create-a-wordpress-post-carousel.pdf">Open PDF in a lightbox popup</a>
Источник: [https://torrent-igruha.org/3551-portal.html]

How to put downloadable pdf on beaver builder

2 thoughts to “How to put downloadable pdf on beaver builder”

Leave a Reply

Your email address will not be published. Required fields are marked *