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

Edit Creative Section

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 Editing Creatives

If you’re using one of the other creative types and generated a new creative or clicked an old creative, you will be directed to the Edit section.

Edit section of the creative editor

If you have generated a new creative or clicked an old creative that’s a Responsive DialogFeedback Button, or Embedded Feedback, you will be directed to the Design section of your creative.

Design Section of the Creative

In both the Edit and Design sections, you can add content to your creative and design it any way you like.

While all creative types are unique, most use the same basic editing functions. For information on options unique to a certain creative, go to that specific creative’s support page.

Moving Elements Around

In the Edit section, you’ll notice an editing space where you can build and modify your creatives. You can move elements around by simply clicking and dragging them to the new desired position.

Click and drag to move text

The following shortcuts will make it easy to make smaller, more precise adjustments:

  • With any element selected, press or  on your keyboard to move it up, down, left, or right by mere pixels.
  • With any element selected, press Shift + to nudge it up, down, left, or right to move content a by larger distance (several pixels) at a time.
  • Press Ctrl + H (Command + H on a Mac) to highlight all elements on your creative. This is helpful when you need to see where elements are overlapping. Use the same keys to remove the highlights.

New Element Toolbar

You can add content to your creative by using the floating toolbar.

Adding content to a creative editing bar

Box

The box is useful for adding a background to your creative, on which you can add other elements. You can also double-click on the box to add text.

Box option

Text Box

Display invitations, instructions, and other written content on your creative using the TextBox.

Text box option in the creative

Close Button

Add a button that will close the creative when clicked. This is not available for all creative types.

X button to close the creative

You’ll notice that when you create a Close Button, you can select a button style from the toolbar along the top.

If you want, you can replace the close button with text instead. Just double-click the close button, highlight the button icon, and either delete the icon or begin typing to replace the icon with text.

On the left, the close button image is highlighted. On the right, it has been replaced with text.

Target

Add a link that will direct visitors to your Intercept’s Target. This link is unique because its destination is not set until you are building your Intercept. This allows you to reuse your creative in multiple situations, each with its own Target. Double-click on the Target to change the text, insert an image, or make other visual changes.

Adding a survey link to your creative

Embedded Target

Rather than visitors clicking on a link, which takes them to the Target website (usually a survey), the Embedded Target allows you to display the target within your creative.

Embedded Target icon on the toolbar, a link in a dotted border; an element that says Your Intercept's target will appear here

Image

Insert a general image into your creative. This is useful for branding purposes as well as for drawing visitors’ attention to your creative.

Adding an image to the creative

Qtip: Qualtrics supports JPG, PNG, and GIF images 16MB in size or smaller. For the best user experience, we recommend using PNG files and keeping images below 1MB.

 

Selected Element Options

After clicking on an element, you can toggle the element options along the top of the workspace. Note that these options may change depending on the type of element selected.

Editing toolbar at the top of the creative editor

Background & Border

Click the background or border options to open a color palette.

The colors set in the border and background color button along the top toolbar corresponds to the border color and background color of the text box indicated

Once you click either the background or border button:

Color palette

  1. Pick a color manually from the palette.
  2. Enter a HEX color code – for example, you may want to match your company’s color scheme exactly.
  3. Click the clear button to set the color as transparent or remove your color/image entirely.
  4. Click the image icon to insert a repeating background image.

Insert Graphic window

Width & Height

Set the size of your element. Note that you can also click and drag the corners of your element to resize. Using the Width and Height option is appropriate if you need to specify an exact pixel size.

width and height fields in the toolbar along the top

Border

Set the thickness of the border for your element.

border field in the toolbar along the top

Opacity

Set the transparency level for your element. By default, it will be 100%, which means it is not at all transparent. The lower the value, the more transparent.

Because the Opacity field is set to 50 percent, the yellow in the body color icon is brighter than the yellow on the selected button

Element Options Dropdown

Click the dropdown menu on the right for extra options, similar to what you’ll see if you right-click the element. Click the Element Options dropdown to:

Additional options drop down menu

  • Bring Forward: Bring an object forward one layer. For example, if you accidentally cover something up, you can select Bring Forward until it’s back on top.
  • Send Back: Put the image layer back one. For example, if you accidentally insert a background last so that it covers the other elements, select Send Back until it goes behind all the other elements.
  • Select Image: Insert an image. This option is only available for Targets, so you can make a pre-made button you’ve saved to your computer into a link.
  • Edit Content: Edit the text. The same as double-clicking an item.
  • Add Event: See our page for Event Triggering and Event Tracking.
  • Embedded Data: Add information to the end of your Target link that you want to capture. See the Embedded Data page for more instructions. This option is only available for Targets.
  • Delete Element: Delete the element.
  • Snap to Grid: Enable this to have elements move pixel by pixel and not allow them to be moved anywhere by a fractional pixel.

Rich Content Editor

When you double-click on an element, the Selected Element Options will be transformed into a Rich Content Editor.

Excluding the features discussed below, this Rich Content Editor has the same features and layout as the Rich Content Editor in the Survey Platform. For more information, refer to our Rich Content Editor support page.

rich content editor for creatives

  • The Source option allows you to edit the HTML of your content directly. This is useful if you need exact control over the content of your creative.
    source in the rich content editor
  • The Piped Text icon allows you to display dynamic content so that the creative is customized for each visitor.
    piped text button first in the rich content editor. looks like an uppercase A surrounded by French brackets

The following information can be displayed through Piped Text

  • Design Creative: This type of Piped Text has 1 option called Time Until Close Timer. If you are using a Pop Over or Info Bar creative and have set up Close After settings, this timer will count down until the creative closes.
  • HTML Element: Enter the ID of an HTML element. When your webpage loads, Qualtrics will search for that element on your page, and display the content on your creative.
  • URL Parameter: Enter the name of a parameter on the URL of your web page. Qualtrics will display the value of that parameter on your creative.
  • Cookie Value: Enter the name of a cookie stored by your website on the visitor’s browser. Qualtrics will display the value of that cookie on your creative.
  • JavaScript Expression: Enter a line of JavaScript and Qualtrics will display the result of your JavaScript on the creative.
  • Web Service: Enter a web service URL to connect your creative to an external web service. Qualtrics will send a request for information to that web service and will display the returned information on the creative.
  • GeoIP Location: Select to display the visitor’s Postal Code, City, State/Region, Area Code, Country Name, or Country Code on the creative.

Creative Selection Menu

When you enter the Edit, Options, or Statistics sections, a menu will appear to the left listing all the creatives you’ve made in the project. You can switch easily between creatives by clicking their names.

Creative selection menu on the left side of the screen

Using the Search bar, you can search creatives by name, or change the Sort by Date dropdown to sort your creatives by a different criteria.

Mobile App Prompt creatives are not included in this list.

FAQs