How to Add a Background Image to your Form

Access your form, go into the Design tab, and scroll down until your see Custom Background Image.

Paste in the URL of your image and voila! You should get something that looks like this:

Things to consider

  • The more complicated the background, the more it will compete with your form
  • Form colors may need to be changed to match the new background. This can be done here.
  • Background images work best on forms that are shorter: i.e. single-page inline forms, pop-overs, and slide-ups
  • Images will stretch, depending on form size, so higher resolution is often better

Some Background Images to get you Started

http://www.desktopimages.org/pictures/2015/0201/1/orig_67158.jpg
http://orig15.deviantart.net/4c99/f/2016/172/2/3/da_taroumaru_vector_by_unlimited_sky2-da71vxd.jpg
http://www.wallpaperswide.us/wp-content/uploads/2016/01/gradient-background-wallpaper-1280x800.jpg
http://cdn.pcwallart.com/images/color-gradient-background-wallpaper-1.jpg

Useful CSS properties for Styling Backgrounds

For anything you can't style in our design menu, you can style with  cascading style sheets.

Here are some CSS properties. These will be attached to the body HTML tag

background-position
background-size - the default size is :cover;
background-repeat

Still need help? Contact Us Contact Us