AQ11 Web customization update
In this article:
FAQs
- Can I customize and edit a CX project that's already collecting responses?
- What format and file size should I use for logos or images?
- Can I remove the "Powered by Delighted" link?
Suggested next article: Distribution Platforms & Sending
Craft engaging Web surveys
Compose high-impact Web surveys with custom branding, targeted questions, and engaging touchpoints. This guide unlocks powerful edits and customizations to make your surveys stand out on any device. Even small changes can have a big impact.
To locate your Web platform's customization options:
- 1
- Choose "Edit and send"
- 2
- Click the "pencil" icon
-
-
Don’t see a pencil icon? You will not see the "pencil" icon until you've set up your Web platform. To get started, choose “Set up” on the platform tile and follow the on-screen instructions.
What do you wish to customize and edit?
Seamlessly adjust every detail (1-8) on our user-friendly Web platform customization page. You'll find everything you need to create powerful, personalized survey experiences.
This table unlocks each option marked above. Click the links for step-by-step guides.
Option |
Learn how to . . . | |
1 | Branding | Modify the Brand/product name, Brand color, Button style, and Button shape ![]() |
2 | Metric question | Revise the initial Metric question — (overriding the default question) ![]() |
3 | Translation | Change the default Language ![]() |
4 | Comment page question | Edit the primary Comment question's prompt — thereby changing the open ended default question following the primary Metric question. Note: You can Skip the comment question and go straight to your Additional questions or Thank you page![]() |
5 | Additional questions | Add, edit, and reorder up to 10 Additional questions. Note: Additional questions are added separately to each platform ![]() |
6 | Thank you page | Change your Thank you page message and add an optional link. Notes: You can use this page for post-survey redirects. You can also Skip the thank you page![]() |
7 | Change your CX Metric question | Change your CX Metric question selection — say from NPS to CSAT or CES etc. ![]() |
8 | Preview both Mobile & Desktop | Toggle between Mobile and Desktop previews with a click! ![]() |
1. Branding
The Branding section allows the following changes to your CX project:
- Brand/product name (Required)
- Brand color
- Button style
- Button shape
To make these changes:
- 1
- Click “Branding”
- 2
- Required: Edit the “Brand/product name” → (ex. 'Our Fabulous Food')
-
Note: This step alters the metric question. Click to see how to edit your Metric question
- 3
- Change the Button color
- 4
- Click “Button style” → to a transparent white or filled color background
- 5
- Click“Button shape” → and chooses between rounded, squared, or beveled buttons
-
Button color, style, and shape demo
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). - 6
- Save your changes!
Brand/product name (required)
Entering the Brand/product name is required and modifies your Metric question. If you don't like the wording of the question, change it under the Metric question menu:
- 1
- Your brand/product name will appear in the Metric question
- For example, Adding 'Our Fabulous Food' will change the default NPS question to, "How likely are you to recommend 'Our Fabulous Food' to a friend?"
- 2
- See how to change your entire question in the Metric question section
-
Consider using Special Properties Interested in dynamically updating the brand/product name for each CX project? 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.
Button shape
Select a shape for 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 Metric question.
2. Metric question
Reword your primary Metric question as needed. This will override the default question.
To edit your question:
- 1
- Click “Metric question”
- 2
- Reword the default question → (ex. add "... or family member?")
-
- 3
- Don't forget to Save your changes!
3. Translation
Delighted supports translation to dozens of languages. The language setting set 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 article on translating your survey!
To change your language:
- 1
- Click “Translation”
- 2
- Change your “Survey language” setting
-
- 3
- Save your changes!
4. Comment page question
Your project 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 |
|
B. Skip Comment prompt options | If the "Skip comment prompt" box is selected, your respondents will be taken to either your:
|
To edit your Comment page:
- 1
- Pick "Comment question”
- 2
- Option A: Enter a new “Comment prompt”
-
- 3
- Option B: Choose "Skip comment prompt" → and eliminate the page altogether. (Uncheck to restore the page)
-
- 4
- Click "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.)
Note: You can also skip the Comment Prompt for specific score types, such as Promoters. To learn more, review our Special Properties page.
5. Additional questions
Click the Additional questions tab to insert up to 10 custom — yet optional — Additional questions to each CX survey platform.
These questions will follow your initial Metric question and Comment question. (Note: Remember, you can Skip the Comment question and go straight to your Additional questions if you find that to be a better strategy.)
-
Ready to explore Additional questions in depth?
Visit our Additional questions article for a comprehensive guide.
6. Thank you page
The Thank you page displays a default message after a recipient takes a survey. The default reads, "Thanks, we really appreciate your feedback."
However, this message may not meet your needs. Plus, there are other very important options — all of which can be altered quickly!
- Deliver the "Same message for everyone"
- Show a Different message" based on the score selected in the primary Metric question
- Add a follow-up "Link URL" either back to your website or to another location
- "Skip" the thank you page altogether
-
Visit our detailed Thank you page article
Since there are so many nuances, we've created a detailed self-Help Center article covering every possible change. Jump to our Thank you page article to learn more.
To edit your Thank you message:
- 1
- Click "Edit and send"
- 2
-
Open the "pencil" icon on the Web tile
-
- 3
- Make your changes → (ex. Craft separate messages for Promoters, Passives, and Detractors for an NPS Metric question)
-
-
Can I skip the Thank you page or use it to generate referrals?
Yes and yes! Just click "Skip thank you message."
Pop on over to Thank You Pages in this Help Center to learn about the options.
7. Change your CX Metric question
You can change your primary Metric question — as long as you are still in the process of Customizing your survey.
For example, you can change an 11-point NPS Metric to a 5-point CSAT Metric question as suggested in steps 1-6 below.
- Once you send the survey and receive responses, you can't change the Metric.
To change your primary Metric question:
- 1
- Select the "Primary questions" tab
- 2
- Click "Change your CX Metric" → seen at the bottom of your customization preview
-
- 3
- A menacing sounding box will appear alerting you of the consequences! (Don't panic. It just says you'll be starting your surveys' customization over again.)
-
Click "Delete this project → followed by the "Create new" button
- 4
- An even more threatening page will appear! This time with a bright red button, asking, "Are you are serious!" Are you? If so, click "Delete this project"
-
- 5
- As you return to the Platforms page, select a different Metric question and start Branding again. (Now, that wasn't so bad, was it?)
-
8. Preview both Mobile & Desktop
Simply toggle between your "Desktop" and "Mobile" views to see how your survey will appear on different devices.
Can I edit a CX project that's already collecting responses?
Yes! Of course.
While you can't change your primary Metric question after you've sent and shared your survey (see Change your CX metric question) you can still change your Branding, fix spelling errors, add Additional questions, change the Thank you message, and a host of other things.
To make changes to an existing project:
- 1
- Click "Edit and send"
- 2
-
Open the "pencil" icon for the Web platform
-
- 3
- Choose any of the editing options → and edit away!
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.
888
In this article:
FAQs
- Can I remove the "Powered by Delighted" link?
- Can I have a dark background for the web survey?
- Can I move the Comment question to follow my Additional questions?
Suggested next article: Additional questions
Introducing Web customization - Note:
-
This page is being revised... Expect an updated version Friday.
For now, visit CX Customization Basics for all the steps.
Want higher response rates? Customize your Web survey 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:
-
- Initial survey question
- Open-ended follow up comment
- Additional questions
- Thank you page
-
Learn the basics of customization in this video from our Core training.
Finding your customization options
To locate your customization options:
- 1
- Click "Edit and send"
- 2
- Click the "Gear" icon → in your platform's tile
- 3
- 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.)
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 |
1. Basic customization
Basic customization lets you make the following changes to your CX project:
To make these changes:
- 1
- Click “Basic customization”
- 2
-
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.
- 3
- 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).
- 4
- 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 CX project? 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.
2. Question customization
Reword your question text as needed. This will override the default question.
To edit your question:
- 1
- Click “Question customization”
- 2
-
Reword the default question → (ex. enter "How likely are you to recommend The Women's Collection to your friends and family members?")
-
- 3
- Save your changes!
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:
- 1
- Click “Advanced customization”
- 2
- Change your “Survey language” setting
- 3
- Save your changes!
4. Comment page customization
Your CX project 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 |
|
B. Skip Comment prompt options | If the "Skip comment prompt" box is selected, your respondents will be taken to either your:
|
To edit your Comment page:
- 1
- Pick "Comment prompt”
- 2
- Option A: Enter a new “Comment prompt” → and click "Save changes"
- 3
-
Option B: Choose "Skip comment prompt" → and eliminate the page altogether. (Uncheck to restore the page)
-
- 4
- 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.)
5. Thank you page customization
To reword your Thank you page, which is the message that appears after a recipient takes a survey:
- 1
- Click "Edit and send"
- 2
- Open the "Gear" icon → seen to the right of the platform tile
- 3
- Select "Customize thank you message"
-
- 4
- Pick either "Same message for everyone" → or "Different messages based on score" (ex. "Detractors")
- 5
- Enter your message
- 6
- Optional: Enter your "Link text"
- 7
- Optional: Enter your "Link URL"
- 8
- Save your changes!
-
-
Can I skip the Thank you page or use it to generate referrals?
Yes and yes!
Pop on over to our Thank You Pages article to learn how!
- Visit the Additional questions page to learn all the ins and outs.
6. Adding and editing Additional Questions
You can add up to 10 custom — yet optional — Additional questions to your Web survey. 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.
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.
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.