EDocGen Support Center

Contact Us

Merge image into PDF and Word

Merging of images into templates is important for QR Code, Bar code, signatures, etc. population.  Those who've done it vouch for its difficulty.  EDocGen simplifies this a lot.


  1. You can dynamically set the image dimensions in the template itself. Let's say you have a large image of 2100*1800 size. If you only have a small space for it in the template, you can always set the dimensions 465*400 in the template.
  2. Options to populate images with URL and from the system
  3. Batch merge multiple images


Following sections describe how to populate dynamic images into your DOCX and PDF templates.  


Step1: Upload Images into System

If you want to have greater control over image population, upload the images that are to be merged, into the system. You can restrict your users to use only the images for merging.  Under "Uploaded documents" (templates), there are two sub-tabs for paragraphs & images. Click on the '+' icon to upload images.

   


Step2: Add relevant tags to the template

Next step is to add dynamic tags in the template at the location where you want the merged images to appear.  Open your Word/PDF editor and

{%photoimg1 type=”image” height=”400” width=”600”}
{%photoimg2 type=”image” height=”600” width=”400”}


{%photoimg1 } is the image tag id. You can use any name of your choice. Next, specify the height and width of the image.

Tag id is a single word without spaces. Ex: photoimg, photo_img, photo-img


Here we're merging two images.

Step3: Merge image into PDF and Word Templates

If you are using the fillable form (data capture form) to populate template, you would see drop-downs of images, you uploaded into the system. Select from the drop-down to populate them into the template.



If you're looking to merge images  XML/Excel/JSON data, please see the below example. Here we're populating images through  URL.


[
    {
        "Name": "Rick & Morty 1",
        "image1": "https://images-na.ssl-images-amazon.com/images/I/91MteSqsrJL.jpg",
        "image2": "https://images-na.ssl-images-amazon.com/images/I/91MteSqsrJL.jpg"     
    }
]

For the above image tags, this produces identical images with different dimensions.


Powered by HelpSite