Adding images in the thank you page in Voice of Customer in Microsoft Dynamics 365 for Customer Engagement

January 25 2019

Microsoft's Voice of the Customer (VoC) application, part of Dynamics 365 for Customer Engagement, empowers users to create surveys without the need of a third-party product.

Some elements of the experience can be configured in VoC like logos and custom images. The theming layer allow users to edit a survey's look and feel with custom colors and other details using CSS to align with the organization's brand.

In this article, we'll take a look at how to customize a response page and setup a redirection link to the thank you page.

The problem: Customizing a thank you GIF image

One of our retail industry clients had a requirement of adding a "thank you" GIF image and another linked image to their survey thank you page. When clicked, the linked image would take the survey respondent back to the first page of survey. But VoC has no such default customization functionality on its thank you page.

Solution

Since it is not possible to meet this requirement using VoC alone, we tricked the program with CSS. Here's what we did:

1. Go to active surveys and click the survey that you want to modify.

click_the_survey_you_want_to_modify2. Go to survey designer and select "Complete Page," which is the page seen upon completion of the survey. The survey designer section shows your complete survey, with all elements. You can design your survey here with desired questions, their types, and can even add pages to your survey. The thank you page, or complete page, is the last page of the survey and the one in need of customization, per the customer's requirements.  I added some "descriptive text" here. Text in the footer is the redirection link, and I marked it as a footer to separate it from the main section here. I used CSS to hide the text "footer" and add an image which will be clickable to the first page in the next steps.

configure_the_complete_page_in_survey_designer3. Here is the survey's first page:

About Ankit Gupta

Ankit is a Senior Web developer in CloudFronts Technologies. He has an experience of over 8 years in the website development domain and has been extensively involved in hundreds of live projects. He has been diligently working in the CloudFronts on creative developments especially related to marketing and branding activities.

CloudFronts is a Microsoft Certified Gold Partner which offers complete Dynamics 365 (CRM, Operations and Financials) implementations, Power BI Analytics, Office 365 and Azure Infrastructure services. The team has deep expertise in delivering and supporting the customers through all aspects of their implementation from strategic technology consulting and roadmap, requirements assessments, project implementation, training, migration to post go live managed services and support. CloudFronts’ commenced its operations in the year 2012 to empower organizations around the world, do more with technology.

Check out our customer success story here: https://www.cloudfronts.com/customer-success/

Stay updated on our LinkedIn page: https://www.linkedin.com/company/cloudfronts/

More about Ankit Gupta