Creatives

Updated 

Introduction

Creatives are used to style a survey and improve the look and feel of any survey. It helps to design a survey on how a survey should open, placing primary and secondary buttons along with the font, font size and colour of the buttons, etc. You can add images to improve the survey content and design. This helps to ensure a better response rate.

Steps to Create Creatives

For creating the creative, it is important to select the creative type: 

  1. Click Creative.

  2. Select Creative Type.

  3. Click Create New.

  4. Select Creative Type from the In-Apps Survey.

    1. Popup: Popup opens upfront and overlays the screen with a message. 

    2. Embedded: Opens in full-screen mode upon clicking or navigating to the selected section or button in your app. 

    3. Rating Popover: Popover will open at the bottom, showing the first CSAT or NPS question, expanding to full screen on interaction.

Note: You can change the survey directly to customize the embedded and rating popover. Please refer to the Survey Styling document for more details.

​Steps to Create Pop-up Survey

  1. Creative Name: Name the creative.

  2. Direct Display: Check the box to have the creative content displayed directly.

  3. Go to Creative Content:

    1. Upload the Logo: Select from logo from the computer or asset Library. 

    2. Headline: Enter the headline of the creative. 

    3. Content Description: Add content description. 

  4.  Under the Target Button Section add Primary and Secondary buttons name. 

    1. Under Primary Button: Add button name in Button Text. 

    2. Under Secondary Button: Add button name in Button Text.​

Steps to create Pop-up Survey

Pop-up survey steps

Styling

Learn how to Style a Popup Creative Content

  1. Logo: Under the Logo Section there is provision for sizing and vertical padding.

    1. Size: Slide the bar towards the left or right to increase or decrease the size of the Logo. 

    2. Vertical Padding: Slide the bar towards the left or right to increase or decrease the size of the Logo. 

  2. Overlay: Under the Overlay section there is a provision for Color, Opacity and Vertical Padding. 

    1. Color: Click on the Color section to change the color of the Overlay. 

    2. Opacity: Slide the bar towards the left or right to change the opacity. 

    3. Vertical Padding: Slide the bar towards the left or right to change the vertical padding. 

  3. Popup Display:  

    1. Background: Select the background color. 

    2. Border: Select border color. 

    3. Sides: Slide the bar towards the left or right to increase or decrease the slides of the popup. 

    4. Vertical Padding: Slide the bar towards the left or right to increase or decrease the vertical padding. 

    5. Opacity: Slide the bar towards the left or right to increase or decrease the opacity. 

    6. Radius: Slide the bar towards the left or right to increase or decrease the radius.

    7. Shadow Color: Select the shadow color. 

    8. Shadow X Offset: Slide the bar towards the left or right to set shadow. 

    9. Shadow Y Offset: Slide the bar towards the left or right to set shadow. 

    10. Shadow Blur Radius: Slide the bar towards the left or right to blur shadow. 

    11. Shadow Spread Radius: Slide the bar towards the left or right to increase or decrease the radius of shadow. 

    12. Headline Text:  

      1. Text Color and Type of Font: Select the text color and font of Headline. 

      2. Alignment: Select alignment for the text headline. 

      3. Font Size: Select the font size. 

    13. Description Text: 

      1. Text Color and Type of Font: Select the text color and font of description.

      2. Alignment: Select alignment for the text description

      3. Font Size: Select the font size. 

    14. Button: Change the button color background and border color. 

      1. Primary Background: Select the Primary background color. 

      2. Primary Border: Select the Primary border color. 

      3. Secondary Background: Select the Primary background color. 

      4. Secondary Border: Select the Secondary background color. 

      5. Sides: Slide the bar towards the left or right to increase or decrease the sides of the Button. 

      6. Vertical Padding: Slide the bar towards the left or right to increase or decrease the slides of the Vertical Padding. 

      7. Radius: Slide the bar towards the left or right to increase or decrease the Radius. 

      8. Primary Button Text: Select the font for Primary Button. 

      9. Secondary Button Text: Select the font for Secondary Button. 

      10. Alignment: Select the alignment of font. 

      11. Font Size: Select the font size for both Primary and Secondary Button. 

    15. Footer 

      1. Enable sticky footer: Check the box. 

      2. Top Padding: Slide the bar towards the left or right to adjust the top padding. 

    16. Click Create (Create will only create and will not enable).

Note: Preview of the entire content will be visible in the right pane.

Styling

Creative Library

Creative Library hosts all the creatives that are created. Multilpe surveys can use the creatives from the creative library. Creatives can be created on the creative library and distribution can be viewed from the creative library.

Any Pop-up Creative that is created would also appear in the Creative Library.

Note: In creative library embedded can be seen only once, where as pop-ups can be seen multiple times. Rating popover and Embedded will be shown on the top and they will be by default.

Creative Library

Creative Library

Distribution

Clicks Create and Enable to access the dashboard. 

  1. Click Creative Attached and find the creative that is attached. 

  2. Check Distribution Summary for Creative to find the following details: 

    1. Survey Started: Check for surveys started count. 

    2. Total Response: Check for total responses. 

    3. Completion Rate: Check for % competition rate. 

    4. Creatives Triggered: Check for creatives that are triggered.

    5. Abandonment Rate: Check for % abandonment rate. 

    6. Engagement Rate: Check for % engagement rate. 

  3. Click on Custom Range to filter data. 

  4. Click Active or Pause Distribution option to pause the survey or keep the survey active.

    1. Click Pause in the Overview Section to stop all distributions.

    2. Click Dropdown next to Active to pause all InApp Distribution.

    3. Click Pause Distribution by clicking on Vertical Elipses (3 dots) for pausing a specific disribution.

  5. Click View SDK to look for the Knowledge Base Article. 

Note: Pausing will stop the survey or creatives from getting triggered.