PDF Button
Updated over a week ago

PDF Button generates the PDF version of the current page or a specific portion.


The method or library to be applied for conversion to pdf. The available options are:

  • JS. It supports the same graphic and style you are using on your Elementor page or template. It doesn't support correctly the text between pages. It's not possible to add page breaks and use images via CDN.

  • HTML: supports HTML template for PDF generation.

  • DomPDF(deprecated) supports CSS2 and templates. It doesn't support custom fonts and backgrounds. It's subject to limitations in complex layout conversions, so it is advisable to adopt layouts that are not too elaborate.

  • TCPDF(deprecated), a very stable converter, quickly but does not support the latest CSS and structured template. It works with the table.

  • Browser, the built-in browser print to PDF, is very powerful and configurable by the user.

  • Title, the title of the generated document in pdf. It's the name of the post by default. You can use Tokens or Dynamic Tags.

  • Body, the layout of the pdf to create:

  • Current Post, use CSS selector defined in the HTML Container.

  • Template, use a custom Elementor Template, where you can use standard widgets like Title, Content, Image, etc.

  • Page Size, format to be applied to the pdf document;

  • Page Orientation, vertical or horizontal;

  • Page Margin, margins of the PDF document;


The Button settings, equal to the Button Widget in Elementor Free:

  • Type;

  • Text;

  • Alignment;

  • Size;

  • Icon;

  • Icon Position;

  • Icon Spacing;

  • Button ID.

With a little change on the Link section:

  • Open in a new window, open the link in a new tab;

  • Add nofollow, to avoid spider follow the link;

  • Force download, add the download attribute to the link anchor.

Did this answer your question?