What is the Image content block and how do I use it?

Focus:  The focus of this self-help article is to provide steps and information to about the PandaDoc Document Builder content block “Image”

What is the Image Block?: The Image block is used to add pictures to your document. There are three different layout options, for one, two and three images.

What types of images can be used?: PandaDoc supports GIF, JPG and PNG image files.

Step 1: Create a document/template. Click on “New Document/New Template” on the upper right and then click on “Create a Doc”/”Create a template”.

Step 2: Adding the content block. Over on the right, click and drag the Image block over and then you can add your text.

To add other blocks, simple drag and drop them.

Step 3: Image Content Block Layout Options. With the Image block, there are also other layout options that you can use.  Also included “alignment” options for your image, “left”, “center” and “right”. Be sure to play around with them.

Examples of Layouts:

Step 4: Advanced CSS: The CSS Classes option can be found by clicking into a block and then clicking Advanced on the block settings panel. So, if we add the CSS Class of “user-customclass” below, it allows you to target a specific element on the page with that class in our CSS editor.
Please Note: This is advanced stuff and assumes you have some knowledge of HTML and CSS. Proceed with caution. You can add multiple CSS classes separated by a space.


Editor - Image Block - Add - Advanced CSS

Step 5: Adding images.  Now that you have added the block, you can click on the  “+” plus sign to add your own image. You can upload images from your computer.

Step 6:  Saving images to the Image Library. PandaDoc has an option to save your images to library to be used again and again. Check it out here.

Step 7:  Adding other content.  Once you have the image content added, be sure to look at the other Content blocks for the PandaDoc Editor.

Have questions? For faster support please:

  1. Log in to PandaDoc
  2. Then click on the help button
  3. Choose Contact Support option

Or feel free to contact us using our public form:

Contact Support