Allowing users to Save Results as PDF in Outgrow

At times, users cannot go through the information you share with them on the results page in 1 one go. To make sure that the message that you are trying to convey to the users using the Results page is adequately given, Outgrow now lets you design a Custom PDF that your users can download from the results page or that can be sent to the users as an attachment in the User Notification email.

This document will help you understand how to design the PDF that will be available for the users.

Configuring Design & Data Point Elements in your PDF

  1. Open the respective content in Build mode and navigate to the PDF Builder tab. In this tab, you can configure the Design, Data Point, and Style Elements of your PDF. NOTE: You can drag the element of your choice and drop it in the PDF.

  1. You can choose the PDF orientation you want to design by toggling between Portrait and Landscape tabs.

  1. You can start designing the PDF by adding the Design elements first. For Textual elements, you can choose between Heading, Text, and Text Section options.

  1. Once you have inserted a textual element, you can modify the text using the Text Editor per your requirements.

  1. In case you want to add an image to your PDF, you can do so using the Graphic element.

  1. You can also add a container in the PDF if you want to display the information using multiple columns.

  1. You can also add text in a Quoted format and a Custom Code in the PDF.

  1. Once you have customized the Design elements in your PDF, you can move on to adding the Data Points you would like to use to fetch the data from your Outgrow content in the PDF you are creating.
  2. To begin with, you can start by adding the Response Details variables in your PDF. These variables will fetch the data from the Lead Form you added to your content.

  1. If you would like to add the answers submitted by a user using your Outgrow content in the PDF, you can do so by adding the Answer variables.

  1. You can add the Results and UTM variables in your PDF as required.

Configuring Style Elements in your PDF

  1. Once you have configured the Design & Data Point elements of your PDF, you can move on to designing the Style elements of your PDF.

  1. You can start by configuring the General Style elements, including Float, Text Spacing Style, and Page Padding.

  1. In the next step, you can configure the PDF Dimensions, including Page Margins, Padding, and Spacing.

  1. You can also configure the Text Alignment, Line Height, and Text Shadow.

  1. You can specify the Background Color, Box Shadow, Page Border, and Background Image for your PDF.

  1. Lastly, you can also configure the Flex settings for the CSS settings in the PDF.

  1. Make sure you click on Publish to save the changes.

If you still have any questions, feel free to use our chat tool on the bottom right or reach out to us at [email protected] and our team can help you with a quick solution.