Link to plugin page: https://www.framer.com/marketplace/plugins/print-pro/
Video Demo
Introduction
The Simple PDF plugin is designed to offer comprehensive PDF functionality for your Framer applications. It allows users to download PDFs from URLs, upload and manage PDF files, convert web pages or specific elements to PDF format, and print PDF documents. The plugin features a customizable button component with optional PDF preview functionality, making it perfect for document management workflows
How to setup
- Open the plugin.
- To start using the plugin, you need to create or log in to your Zeroqode account. Select Sign In or Sign Up.
- Enter your account details.
- A subscription to all our plugins is required. Once subscribed, you will gain access to all our plugins. Enjoy a 7-day free trial before any charges apply..
- Add PDF Button to your canvas. You can configure the component’s settings before adding it to the page.
- Customize your component using the properties panel.
PDF Button Component
The plugin contains a primary component called PDF Button that should be added to your canvas.
It's got a lot of settings, let's go over them.
Parameters:
Title | Description | Type |
Action | Defines whether to download or print the PDF | Enum (download/print) |
PDF Source | Source of the PDF content | Enum (page/url/file) |
PDF URL | Direct URL to a PDF file | Tex |
Upload PDF | File upload field for PDF documents | File |
CSS Selector | CSS selector to target specific elements for page conversion | Text |
File Name | Name for the downloaded/generated PDF file | Text |
Show Button | Whether to display the action button | Boolean |
Button Text | Text displayed on the button | Text |
Background Color | Button background color | Color |
Text Color | Button text color | Color |
Hover Color | Button color on hover state | Color |
Font Size | Button text font size | Number |
Font Family | Button text font family | Text |
Border Radius | Button border radius in pixels | Number |
Horizontal Padding | Button horizontal padding | Number |
Vertical Padding | Button vertical padding | Number |
Border Width | Button border width | Number |
Border Color | Button border color | Color |
Show PDF Preview | Whether to show PDF preview | Boolean |
Layout | Layout orientation for button and preview | Enum (horizontal/ vertical) |
Preview Width | Width of PDF preview in pixels | Number |
Preview Height | Height of PDF preview in pixels | Number |
Preview Border Radius | Border radius of PDF preview | Number |