Selecting a Design Layout for your Outgrow Content

Outgrow has a variety of design layouts and premade templates to offer for each type of industry and theme. These are like stencils for your content pieces and tend to add a lot to the user experience. These layouts and templates enable you to build interactive content pieces without writing a single line of code.

Layout Customization

For each industry, we have a lot of premade design templates available in Outgrow. You can customize the questions, results page, lead form, and email notifications as per your requirement. You can also change theme colors, change the background image, and add components, text color, and font of your choice as per your organizational design-related policies.

For any layout you select, you can customize the theme colors, change the background image, and add components, text color, and font style of your choice

You can also pick or upload a background image of your choice and add tint to it using the display settings on the builder. Your quiz or calculator will look best with an HD image in the background.
For any layout you select, you can customize the theme colors, change the background image, and add components, text color, and font of your choice.

You can also pick or upload a background image of your choice and add a tint to it using the display settings on the builder. Your quiz or calculator will look best with an HD image in the background. The recommended size for the background image is 1920 px X 1020 px.

You can also select a font and choose custom color for the component, text, and background on the layout of your choice.

Types of Design Layouts that you can choose from

A. 1 Column: Using this layout, you can display questions and options in 1 single column. The respective options for each question will be displayed under the question text for each question. This layout is available for a Calculator, Outcome Quiz, Assessment, Poll, eCommerce Recommendation Quiz, and Survey content types.

Here is how your questions and responses will appear when you will opt to use this layout:

B. 2 Column: Using this layout you can display questions in 1 column and the respective options for each question in a different column. This layout is available for Calculators, Outcome Quiz, Assessment, Poll, eCommerce Recommendation Quiz, and Survey content types.

Here is how your questions and responses will appear when you will opt to use this layout:

C. Paragraph Style: In this layout questions and respective options are displayed together in a paragraph. You can use this layout in Calculator, Outcome Quiz, eCommerce Recommendation Quiz, and Survey content types.

Here is how your questions and responses will appear when you will opt to use this layout:

D. Card Style: When you opt for this layout, questions and their respective responses will appear in a card-like display format. This layout is available as a part of the Outcome Quiz, Assessment, Poll, eCommerce Recommendation Quiz, Survey content types.

Here is how your questions and responses will appear when you will opt to use this layout:

E. Chatbot Style: Using this layout, you can display questions and respective response options in a chat-style format. This layout is available as a part of the Outcome Quiz, Chatbot, Calculator, and Survey content types.

Here is how your questions and responses will appear when you will opt to use this layout:

F. Giveaway Style: This layout is only available for the Giveaway content type.

Here is how your questions and responses will appear when you will opt to use this layout:

G. 1 Column Realtime Layout: This layout is available only for the Calculator content type. Using this layout you can display questions in 1 column, and will be able to show the results on a real-time basis along with the media on the right side of the page.

Here is how your questions and responses will appear when you will opt to use this layout:

H. Section-based Realtime Layout: This layout is available only for the Calculator content type. Using this layout you can display questions in 1 column, and will be able to show the results on a real-time basis on the right side of the page. The most important thing about this layout is that you can add different sections for different set of questions.

Here is how your questions and responses will appear when you will opt to use this layout:

I. 2 Column Realtime Layout: This layout is available only for the Calculator content type. Using this layout you can display questions in 1 column, and show the real-time results in the 2nd column. The media will be displayed at the bottom.

Here is how your questions and responses will appear when you will opt to use this layout:

Premade Templates

The Outgrow platform comes with a number of premade templates for different content types for a wide variety of use cases. You can click on the respective content type and can click on the Select A Template tab, to review the premade templates available for the particular content type.

You can click on View in case you would like to review the premade template, and can click on Use in case you would like to use the respective premade template.

Please feel free to reach out to us at [email protected] in case you have any questions or concerns, and we will be happy to assist you further.