Embed a PDF viewer in your Leadpages website with CloudPDF
We will walk through a few simple steps to embed the CloudPDF viewer in your Leadpages website. If you didn't create a CloudPDF account yet, you can start by creating an account.
- When you are in your CloudPDF dashboard click on the "new" button and upload your first PDF file.
![](https://images.prismic.io/cloudpdf/2c29db5c-76a4-46fa-a2aa-0b8dad4a69ac_cloudpdf-wix-14.png?auto=compress,format)
- After the PDF is successfully uploaded, right-click on the file to open the context menu. Click on the Embed in website button.
![](https://images.prismic.io/cloudpdf/5f404420-87de-4e26-95f8-035a3a964f5d_cloudpdf-wix-15.png?auto=compress,format)
- Now click on the change permission button and make the document public.
![](https://images.prismic.io/cloudpdf/a32681fe-9c98-46e1-be6e-934e63f308a4_cloudpdf-wix-16.png?auto=compress,format)
- Toggle the publicly accessible button. This will make the PDF document visible to the visitors on your website.
![](https://images.prismic.io/cloudpdf/c58ad56e-2eb7-4257-89d3-7af0a714188b_cloudpdf-wix-17.png?auto=compress,format)
- Copy the HTML snippet. You will use this snippet to display the uploaded PDF document on your Shopify store.
![](https://images.prismic.io/cloudpdf/84df0256-1138-4d93-b3bd-fb67420db3c3_cloudpdf-wix-18.png?auto=compress,format)
- Log back into your Leadpages website and click the pencil icon on the page where you want to add the PDF viewer.
- On the sidebar select "Widgets" and drag the "HTML" widget to the place where you want the CloudPDF viewer to show up
![](https://images.prismic.io/cloudpdf/a6eb0d1e-9435-49fe-a332-637f6a9e17cb_Screen+Shot+2022-10-14+at+22.19.40.png?auto=compress,format)
- Double click on the new section that you have created
![](https://images.prismic.io/cloudpdf/c3bbc3bb-b8b9-4050-83ed-8e452ff55c41_Screen+Shot+2022-10-14+at+22.22.47.png?auto=compress,format)
- Paste the CloudPDF snippet into the text box on the popup
![](https://images.prismic.io/cloudpdf/16d64fea-0b03-454a-8604-2091c2b5a08e_Screen+Shot+2022-10-14+at+22.22.05.png?auto=compress,format)
- Click the preview button and you will see that the PDF viewer is embedded in your website
![](https://images.prismic.io/cloudpdf/b8dadfd0-140b-4c8a-86aa-29012c6c6270_Screen+Shot+2022-10-14+at+22.26.26.png?auto=compress,format)
- Now you can click "Publish" and the website will be live and ready to receive visitors