Personalized Pages - How to Display a Field Value

(0) Share

Report

Posted on by Stephani

Good afternoon,

I followed the instructions on this page to create a personalized page: https://docs.microsoft.com/en-us/dynamics365/customer-engagement/marketing/personalized-page-content

However, I get to this line, and I don't know how to proceed. "Use standard JavaScript techniques to reference and use the values."

Can someone provide me a sample of how to display a personalized field value on the page? What is "standard JavaScript" to do this?

I've already created the personalized page/fields/javascript and put it into the header. I'm looking on how to display the values of those fields on the page.

Thanks,

Stephani

Categories:

Marketing Pages Forms and Surveys

I have the same question (0)

All responses (3)

Answers (0)

cloflyMao 25,210 on at

Like (0)

Report

Hi Stephani,

I've done for a whole process in system landing page. I just display fetched data in a div in the demo.

Here are my notes, you could take them as reference:

1. Identification info will be stored in cookies after user's submit, so you should confirm their browse not disable cookies option.

2. As the bottom sentence in the doc, you need to wait about 30 secs and do not clear cache during this period.

3. Check whether the generated JavaScript code actually embedded in the head tag after save and go live. (I noticed my code disappeared after first save)

4. The embedded JS will work for querying the contact record after submission when user open the page again and you can fetch any fields in the previous sub-grid Fields(whitelist field). They are contained in callback data.

5. Standard JS means you can create any variable to receive callback data and do what you need by native JS code.

Result:

Code:

Regards,

Clofly

Was this reply helpful? Yes No
Stephani on at

Like (0)

Report

Here is where I am confused, I think you used this line to actually display the personalized content right? result.innerHTML = "text" + firstname

That is in the header right?

How do I add the personalized text to the body content? What is the JavaScript or code I need to say "Hello, firstname" in the body of the page?

Was this reply helpful? Yes No
Suggested answer

cloflyMao 25,210 on at

Like (0)

Report

Hi Stephani,

As per my understanding, you can take fields contained in success callback data for personalized content.

Yes, innerHTML is a property of DOM element on HTML page, it's can be used to element display customization, to say "Hello, firstname", simply change the content string at right of innerHTML like: "Hello, " + firstname(from data.Data["firstname"]) ...

We need some basic JavaScript skills to make our personalization.

Here is how did I add the context to the body content, it will be generated at top of marketing page.

My personlization is an image will be shown to contact when its city field equals some value,

Result:

Or you could take callback data to populate fields.

Regards,

Clofly

Was this reply helpful? Yes No