Customize the layout of the invitation pop-up and survey

Customize the look & feel of the invitation pop-up

We designed Task Analytics to be as minimally invasive as possible while still trying to successfully engage your visitors. One of the ways we do this is by blending into the look and feel of your website. This guide will show you how to style your invitation pop-up like we've done on
The invitation pop-up you are able to customize

Changing the Lay-out of the pop-up invitation

To access the style settings, simply navigate to the Settings screen using the menu in the upper right. You'll need to be in an Admin role for in order to do so.
Select "Settings" to change the lay-out of the invitation
Scroll down or search the page for the STYLES section. There you'll find the options for customizing the invitation pop-up's appearance.
The styles options you use to customize the invitation pop-up
Changing these settings and clicking the Save button will make them live instantly on your website.

Supported Style Settings

We currently support 3 different types of style settings for 3 different types of text used in the invitation pop-up. You can change one or many of these settings.

About the Style Options

Each text type supports the following options:
  • Font Family
    allows you to change the type of font used for display. Note that you can set this to a font family that is available via your websites CSS. For example, the Task Analytics homepage uses "Brandon Text" and we provide that font via our homepages CSS files.
  • Font Weight
    will adjust the weight to either the numeric value or the valid CSS string value, allowing you to make text more Bold for instance.
  • Color
    will alter the color using RGB hex code provided.

About the Text Types

There are three primary types of text used in the invitation pop-up and each can be styled independently.
  • "Text" refers to the body text
    Location of the text of the invitation form
  • "Action" refers to the clickable elements of the form.
    Location of the action elements of the invitation form
  • "Heading" refers to the question heading text used throughout the cards.
    Location of the heading of the invitation form
Finished customizing the invitation pop-up? Preview your pop-up
    • Related Articles

    • Resolve issues with the lay-out of the pop-up invitation

      Are you experiencing issues with the way the invitation pop-up looks? Are buttons unreadable and/or disappearing? Conflicting CSS is causing this unwanted result Task Analytics uses custom stylesheets (CSS) to add styling to the pop-up. When you’re ...
    • Change the position of the invitation pop-up

      You can control where you want the survey pop-up to appear. There are four options in the pop-up positioning to choose from: the top-left corner the top-right corner the bottom-left corner the bottom-right corner Select the position of the invitation ...
    • Preview the invitation popup & survey

      You can check what the survey pop-up will look like and what the user flow will be like. Option 1: Use the preview option in the admin section You can always see a preview of your invitation and the questions you’ve composed in the admin section of ...
    • Adjust the time between visitors entering your website and showing the pop-up

      You can delay the pop-up invitation Task Analytics uses to invite visitors to participate. Doing so allows you to invite visitors after a defined number of seconds. Follow the instructions below to adjust your survey code. Adding a time delay to the ...
    • Only invite visitors on specific pages using trigger paths

      Use trigger paths to control on which specific URL paths the survey should show the survey invitation. This allows you to show the pop-up invitation on specific pages and/or exclude the pop-up invitation on specific pages.  This does not mean the ...