Your Achievements
Level 1
0% to
Level 2
Next /
to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Open Alert Bar

Setting a boolean value to Yes/No for subscription management confirmation

Anonymous
Not applicable
‎03-08-2017 06:30 AM
‎03-08-2017 06:30 AM

Setting a boolean value to Yes/No for subscription management confirmation

Hi. We would like to be able to put a Yes/No next to each preference center option when it is presented in the Confirmation landing page. I've tried the script below without success.  Anyone have any suggestions?  Thanks in advance.

#if (${lead.pCMarketingCommunications} == 1 )

#set ($pcMarketingCommunications = "Yes,")

#if (${lead.pCMarketingCommunications} == 0 )

#set ($pcMarketingCommunications = "No,")

#END

0 Likes
2,645
Reply
14 REPLIES 14
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎03-08-2017 07:35 AM
‎03-08-2017 07:35 AM

Re: Setting a boolean value to Yes/No for subscription management confirmation

Sarah, you can't use VTL (Velocity Template Languagee) on LPs. Velocity is for email personalization.  On LPs, you use JavaScript. But it's not clear why you'd need any kind of scripting for this, since Marketo forms natively handle booleans.

0 Likes
2,391
Reply
Anonymous
Not applicable
‎03-08-2017 08:19 AM
‎03-08-2017 08:19 AM

Re: Setting a boolean value to Yes/No for subscription management confirmation

The native boolean capability is working great.  But for the confirmation landing page, I was hoping to put something more friendly than the 1 or 0 you get if you just use the token.  Below is the mock up (please pardon the ugliness its a non styled test). Going to look into using javascript. Thanks!

pastedImage_1.png

0 Likes
2,391
Reply
Josh_Hill13
Level 10 - Champion Alumni
Level 10 - Champion Alumni
‎03-08-2017 11:51 AM
‎03-08-2017 11:51 AM

Re: Setting a boolean value to Yes/No for subscription management confirmation

Yes, that use case requires javascript/jquery to convert that to a human language.

0 Likes
2,390
Reply
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎03-08-2017 07:45 PM
‎03-08-2017 07:45 PM

Re: Setting a boolean value to Yes/No for subscription management confirmation

To do that simple display manipulation you can use CSS only.

Output the tokens into an HTML data-attribute, like <span data-checkbox-value="{{Lead.Marketing Communications}}"></span>.

Then go like this: http://codepen.io/figureone/pen/e025a2ebfe19e8400deccdf03ababa14/

0 Likes
2,390
Reply
Michael_Oslin
Level 3
Level 3
‎03-09-2017 10:00 AM
‎03-09-2017 10:00 AM

Re: Setting a boolean value to Yes/No for subscription management confirmation

Sanford, what/how do you "Output the tokens into an HTML data-attribute"

So for instance we capture a checkbox on the form for "Company Events" that is then stored on the Lead(person) object as seen below.

How does that get turned into an HTML data-attribute?

eventsCheck_onLeadObject.jpg

<!DOCTYPE html>

<html >

<head>

  <meta charset="UTF-8">

  <title>HTML :: data-attr to after</title>

            <link rel="stylesheet" href="css/style.css">

  </head>

<body>

  <div><span data-checkbox-value="1"></span></div>

<div><span data-checkbox-value="0"></span></div>

    </body>

</html>

Where does the line go?

<span data-checkbox-value="{{Lead.Marketing Communications}}"></span>

Sorry kinda new to all this, trying to get my bearings.

And thanks for your explanations.

0 Likes
2,390
Reply
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎03-09-2017 11:36 AM
‎03-09-2017 11:36 AM

Re: Setting a boolean value to Yes/No for subscription management confirmation

<span data-checkbox-value="{{Lead.Marketing Communications}}"></span>

Yes, like that.

You're injecting a "1" or "0" into an HTML attribute, that's all.

0 Likes
2,390
Reply
Michael_Oslin
Level 3
Level 3
‎03-10-2017 04:16 AM
‎03-10-2017 04:16 AM

Re: Setting a boolean value to Yes/No for subscription management confirmation

Tried it with no luck. This is what I have (just testing for one value currently):

<!DOCTYPE html>

<html >

<head>

  <meta charset="UTF-8">

  <title>HTML :: data-attr to after</title>

            <style>SPAN {{lead.PC-Manhattan Events:default=}}="1"]:after {

  content: "Yes";

}

SPAN {{lead.PC-Manhattan Events:default=}}="0"]:after {

  content: "No";

}

</style>

  </head>

<body>

<p>Test Area</p>

<div><span data-checkbox-value="{{Lead.Manhattan Events}}"></span></div>

    </body>

</html>

You can see the LP's here

using test@test.com for email address

Submission Landing Page URL: http://na-sj19.marketo.com/lp/561-BRX-192/OP-Preference-Center_OP-Preference-Center-Landing-Page.htm...

Confirmation Landing Page URL: http://na-sj19.marketo.com/lp/561-BRX-192/OP-Preference-Center_OP-Preference-Center-Confirmation.htm...

Thank you-

0 Likes
2,390
Reply
SanfordWhiteman
Level 10 - Community Moderator
Level 10 - Community Moderator
‎03-10-2017 11:57 AM
‎03-10-2017 11:57 AM

Re: Setting a boolean value to Yes/No for subscription management confirmation

I don't know what you're trying to do in that CSS, but there's no way it's going to match your <SPAN>.

Please take a closer look at how my demo CodePen page works. You should be placing the {{lead.token}} only in the HTML, not in the CSS. The value is output into the data-checkbox-value attribute on the SPAN.  You don't place it in the CSS: the CSS is static.

0 Likes
2,390
Reply
Michael_Oslin
Level 3
Level 3
‎03-13-2017 01:11 PM
‎03-13-2017 01:11 PM

Re: Setting a boolean value to Yes/No for subscription management confirmation

My mistake - I copied the wrong CSS in the previous example.

It looks like this:

<style>

SPAN[data-checkbox-value="1"]:after {

  content: "Yes";

}

SPAN[data-checkbox-value="0"]:after {

  content: "No";

}

</style>

<p>Test Area</p>

<div><span data-checkbox-value="1"></span></div>

<div><span data-checkbox-value="0"></span></div>

<div><span data-checkbox-value="{{Lead.Manhattan Events}}"></span></div>

0 Likes
2,390
Reply
Home