Purpose:
To explain how to add an email signup form for NCR Customer Connect.
Solution:
-
Contact
Retail Apps Support Team
and ask to disable the built-in newsletter form (
Mage_Newsletter
).
-
Log into your NCR Customer Connect account and go to
Manage / Subscribe Options
.
-
Click the 'Click here for HTML Form Code' button.
-
Copy the entire HTML form code to use as-is in your online store, or copy only the unique account identifier to paste into one of the code samples below.
-
Log into the NRO Admin Panel for your NCR Retail Online store and paste the signup form code on your site. For example, add the signup form code in the message bar under the dropdown navigation, in the footer area, or in an 'always on top' window in the lower right-hand corner of the screen.
Code Samples
Copy one of the code samples below, and replace the
????????????
with your unique account identifier from your NCR Customer Connect account. Optionally adjust the HTML code as desired.
For the Footer Area:
Select CMS / Static Blocks / Celebrity Theme - Footer Links (Informative), replace the ???????????? value with your unique Customer Connect account identifier, and insert the following sample code:
<!-- START NCR CUSTOMER CONNECT
FORM -->
<div class="ccnews">
<p><span
style="font-weight: bold; font-size: 16px;">Newsletter Sign
Up</span></p>
<p>Sign up for our email
newsletter to stay in-the-know about all of our sales and in-store
events</p>
<form
id="radCCSubscribe"
action="https://www.radiantretailapps.com/CustomerConnect/OptIn.aspx"
method="post" target="_blank"><input
type="text" id="email" name="email"
value="enter your email" onfocus=value=""
class="footer .footer-subscribe .subscribe-input" style="width:
150px; vertical-align: top; " /><button type="submit"
title="Subscribe" class="button" ><span
style="padding: 2px 20px;">Sign
Up</span></button><input type="hidden"
id="a" name="a" value="???????????????" /></form>
</div>
<!-- END NCR CUSTOMER CONNECT
FORM -->
For Header Content Bar (under the Dropdown Navigation):
Paste the following sample code in the Select
CMS / Static Blocks / Celebrity Theme - Content Banner
, replace the
????????????
value with your unique Customer Connect account identifier, and insert the following sample code:
<div class="ccnews">
<h1>NEWSLETTER SIGN UP</h1>
<div class="text">Sign up for our email newsletter to stay in-the-know about all of our sales and in-store events</div>
<div class="arrow"<img src="{{media url="../skin/frontend/default/celebrity/images/newsletter_arrow_light.png"}}" alt="" /></div>
<!-- START NCR CUSTOMER CONNECT FORM --><form id="radCCSubscribe" action="https://www.radiantretailapps.com/CustomerConnect/OptIn.aspx" method="post" target="_blank"><input id="email" class="footer .footer-subscribe .subscribe-input" style="width: 150px; vertical-align: top;" onfocus="value=""" type="text" name="email" value="enter your email" /><button class="button" title="Subscribe" type="submit"><span style="padding: 2px 20px;">Sign Up</span></button><input id="a" type="hidden" name="a" value="???????????????" /></form>
<!-- END NCR CUSTOMER CONNECT FORM --></td>
</div>
For the Floating Window (on the right):
Select
CMS / Static Blocks / Celebrity Theme - Live Support
, replace the
????????????
value with your unique Customer Connect account identifier, and insert the following sample code:
<div style="padding: 10px; width: 120px; background-color: #f5f5f5; opacity:0.8; filter:alpha(opacity=20); color: #1d1c1b;" >
<p><span style="font-weight: bold; font-size: 12px;">NEWSLETTER</span></p>
<p><span style="font-size: 10px;">Stay in-the-know about sales and events</span></p>
<!-- START NCR CUSTOMER CONNECT FORM -->
<form id="radCCSubscribe" action="https://www.radiantretailapps.com/CustomerConnect/OptIn.aspx" method="post" target="_blank"><input type="text" id="email" name="email" value="enter your email" onfocus=value="" class="footer .footer-subscribe .subscribe-input" style="width: 100px; vertical-align: top; font-size: 10px; border-radius: 3px; border:1px solid #ccc;" /><button type="submit" title="Subscribe" class="button" style="border-radius: 3px; border:1px solid #ccc;" ><span style="padding: 2px 20px;">join</span></button><input type="hidden" id="a" name="a" value
="
???????????????
"
/></form>
<!-- END NCR CUSTOMER CONNECT FORM -->
</div>
|