Embed a PDF viewer in your Weebly website with CloudPDF
We will walk through a few simple steps to embed the CloudPDF viewer in your Weebly 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 Weebly website and click on the button "Edit site"
- On the sidebar click "Show all elements " and drag the "Embed Code" widget to the place where you want the CloudPDF viewer to show up
![Drag the "Embed Code" widget onto a page in Weebly](https://images.prismic.io/cloudpdf/96ebdaf9-9868-4c02-a177-8545048e2105_Screen+Shot+2022-10-14+at+23.27.43.png?auto=compress,format)
- Click on the new section that you have created
- Click on the button "Edit Custom HTML"
![Button "Edit Custom HTML" on Weebly](https://images.prismic.io/cloudpdf/c2cdce12-1a47-4c21-84f5-98686eb0b350_Screen+Shot+2022-10-14+at+23.28.43.png?auto=compress,format)
- Paste the CloudPDF snippet into the text box
![](https://images.prismic.io/cloudpdf/24011ee3-d163-4a78-ae5d-138a836069d2_Screen+Shot+2022-10-15+at+14.12.06.png?auto=compress,format)
- Click outside the textbox and you will see that the PDF viewer will appear
![](https://images.prismic.io/cloudpdf/43f71561-fe21-495d-a671-b99e079eca88_Screen+Shot+2022-10-15+at+14.11.59.png?auto=compress,format)
- Now you can click "Publish" and the PDF viewer will be live on your website