Adobe Tech Blog
Published in

Adobe Tech Blog

Add PDF Documents and Forms into Your Webpages Using Adobe Document Services

When your business depends on person-to-person interactions, you need easy ways to leverage those in entirely remote experiences.

When you are a small business with limited resources, turning your documents from Word or PDFs into websites can be difficult. Most often, these may be printed resources designed in tools like Microsoft Word or Microsoft Publisher, or your designer may have been provided them to you in PDF. Whether these are forms, brochures, guides, having to redesign documents for the web can take time and are not always resources or time you have.

Fortunately, Adobe Document Services makes it easy to take your forms, menus, brochures, guides, and documents and make it easy for you to publish them on your website in just a few easy steps.

Embed your PDF documents on your website using PDF Embed API

If you have a document that you’d like to publish onto a website for viewing, such as a whitepaper, menu, or brochure, Adobe PDF Embed API is an entirely free way for you to take your PDF documents and embed them onto your website.

Convert your document to PDF

First, you need to convert your document to a PDF. If you have Adobe Acrobat, you can easily convert your documents to a PDF. Don’t have a tool convert your document into a PDF? Have a look at Adobe Acrobat online where you can convert up to 10 free documents a day for free

Get your Client ID credentials for Adobe PDF Embed API

  1. Go to Adobe IO.
  2. Click on Get Started.
  3. Follow instructions to Create New Credentials. You will need to have an Adobe ID and the domain where you will be hosting the web viewer.

Create your web viewer

1. Go to Adobe PDF Embed API playground and configure your online viewer. You can see my recent step-by-step guide here.

2. Once you are ready, click on Generate Code.

3. You will want to copy and paste that code into your website.

Adjust your code

Now we just need to adjust your code with the appropriate changes:

  • Set your Client ID you generated in the previous step
  • Set the URL to the location of the PDF

Embed forms on your website using Adobe Sign

Adobe Sign Web Forms allow you to take your PDF forms and easily turn them into a web form. These are particularly useful for documents like liability waivers, gym membership forms, job applications, etc. Part of the benefits of web forms is:

  • You can use your current PDF forms
  • You can convert your Word and other formats into online web forms
  • You can add form field validation such as phone number, etc. to ensure form fillers are filling out the documents correctly.

To get started with this, you will need a subscription to Adobe Sign for Business or Enterprise.

Create a Web Form

  1. Log into Adobe Sign.

2. Click on Publish a web form

3. Set the Web Form Name to your desired name.

4. Drag and drop your PDF or other file to where it says Drag & Drop Files Here.

5. Click on Next.

6. Drag and drop from the right sidebar to place your form fields on to the document if they are not imported already from the PDF. If you would like to learn more about how to tag your documents see how-to guide here. Double-clicking on a field allows you to edit the parameters of a field, such as make it required, etc.

7. Click Save.

8. Copy the Web Form URL to provide a link on your website or copy the Embed Code to embed it into your website.

Final thoughts

Adobe PDF Embed API and Adobe Sign provide great ways to take the documents you already have created and easily turn them into documents you can post on your website, saving you time having to redesign all of your documents for the web.

There are also a number of ways you can extend your forms with other tools and automation. If you are using tools like Adobe InDesign to design your forms, here is a handy way of incorporating Adobe Sign fields directly into your form designs. If you are using Microsoft Office 365, you can automatically store the forms back into Microsoft SharePoint through these easy steps.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store