Embed Images in Your (Build Your Own) PDF

Embedding dynamic images in your PDF documents is actually pretty easy.  You will need to use the “Build Your Own” option (read this article if you are using a Fillable PDF) and you will use the html <img> tag.

For example:

<img src=”{$variable}” />

<img src=”http://www.yourdomain.com/images/{$variable}” width=”200” height”200” />

You can also use the editor to embed the image. Simply click the Image icon in the editor and type in your merge field for the src of the image

 

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!

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.

Have more questions? Submit a request

3 Comments

  • Avatar
    Jeff Tebbutt

    Hi Jeremy,
    Would it be possible to use this set up to embed a user-loaded image into a template so that it auto-fills the available space?
    I have an image of an iPad frame that I want users to be able to upload images into.
    Thanks!
    Jeff.

  • Avatar
    Jeremy Clarke

    Hi Jeff,

    Yes, you could use the iPad image as a background image then embed the image inside. Something like this:

    Please submit a support request for more detailed help.

    Thanks!

    Edited by Jeremy Clarke
  • Avatar
    Jeff Tebbutt

    Hi Jeremy,

    Thanks for that. I'm seeing a broken/missing image icon – had you intended to include a visual?

    Jeff.

Please sign in to leave a comment.
Powered by Zendesk