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.
What are the recommended sizes of images I should use?
For Layouts 1, 2 and 3 are 680px, 330px and 213 px wide respectively; images you upload can be as tall as you like. We recommend to set your images at 200 resolution (dpi/ppi) for them to make a nice PDF or a printout.
Where can I add images from? You can upload or drag & drop images from your device or import them from Dropbox, Google Drive, Box or OneDrive.
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.
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.