How to upload your first PDF and create an embed

When you log in to Emberhop for the first time, you land on the dashboard with a prompt to create your first document. The process is short: upload the file, wait a moment for processing, then grab the embed code. This guide goes through each step in detail so you know exactly what to expect.

Before you start

Emberhop works with standard PDF files. There are a few things worth checking before you upload:

The file must be a PDF. Other document formats like Word or PowerPoint are not currently supported.
Password-protected PDFs cannot be processed. Remove the password before uploading.
The maximum file size is 50 MB. If your PDF is larger than that, try compressing it first using a tool like Smallpdf or Adobe Acrobat's compression feature.
Multi-page PDFs are fully supported. There is no page limit.

Good to know

If you are uploading a large PDF, processing can take up to two minutes. The dashboard shows a progress indicator while it works. You do not need to stay on the page during processing.

Uploading your PDF in five steps

Sign in: Go to emberhop.com and sign in with your account. If you do not have an account yet, the Free plan sign-up takes less than a minute with no credit card required.

Click "New document": From the dashboard, click the "New document" button in the top right corner. A file picker will open.

Select your PDF: Choose your file from the file picker, or drag and drop it onto the upload area. The file will start uploading immediately.

Wait for processing: Emberhop converts your PDF into the web viewer format. This usually takes between 15 seconds and two minutes depending on file size. A progress bar shows you where it is in the process.

Copy the embed code: Once processing is complete, click on the document to open its settings page. Go to the "Embed" tab and copy the script tag. That is your embed code. Paste it into your website HTML wherever you want the viewer to appear.

What happens after you paste the code

When you paste the embed code into your website and publish the page, visitors who land on it will see the Emberhop viewer load in place. The viewer is responsive, so it adjusts to fit the width of whatever container it is placed in.

If you have the lead gate turned on, readers will see a form when they reach the trigger page you configured. Their details will appear in the Leads section of your Emberhop dashboard automatically.

If you visit the analytics page for that document, you will see view counts start to appear as soon as the first visitors load the embed. There is no additional setup required for analytics. It is tracking from the moment the embed goes live.

If something does not look right

The most common issue after uploading is that the embed appears blank or very small on the page. This is almost always a height issue in the surrounding container. Make sure the div or section that contains the embed code has a defined height, or is tall enough to display the viewer. See the troubleshooting article on embed display issues for more detail.