Signup
 

Add a background image to your typeform

Background images can make your typeform more appealing and help you inject your own brand into the design.

You can add or edit the background image of your typeform under the themes section of the Design panel. We explain how this is done in the steps below. To find out how to insert images, GIFs and video into questions, go read this Help Center article.

Add a background image

You can use an image from our integrated Unsplash-powered library, or upload your own.

1. Open a typeform and click on the Design icon in the sidebar on the right.

Background_0.5.png

When you open the Design tab, you'll automatically be editing your current theme. If you want to start from scratch instead, click the left-facing arrow next to your theme's name and select + Add new theme

Background1.png

2. Now you've opened the theme you want to edit, click the Add button next to Background image.

Background_2.png

3. Now you can find an image from our Unsplash image library or an icon from the Noun Project. Simply type in a search term, and scroll through the images until you find one you like.

addbg1.png

4. Click that image so it’s highlighted, and the photo will appear as your background. Close the media gallery once you've found an image you're happy with. 

addbg2.png

HC_BobRoss_ilu_cropped.png
Tips! All the images you find with the Unsplash image search tool are free to use however you like. You can use them for private or commercial purposes. You have a non-exclusive copyright license to download, copy, modify, distribute, and use photos from the library, without the need for permission or attribution to the photographer (though giving credit is always appreciated).

5. Alternatively, you can upload an image, GIF or icon from your computer. Click the Upload tab in the media gallery to browse for an image using the link or drag and drop it:

addvideo1.png

HC_BobRoss_ilu_cropped.png
Tips! This background image will be applied to your entire typeform, including Welcome Screens and Endings. If you want to have different backgrounds on your questions, except Welcome Screens and Endings, you can do that with the Layout feature in question settings. Find out how in this article.

6. Once you've decided on a background image, you can adjust its brightness in the right-hand Design tab. You can also click the icons next to Background img to change, edit, or remove the background. Hit Save changes to save the theme. 

bgedit.png

 

Tap into our community knowledge