Subscribe
Blog

Embed Images in Your PDF

Formstack
February 24, 2018
|
Min Read

Today, we've got a quick tutorial for you about the Formstack Documents Builder. If you need to embed dynamic images into a PDF document, we're here to tell you that it's actually pretty easy thanks to our Document Builder. In this tutorial, we'll cover using the html tag.

Login to your Formstack Documents account, and select "New Document." Give your document a title, and choose the "I want to build a document from scratch" option.



You'll use the tag to add images where you need them. Here's an example of what your tags might look like:

You'll use the tag to add images where you need them. You can embed basically any type of image you want.  You can even use the Google Maps API to embed a map into the PDF! On the settings tab, simply choose PDF for your output.





NOTE: Depending on what you are using for your “src” in the image, you might need to edit the HTML source of the document directly so that the editor does not automatically put “http” at the beginning of the src.

If you're interested in expanding how you use Formstack Documents, check out this tutorial on how you can use data routing to populate multiple documents with a single data source.

Blog

3 New Documents and Sign Improvements You Need to Know About

Get an inside look at three exciting improvements to Documents and Sign that will make document generation and eSigning an even better experience for users.
Read more
Formstack
Formstack is a SaaS company with a mission to help organizations digitize what matters, automate workflows, and fix processes—all without code. A variety of team members come together to compile posts under Formstack's authorship.
More Articles