Loading...
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Product Experience
    Product Experience
  • Core XM
    Core XM

Formatting Embedded Targets

What's on This Page:


Was this helpful?


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 Formatting Embedded Targets

The Target of a Creative is where you want your link to appear. An Embedded Target isn’t just a link, but an embedded window where, instead of simply linking out, you show the target site or survey.

Example: I don’t want my Slider to link out to a survey – I want the survey to appear right on the Slider, as seen below. This means the visitor doesn’t navigate away from my webpage.

Adding an Embedded Target to a Creative

  1. Go to the Creatives tab.
    Adding a new or selecting an old Creative in the Creatives tab
  2. Click New Creative to generate a new Creative, or click on an existing one to edit it.
  3. On the new elements toolbar, click the Embedded Target icon.
    Adding an embedded target to a creative in the editor and formatting it
  4. Drag and drop your Embedded Target to the desired size and location on your Creative.
  5. You may also use the toolbar above to adjust dimensions, border, opacity, and more for the Embedded Target.
Qtip: For more on customizing Creatives, see the Edit Creative Section support page.

Eliminating Scrollbars

One of the primary concerns most users have when creating an Embedded Target is fitting it inside the Creative so it doesn’t scroll. Especially if your survey is a single question, it doesn’t hurt the visitor’s experience to make sure the survey fits on the Creative without the visitor having to scroll.

To format the Embedded Target, you will not work in the Website Feedback platform, but primarily in the survey itself.

Question Length

In general, to get a survey to fit onto the Creative, you want to make sure your questions are short and succinct. You shouldn’t sacrifice crucial information, but try not to write overly complicated sentences where a simpler one will do.

Complicated: Consider your experience navigating our website today. From the following options, how would you rate our website?

Simple: How would you rate our website?

In general, keeping questions short and sweet also enhances your visitor’s overall experience, keeping your survey easy to understand and quick to complete.

Space Between Questions

If you want to keep a multi-question survey from scrolling, it’s important to minimize spacing between questions.

We recommend using the Classic layout on the new Look & Feel editor, because it has been designed to reduce white space for an optimized experience with your embedded target.

In the new look and feel, the layout section is selected to the left. Just to the right of that (left side of screen still), Classic option is chosen at the bottom

In the Old Look & Feel menu of your survey, make sure Question Separator is deselected.

Question Separator is selected

You can also change the question spacing within the New Look & Feel menu. Make sure the Question Spacing in the Style section is set to Compact.
image of the style tab in the look & feel editor. The question spacing option is highlighted and set to Compact.

Qtip: Matrix Table questions can take up a lot of space by necessity of their format. But if you must use one, make sure Add White Space is deselected. Whether you select Mobile Friendly or not may depend on the content of your question.

On a Matrix Table in the survey editor, Add White Space is deselected in the question editing pane to the right

Space can also be adjusted between questions if you purchase a branded theme. See the section on Theming below.

Page Breaks

If your survey absolutely needs multiple questions, you can add page breaks between the questions to eliminate scrolling. Instead, the visitor will click a Next button to see additional options.

Font Sizes

To make a survey fit on a Creative, you’ll want to adjust the font type and size. Navigate to the Style section of the Look & Feel menu to change the survey fonts. You can globally edit question or answer text independently of each other.

image of the style tab within the look & feel editor. the question text and answer text fields are highlighted

Headers & Footers

Headers and footers can add extra unnecessary space on your survey. Consider adding logos and such to the Creative instead, and making sure the survey is free of headers or footers.

To do this, go to the General tab of the Look & Feel menu and select Edit on the Header or Footer settings.

image of the general tab in the look & feel editor. The header & footer fields are highlighted and the edit button for changing the header/footer is called out

Theming

Every theme has its own default settings and formatting built into it. Therefore, the theme you pick may affect how much editing you do to make the survey fit in the Embedded Target. Generally, minimalist themes without logos and excess features will take up less room.

To select a theme, go to the Theme tab of the Look & Feel menu and choose an available theme.

image of the theme tab in the look & feel editor. The theme selection panel is highlighted

Qtip: Depending on your brand, you can also purchase a Branded Theme! With a Branded Theme, you can determine more about the question spacing, fonts, color schemes, and more that you want to include in your survey theme. See the linked page for more details.

Custom CSS

You can also add custom CSS in the Style tab of the Look & Feel menu to adjust any theme’s settings, including the spacing between questions.

image of the style tab in the look & feel menu. the custom CSS field is highlighted

Qtip: Qualtrics Support does not support custom coding. You can always try asking our community of dedicated users instead.

Creative Dimensions

There is one change within the Website/Application Feedback platform itself that may help eliminate the scrollbar. Since your survey will be responsive within the Creative, adjusting the height or width of your Embedded Target may impact how your survey will appear. To make this change, you will go to the Edit Creative tab and adjust the Embedded Target within your Creative.

Testing

The most important tool when editing your Embedded Target is the Test Intercept section. Once you make the desired changes to your survey, return to the Test Intercept section and use the bookmarklet to see how your edits will look on the Intercept when it’s live.

Adding an Accessibility Title to the Embedded Target

Adding an accessibility title is a quick and easy way to make sure it is accessible to website visitors who are visually impaired.

  1. Right click the embedded target, or click the embedded target and then use the dropdown arrow in the toolbar.
    Right-clicking on a Feedback Slider's iframe
  2. Select Add accessibility title.
  3. Write the text the screen reader should read when someone navigates to the embedded target.
    New window opens where a title can be entered
  4. Click Save.

FAQs