Skip to main content

It's really important to make engagements to be attractive and more brand driven. So, to make that to happen we can add background images to our Surveys which ever we are sharing to our users.

As a Solution, Here are the steps to follow to add background images to surveys:

  1. Start with Logging in to your PX instance then
  2. Go to Engagements Page next
  3. Create any Survey (NPS/CES/Rating/Boolean/MultiQuestion) soon after
  4. Add your Audience rule thereupon
  5. Go to Templates next
  6. Select any template later
  7. Go to CSS tab on the right side and then
  8. Select Survey Tab soon after

Add below code at the bottom of the code: 

 

.apt-engagement-wrapper.px-engagement-wrapper-survey.px-engagement-wrapper, .survey-editor-step{ background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSrxF5YWdIi0aZRDL6k_hHrnp9KPF3N34z11w&usqp=CAU") !important; }

 

Then based on the image address you mention you can see that image as background for the survey as below:

 

 

 
 
 
 
 

Thanks, @Ram! This is great! 

That’s cool, @Ram! Question from a newbie regarding CSS and the image … Do I need to use a specific type of image-hosting website? I would also need to have the image licensed for use, correct? Basically, I’m unsure where/how I would host the image I want to use.

 

Appreciate your guidance!

Hello @JayS 

 

Please find my comments inline:

  1. We can use any image-hosting website or it could be hosted on any of your servers from where all the Audience of the engagement should be able to view it.
  2. With regards to the License, it depends on the image that you are using and PX won’t restrict even if you don’t have license and it is available for all the engagement audience users.

Reply


Terms & ConditionsCookie settings