Convert only the content of a webpage and leave out the header, footer and/or sidebar.

Offer more than one 'save this part of the page as PDF' link on a page for different areas, such as graphs, tables or articles.

Hide pieces of content from the PDF, such as the 'save as PDF' link itself for example.

Offer a different version of a webpage for the PDF, but you don't want to use or change the CSS media print stylesheet.

Quickly grab pieces of a webpage and rearrange them into a PDF in a different order.

How does it work?

This functionality will only work if you indicate the areas, which you want to show or hide, with an id. If you're not familiar with CSS ids then please head over to a lesson, such as this one. A lot of CMSs (such as WordPress) already do this for relevant sections like the header, footer etc.

After you have indicated the sections in your webpage, you can use the content parameter to select the sections that you want to show or hide. Please see the examples to the right on how to do this.

NOTE: an id is case-sensitive and can only contain letters, digits, underscores (_), hyphens (-), colons (:) and points (.). So do NOT include a #, & or other irrelevant characters when you pass them!

NOTE: if you want to show more than one section, then the order in which you pass them determines how they show up! So &content[header]=show&content[footer]=show has a different result than &content[footer]=show&content[header]=show!

Examples

This part of the page is indicated with the id Example1 with the HTML <div id="Example1">...</div>.

If we want to convert ONLY this area to PDF, then we would add &content[Example1]=show to our link or API call.

If we want to leave out ONLY this area of the PDF, then we would add &content[Example1]=hide to our link or API call.