Skip to main content
Loading...
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Product Experience
    Product Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

Feedback Button Creative

What's on This Page:


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


About Feedback Button Creatives

The feedback button is similar to feedback tabs and sliders, enabling you to make accessible creatives responsive to different device sizes. This creative makes it much easier to quickly add feedback buttons for your websites.

Designing a Feedback Button

Setting up the Feedback Button Creative

Once you have access to this feature, the Feedback button is available alongside other creatives. You can choose to build your feedback button with the guided Website Feedback setup, or you can build your feedback button on its own by scrolling down to the piece by piece section.

Qtip: For help deciding whether to build your creative with the guided setup or piece by piece, see Choose How You Want to Collect Feedback.

Feedback button in the guided setup selection screen

Feedback button in the list of creatives

Once you select the Feedback button, you’ll have the option to name your creative.

Naming a feedback button in the guided setup

Look & Feel

Qtip: This is separate from the Look and feel editor of Qualtrics surveys.

In the Look & Feel section, you can customize the overall look and feel of the creative as follows:

Look & Feel section of the Web feedback button

  • Button position: Configure where the button should appear on the webpage.
  • Button text: Specify the text on the button.
  • Button icon: Choose the icon that you would like to show on the button to the left of your text.
  • Text color: Choose the color of your button text.
  • Button color: Choose the color of the button itself.
  • Button shape: Configure the border radius of your button. This determines how rounded the corners are.
  • Use my own button: Upload your own image to use as the button. You have the option to use the image size as-is or resize it to the appropriate size. If you use your own button, you will get a field where you can enter alt text for it, for use with screen reading technology.
    Accessibility box for the use your own button

All the above options can be separately configured to control how the feedback button will display for desktop web vs. mobile web browsers – using the Web (Desktop) or Mobile web tabs.

For Mobile web, there is also an option to completely disable this creative, if needed. Select Don’t show this button on mobile browser to turn it off for mobile.

Mobile web feedback button

Survey Display

In the Survey display section, you can control how the actual survey shows up once the user clicks on the feedback button.

Survey display section for the feedback button in Web

The survey display options for Web (Desktop) are:

  • Web display:
    • Slider: The survey will show up in a slider that slides in and out. If you have add an icon to dismiss the feedback button enabled, clicking the X will dismiss both the slider and feedback button (e.g., the entire creative will disappear from the screen).
    • Overlay: The survey will show up in an embedded window. You will also be able to set the darkness level of the overlay with the Fade background field. If you have add an icon to dismiss the feedback button enabled, clicking the X will dismiss the embedded survey, but you’ll still see the feedback button and be able to re-select it, if desired.
    • New window: The survey will show up in a new window.
  • Survey size: Control the survey size (height) on your page in terms of percentage of overall page height. Only an option if you choose Slider for web display.
  • Add an icon to dismiss the feedback button: Add the option for users to make the feedback button go away.
  • Iframe title: If you’ve added an embedded target to your corresponding intercept, add a title that screen readers can interpret.

Survey display for mobile web feedback button

The survey display options for Mobile web are:

  • Mobile web display:
    • Pull up: The survey will show up in a pull-up window that will cover a part of the screen. If you have add an icon to dismiss the feedback button enabled, clicking the X will dismiss the embedded survey, but you’ll still see the feedback button and be able to re-select it, if desired.
    • New tab: The survey will show up on a new browser tab. If this is selected, you will not have the option to add an iframe title because you will navigate to a new browser tab for the survey instead.
  • Iframe title: If you’ve added an embedded target to your corresponding intercept, add a title that screen readers can interpret.

Translations

Add translations for your button text. See Translating Feedback Buttons & Responsive Dialogs for step-by-step instructions.

Translations section for the feedback button

Qtip: There are options for iFrames under the Translations tab that can help you create an accessible container for your survey.

Saving and Publishing the Feedback Button Creative

As you add changes to the feedback button creative, please be sure to periodically save your work by clicking on the Save button on the top-right hand corner, just above the preview area.

Once you are ready to publish your creative, click on Publish. This will make it so that you can push the creative live to your mobile app.

Configuring Intercepts

Feedback button creatives can be used with standard intercepts. Just make sure that when you set the intercept’s creative, choose the specific creative under the Feedback button section.

Configuring an intercept with a feedback button

Feedback Button Changes

Attention: If your feedback creative has different options than what is displayed on this page, or if it was created before September 27, 2019, chances are it is an entirely different creative called the feedback tab (not the feedback button). This is an older creative that is technically a different creative than the one described on this page. You can no longer create the older Feedback Tab, although if you created one in the past, it will never be deleted or disabled.

However, we encourage you to create a new feedback button and try the experience described on this page. This new version is user-friendly and accessible without the need for additional JavaScript-based updates that were required in the past. For example, you can easily set different desktop and mobile options right inside the creative, instead of having to use separate creatives customized with unique actions in an intercept.

FAQs