Embedding dynamic images in your documents is actually pretty easy. You will first need to use the “Build from scratch” option as shown below by selecting new document and then choosing "Build from scratch (read this article if you are using a Fillable PDF or this article if you're working with a word or ppt doc).
For this example, you have a few methods you can use depending on what you're looking to achieve. The first method below is using the html tag on your document for when you'd like to place a hosted image on the document.
For the tag below, you'll want to ensure you include the link to your hosted image where we currently have ”http://www.yourdomain.com/images"
Alternatively, you can also use the editor to embed and host the image. Simply click the Image icon in the editor and type in your merge field for the src of the image.
If you're looking to dynamically insert and embed an image on your document, you can use the merge tag examples below. This is a great setup for any workflow or form where you potentially have someone uploading an image that would be merged into the document you're creating. If you'd like to create seperate pages for each image or file uploaded, we'd recommend checking out our data route feature .
{$image|insert_image:width:height:max_width(optional):max_height(optional)}
Here's a real example:
{$image|insert_image:300:100}
To break down this tag, $image is the merge field, 300 is the width, and 100 is the height (you can change these to create the correct size image).
You would place this tag in the spot that you want your image inserted and it will be replaced with your image when the document is merged.
If you wanted to automatically size the height to keep proportions, you can use a "0" for the height like this:
{$image|insert_image:300:0}
If you'd like to set a maximum height to your image, you would use a tag like this:
{$image|insert_image:300:0:0:200}
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.
As a step before you setup and determine where your document would be delivered, always ensure your document is set to the preferred output under your settings. For the example below, we've set our document output as PDF, but we support several different formats depending on your preference.