8

Dynamic Logo Change for Qualtrics Survey using Embedded Data

 1 year ago
source link: https://blogs.sap.com/2022/11/29/dynamic-logo-change-for-qualtrics-survey-using-embedded-data/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
November 29, 2022 3 minute read

Dynamic Logo Change for Qualtrics Survey using Embedded Data

In this blogpost I would showcase how to change logo dynamically for a Qualtrics survey. We have situations where we would need to change the logo for the same survey or reuse the survey for different customers. In such a situation we can make use of embdedded data to pass the image.

You can refer to the below Qualtrics support link for more details on Embedded Data.

https://www.qualtrics.com/support/survey-platform/survey-module/survey-flow/standard-elements/embedded-data/

Demo Scenario

Create a simple survey first. There are ample blogs and documents for the same. You can refer the below link for more details on that.

https://www.qualtrics.com/support/survey-platform/my-projects/creating-a-project/

Next, create two embedded data field.

Go to Survey Flow, and click on add below. Select Embedded data.

Capture-36.png

Add the fields necessary. And move the embedded data block to the top as we need this at the launch of the survey.

Capture-37.png

Next, set the conditions as below:

Capture-38.png

Now we have the CompLogo parameter which will receive the image path/url and we will put it in the image tag by passing it to BrandImage field.

Once we publish the survey, the response would be as below. There wont be any logo.

Capture-39.png

Next, we assign the BrandImage Field value to Header in General Options in Look and feel settings.

P.S. We actually assign the logo to header field, not the Logo options. 

Capture-40.png

Once this is done and activated, we are ready to pass the image URL in the survey URL. To do it, we have two options.

  • Use image url we received from the web
  • Upload Images to Qualtrics Graphic Library

For the first option, I will use a random bestrun image src I received from the internet. https://www.kindpng.com/picc/m/197-1977866_sap-the-best-run-logo-hd-png-download.png

We pass the image url in the field CompLogo. The below screenshot with response shows the embedded data field CompLogo being passed with the image URL.

Capture-42.png

In the above image, the logo is not sized properly, and it is spread across the page. We can fix this in the embedded data. Go to Survey Flow and do the following changes in BrandImage value. Use the div tag to get the image to center and set the width and height for image src.

Capture-44.png

Now the survey preview would look as follows:

Capture-45.png

Another option is to upload images to Qualtrics Graphic Library and use the URL in the CompLogo Field.

Capture-46.png
Capture-49.png

Choose the URL of the image and pass that to the Survey URL Field CompLogo.

Capture-48.png

This is how we can dynamically change the logo for the survey at runtime.


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK