Loading...
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Product Experience
    Product Experience
  • Core XM
    Core 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 a 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.

Feedback button is third option on creating new creative window

Once you click Create Creative, there are two areas that you can customize before setting up your intercept: Size & Style and Animation.

Look & Feel

Qtip: This is separate from the Look & 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 selected to left

  • 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.
    Alt text field appears below

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.

Showing aforementioned button (first option under) on mobile web tab

Survey Display

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

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.

Clicking mobile tab once inside survey display. This tab can be selected in left portion of page; it's the tab on the right

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, last in left menu

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.

Selecting the creative, and then highlighting over feedback button to select the feedback button creative

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