pdf-on-site is small library for rendering your pdf on site with a possibility to download it (supported mobile scaling).
Preview of what happens with your, sent pdf offer.
By using this tool you render pdf offer on your site in a Canvas (you can even copy a text from it). With that you can get 2 important information - who opened it and how many times. Due to those data you can better identify your potential customer interest power by creating funnels. It means you can know which customer will more likely need your product or services.
E.g. person who:
- got invitation -> accepted-> answered -> said maybe later -> read offer more than 1
more likely wants your services/product than person who:
- got invitation -> accepted-> answered -> said maybe later -> not read offer
With that information you can focus more on a predefined customer groups which made additional step by clicking a link.
- information about who and how many times clicked your offer
- creating remarketing groups e.g. for Facebook, Google Ads or Linkedin campaign
- increased ratio of your main website visits
This solution is based on react, styled-components and react-pdf libraries.
With yarn:
yarn add @appsomesolutions/pdf-on-site
With npm:
npm install @appsomesolutions/pdf-on-site
Usage is very simple. We import it and use as normal component:
import PdfOnSite from "@appsomesolutions/pdf-on-site";
//...
<PdfOnSite pdfHref="/offer.pdf" documentWidth={1400} />pdfHref - is our pdf location path (not relative, website path).
documentWidth - exact document width in pixels
- Calculate pdf size before the render
- Remove console warnings (according to this wojtekmaj/react-pdf#495)
All thanks for Appsome Solutions - Software Development Company from Poland for sharing their code and knowledge with the community for free ❤