Skip to main content
All CollectionsFiles and TemplatesAdd Content to Your Smart Files
Show your clients what you can do with images in your smart files
Show your clients what you can do with images in your smart files

Give examples of your work and make your smart files stand out with images.

Updated over a week ago

Whether you want to showcase your work or use images as backgrounds to make your smart files stand out, here's how to add images to smart files.


Add an image to an existing block

  1. While building a smart file, select the block you want to add text to

  2. Select the small plus icon > select Image

  3. Customize the text > continue building the smart file


Add an image block

  1. While building a smart file, select the page you want to add text to

  2. Select the large plus icon > select Image

  3. Decide if you want to reuse an image from a template

    1. Updating the block after you reuse it won't update the original template

  4. Choose the image layout from the settings sidebar

    1. If you want to change the block layout after editing it, delete the block and add a new one

  5. Customize the image > continue building the smart file


Customize an image

  • Replace, crop, and adjust the look of the image by selecting it (not just the block it's on)

  • Update the design of the block by selecting it > making your changes in the settings sidebar

    • This can include background colors and images


Add background images

Images can also be used as the background for another block or for the entire page.

Add a background image to a block

  1. While building a smart file, select the block you want to add a background image to

  2. Next to Background Image in the settings sidebar, select Choose

  3. Select an image from your Library or upload something new

  4. Optionally, replace, crop, or set the opacity for the background image

📚 Tip

If you want to add a full-length image without any content over it, add a divider block and repeat the steps above.

Add a background image to a page

  1. While building a smart file, select the page you want to add a background image to from the sidebar

    1. You might need to click out of a block to have to page list appear

  2. In the page list, select the gear icon next to the page you selected

  3. Next to Background Image in the settings sidebar, select Choose

  4. Select an image from your Library or upload something new

  5. Optionally, replace, crop, or set the opacity for the background image

Note

Make sure your file's content is readable over the image you added. Consider lowering the image's opacity, using a page background color, or set background colors for specific blocks.


Add a header image

  1. While building a smart file, add an image block as the first block on the page

  2. Select the gear icon in the image block you just added

  3. Set the content width to 100%

  4. Set the padding to Custom > set the custom padding to 0

Still have questions? Feel free to send us a message by clicking the Question Mark icon on any HoneyBook page. Our team is always happy to help!

Did this answer your question?