How to capture user properties in Onsite Marketing Radio Button Form? (explained with sample html)

 

User properties in Onsite Marketing Radio Button Form are explained with sample HTML below:

 

This functionality is available in Onsite Marketing – Email Lead Capture.

While creating an HTML we need to define class, name, and value as shown below.

Name is the Property key which needs to be defined on user property schema page &

Value is the Property value which user can select using radio buttons and can be seen on under user properties permalink page.

HTML

 

class=”gender_cap_section”

<input type=radio id=radio3 name=PROPERTY_KEY value=PROPERTY_VALUE />

 

Sample HTML:

 

<input data-forminfo=”form” data-form=”Form-1″ name=”email” data-amplifypoplc-name=”email”
id=”Your_EmaIl” type=”text”
placeholder=”Enter email address…”
autocomplete=”off” value=”” style=”width:85%;margin:0;
border:1px solid #000000;background-color:#ffffff;padding:10px;text-align:left;
font-size:13px;color: #000000;”/>

<p style=”font-weight:300;margin: 5px 0 10px “> This is to help you process orders better.</p>
<div class=”gender_cap_section” style=”padding: 0;width: 100%;float: left;
display: inline-block;clear:both”>
<div style=”padding:5px 0;width: 100%;float: left;display: inline-block;clear:both”>
<p style=”font-weight:700″> Do you have a scanner?</p><br>
<input type=”radio” id=”radio1″ name=”scannerselector” value=”Yes” />
<label style=”font-size: 14px;” for=”radio1″>
<span style=”font-size: 14px;”></span>
Yes
</label>
</div>
<div style=”padding:5px 0;width: 100%;float: left;display: inline-block;clear:both”>
<input type=”radio” id=”radio2″ name=”scannerselector” value=”No” />
<label style=”font-size: 14px;” for=”radio2″>
<span></span>
No
</label>
</div>
</div>
<div style=”padding: 20px 0;font-weight:700;width: 100%;float: left;display: inline-block;
clear:both”>Are you using the scanner to generate manifests?</div>
<div class=”gender_cap_section”>
<div style=”padding:5px 0;width: 100%;float: left;display: inline-block;clear:both”>

<input type=”radio” id=”radio3″ name=”generatemanifestselector” value=”Yes” />
<label style=”font-size: 14px;” for=”radio3″>
<span></span>
Yes
</label>
</div>
<div style=”padding:5px 0;width: 100%;float: left;display: inline-block;
clear:both”>

<input type=”radio” id=”radio4″ name=”generatemanifestselector”
value=”No, but would like to use it” />
<label style=”font-size: 14px;” for=”radio4″>
<span></span>
No, but would like to use it
</label>
</div>
<div style=”padding:5px 0;width: 100%;float: left;display: inline-block;
clear:both”>

<input type=”radio” id=”radio5″ name=”generatemanifestselector” value=”No” />
<label style=”font-size: 14px;” for=”radio5″>
<span></span>
No
</label>
</div>
</div>
<div style=”padding:20px 0 0;width: 100%;float: left;display: inline-block;clear:both”>
<a href=”#” target=”_blank” class=”blue_btn” style=”text-decoration: none;
background: #00BBF2; border: 0 none;
padding: 8px 15px; font-size: 16px; color: #fff; border-radius: 5px; cursor: pointer;
” title=”Submit” data-amplifylc-name=”submitBtn”><strong>Submit</strong></a>
</div>