Customize your Study

Use these steps to customize your Study.

This article applies to: uz logo tiny.png UserZoom

 

Plan Availability: Essentials, Professional, International, and Premium
👥 User roles: Owner, Admins, and Researchers
For more information, see our article on how to find your plan and user role.

 

On this page:

 


 

Customize your Study

  • Customize the design of your study to match your brand, color, logo, etc.
  • The following can be customized:
    • Layout
    • Header
    • Content
    • Buttons
    • Progress Bar
    • Footer
    • Error Messages
    • Restart Page
  • Customization options may vary depending on the study type selected.
  • You can see how the changes look on different devices.

 

To customize your study, follow these steps:

  1. Go to the Study Builder section of your study.
  2. Click Look & Feel look_and_feel_icon.jpg in the left menu.
  3. Go to the Study Layout tab.
  4. Choose what you'd like to customize from the options along the right side of the window:
    study_layout_options.jpg
  5. Click Show More Options show_more_options.jpg to:
  6. Click Save.

                                       

 

Customize the Header

  1. Go to the Study Builder section of your study.
  2. Click Look & Feel look_and_feel_icon.jpg in the left menu.
  3. Go to the Study Layout tab.
  4. Under the Header section, you can customize:
      • Your Logo
      • Alternative Text Logo
      • Background Color
      • Text Color
        header_look_and_feel_options.jpg
  5. Click Save.

 

 

Customize Content

  1. Go to the Study Builder section of your study.
  2. Click Look & Feel look_and_feel_icon.jpg in the left menu.
  3. Go to the Study Layout tab.
  4. Under the Content section, you can customize:
    • Background Color
    • Columns Background color
    • Columns Width
    • Asterisk Color
    • Asterisk Position
    • Line Below Question Text color
    • Line Between Questions color
      content_look_and_feel_options.jpg
  5. Click Save.

 

 

Customize Buttons

  1. Go to the Study Builder section of your study.
  2. Click Look & Feel look_and_feel_icon.jpg in the left menu.
  3. Go to the Study Layout tab.
  4. Under the Buttons section, you can customize:
    • Button Align
      • Left & Right
      • Left
      • Right
      • Center
    • Button Gradient
      • None
      • For light buttons
      • For dark buttons
    • Rounded Corners
      • No
      • Yes
    • Background Color
    • Border Color
    • Text Color
      buttons_look_and_feel_options.jpg
  5. Click Save.

 

 

Customize the Footer

  1. Go to the Study Builder section of your study.
  2. Click Look & Feel look_and_feel_icon.jpg in the left menu.
  3. Go to the Study Layout tab.
  4. Under the Footer section, you can customize the Background Color.
    footer_look_and_feel_options.jpg
  5. Click Save.

 

 

Customize the Layout

  1. Go to the Study Builder section of your study.
  2. Click Look & Feel look_and_feel_icon.jpg in the left menu.
  3. Go to the Study Layout tab.
  4. In the Layout section, you can customize:
    • Width: 
      • Choose the width of the study:
        • 800px
        • 1024px (Default)
        • Auto
      • This option is not available when selecting Tablet or Phone Look & Feel view.
    • Auto Height: 
      • Check this box to automatically use space to fit all questions on each page.
      • This option is not available when selecting Tablet or Phone Look & Feel view.
    • Tiled Background: Choose if the background color is tiled or not.
    • Body Background Color: Choose the background color for the body of the study.
    • Font Type: Choose the font type for the text of your study:
      • Lucida Grande
      • Arial
      • Verdana
      • Tahoma
      • Georgia
      • Trebuchet MS
      • Courier New
      • Times New Roman
      • Helvetica
    • Font Size: Choose the font size for the text of your study:
      • Small
      • Normal
      • Large
    • Font Color: Choose the font color for the text of the study.
      layout_look_and_feel_options.jpg
  5. Click Save.

 

Related content

information icon.png

knowledge icon.png

Want to learn more? Check out these Knowledge Base articles... 

Interested in growing your skills? Check out our University courses...

video icon 2.png

team icon.png

Need hands-on training?

Can't find your answer?

Reach out to Support or our Professional Services team.

 

Please provide any feedback you have on this article. Your feedback will be used to improve the article and should take no more than 5 minutes to complete. Article evaluations will remain completely confidential unless you request a follow-up. 

Was this article helpful?