PDF / Page Download and Print

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

  1. Open the plugin.
  1. To start using the plugin, you need to create or log in to your Zeroqode account. Select Sign In or Sign Up.
    1. Image without caption
  1. Enter your account details.
Image without caption
Image without caption
  1. 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..
  1. Add PDF Button to your canvas. You can configure the component’s settings before adding it to the page.
Image without caption
Image without caption
  1. Customize your component using the properties panel.
    1. Image without caption

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

Changelogs