Web Platform Customization

In this article:


Suggested next article: Additional questions

Introducing Web customization

Want higher response rates? Customize your Kiosk Template to match your brand. It's easier than you think and makes your messages more authentic and engaging.

In this article, we'll show you how to make high-value changes to the defaults, including to your: 

Learn the basics of customization in this video from our Core training. In the script we often use:

  • Survey types as a synonym for Question types
  • Projects as a synonym for Templates

Back to top

Finding your customization options

To locate your customization options:

Click "Edit and send"
Click the "Gear" icon → in your platform's tile
Choose "Customize appearance"
Don’t see a Gear icon?

You won’t see your "Gear" icon until after you've set up the Web platform. Choose “Set up” on the Web platform tile and follow the on-screen instructions to run through the initial setup routine. (See Setting up the Web platform.) 

Back to top

What do you want to change?

  Where to go...
You can...
1 Basic customization Modify the Brand or product name, the Top bar and Button text color schemes
2 Question customization Revise the initial Metric question — (override the wording of the default question)
3 Advanced customization Alter the Intro message above the initial question and change the default Language
4 Comment page customization Edit the Comment question prompt — (adjust the open ended question that follows initial Metric question)
5 Thank you page customization Change the Thank you page — (revise the screen that displays after the survey has been submitted). Note: You can use this page for post-survey redirects
6 Additional questions Add, edit, and reorder up to 10 Additional questions. Note: Additional questions are added separately to each platform

Back to top

1. Basic customization

Basic customization lets you make changes to your Template's:

To make these changes: 

Click “Basic customization”
Required: Edit the Brand/product name → (ex. we entered, "The Women’s Collection")

This required text entry automatically alters the default question. If you don't like the result, change it later in the Question customization section.

Change the Brand color, Button style, and Button shape settings

Change your accent colors by clicking the down arrows and choosing a new color from the palettes. For more precision, enter your brand’s hex color codes (ex. #EF5F1C).

While you are at it, change the button style and shape to fit your web page.
Save your changes!

Brand/product name (required)

If you use the default question, your brand/product name will be inserted into your question automatically. For example, NPS surveys default to,  "How likely are you to recommend [brand/product name] to a friend?" 

  • Adding "the Hem & Stitch Women’s Collection" changes the default NPS question to, "How likely are you to recommend the Hem & Stitch Women’s Collection to a friend?" See how to rewrite your entire question in Question customization.
Consider using Special Properties

Interested in dynamically updating the brand/product name for each Template? Check out our article on Special Properties to learn how.

Brand color

To change the color of your buttons, select your color from the color palette, or enter a specific hex code. Both options are found by clicking the down arrow in the color selection box. The brand color will be consistent through the entire survey experience — all the way to the Thank you page.

Button style

Change the style of your button. For example, outline the button with your brand’s color or add a white center. Change the style of your button. For example, outline the button with your brand’s color or add a white center.

Button shape

Select a shape for your button. And then change the shape of your buttons to align with the look and feel of your web page. Choose between rounded edges, sharp edges, or a circle. 

Why don't I see a change after I select my Button options? 

If you're using an icon-based question type, such as Smileys or 5-star, the button style won't affect your first question. 

However, the Basic customizations will affect future Additional questions based on the question type selected. 

Back to top

2. Question customization

Reword your question text as needed. This will override the default question. 

To edit your question: 

Click “Question customization”
Reword the default question → (ex. add "... or family member?")

Save your changes!

Back to top

3. Advanced customization

Survey language

Delighted supports translation into dozens of languages. The language setting selected here will represent the default language of your survey.

Note: You can always translate the survey dynamically using our Locale special property. Check out this important article on translating your survey!

Intro message

The Intro message lets share how you will use the feedback, signal how long (or short!) the survey will be, and set the tone in your branded voice.

Can I dynamically update the Intro message on a per-person basis?

Yes! Check out our article on Special Properties to learn more.

To change your Advanced settings:

Click “Advanced customization”
Change the “Survey language” setting
Save your changes!

Back to top

4. Comment page customization

Your Template automatically generates an open-ended question following the initial metric question. By default, it reads: 

"Tell us a bit more about why you chose X"

However, you have some compelling alternatives:

A. Comment prompt options
  • Customize the Comment prompt — in other words, write your own!
  • Dynamically include the score from the prior question—by using the variable: {{ survey_response.score }} 
    • For example, for a score of 10 (ex. "What made your experience a 10?") set the comment prompt to "What made your experience a {{ survey_response.score }}?"
B. Skip Comment prompt options If the "Skip comment prompt" box is selected, your respondents will be taken to either your: Note: You can also skip the Comment Prompt for specific score group, such as Promoters. To learn more, review our Special Properties article.

To edit your Comment page:

Pick "Comment prompt”
Option A: Enter a new “Comment prompt” → and click "Save changes"
Option B: Choose "Skip comment prompt" → and eliminate the page altogether. (Uncheck to restore the page)
Save changes
Can I move the Comment question to follow my Additional questions?

It’s not possible to move the built-in Comment question prompt in the survey flow.

However, there is a workaround!

1. Skip the Comment question prompt as explained above
2. Create your Additional questions
3. Create a "free response" type Additional question and place it anywhere you like — first, last, or in the middle. (See Additional questions for more details.)

Back to top

5. Thank you page customization

To reword your Thank you page, which is the message that appears after a recipient takes a survey:

Click "Edit and send"
Open the "Gear" icon → seen to the right of the platform tile
Select "Customize thank you message"
Pick either "Same message for everyone" or "Different messages based on score"
Enter your message
Optional: Enter Link texts and Link URL
Save your changes!

Can I skip the Thank you page or use it to generate referrals?

Yes and yes!

Pop on over to Thank You Pages in this Help Center to learn about the options.

Back to top

6. Adding and editing Additional Questions

You can add up to 10 custom — yet optional — Additional questions to your Web Template. These questions will follow your initial survey question and comment prompt. 

If you are new to Additional questions, be sure to catch the video in the introductory section. It's five minutes long and guaranteed to give you a massive head start.

Back to top

Can I remove the "Powered by Delighted" link?

Not currently.

We include the "Powered By Delighted" link as a trustmark, allowing your respondents to learn more about our survey platform and the security and privacy policies associated with the Delighted brand.

Back to top

Can I have a dark background for the web survey?

The core survey flow (the first metric question and the comment page) will always have a light background, as the survey sits at the bottom of the page and will not be disruptive on your site. If you'd like the Additional Questions modal, which pops up to cover your site page, to have a dark background, you can set the darkBackground parameter to true in the web snippet. Read more about this parameter on the web documentation page.

Back to top

Still need help? Contact Us Contact Us