On this page
Unleash your genius.
Get genius ideas, actionable tips, and smart solutions in your inbox once a month.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Embed Images in Your PDF

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.


Formstack '23 Fall Release: Your Questions Answered

We’ve compiled answers to commonly asked questions during the Fall ‘23 Release webinar.
Read more
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