Записи участника (Krem-Brule) (Форум аццкого кодера)

Так мы называем регистрацию, которая не выглядит как отдельный процесс и происходит по мере выполнения важных действий. Обычно, для мягкой регистрации нужен только адрес электронной почты, чтобы отправить на неё пароль и приглашение войти на сайт. Если человеку это не нужно, то он просто удалит это письмо или проигнорирует его, однако для сомневающихся это создаст ещё один путь входа на сайт, что достаточно сильно влияет на эффективность регистрации.
Мы часто применяем мягкую регистрацию как основной способ интеграции человека как раз благодаря тому, что он не смущает посетителей и позволяет пользователю быстро войти на сайт.
В качестве примера можно привести мягкую регистрацию в процессе оформления заказа на сайте интернет-магазина. Магазин неизбежно спрашивает человека его электронный адрес для того, чтобы можно было с ним связаться и подтвердить заказ. Так почему бы не использовать его для мягкой регистрации?
Если посетитель ранее не вводил эту почту на сайте, то ему придёт сразу пароль для доступа к его личному кабинету с массой дополнительных полезных возможностей, а если вводил, то просто напоминание о том, что аккаунт с такой электронной почтой уже существут и можно привязать заказ к нему.
Главное — не давить. Мягкой эта регистрация называется из-за того, что помогает человеку сделать выбор и упрощает ему жизнь, а не навязывается.
Этот способ позволяет вовлечь человека в процесс регистрации так, что он ему понравится, даже если он его заметит. А постепенное вовлечение — сильная штука, гораздо более эффективная, если сравнивать с обычной формой регистрации.
Обычная регистрация почти не работает, по сравнению с другими способами, если проект действительно массовый и направлен на самую широкую аудиторию с невысокой компьютерной грамотностью.

<form id="checkout-form" method="POST" action="" class="methods-list" onsubmit="return shopCheckOut();">
<input type="hidden" name="mode" value="order" id="checkout-form-mode">
<input type="hidden" name="ssid" id="checkout-form-ssid" value="573603603673570607662">
<input type="hidden" name="payment_id" value="9" id="payment_id">
<input type="hidden" name="delivery_id" value="2" id="delivery_id">

<div class="of">
<table border="0" width="100%" cellspacing="2">

<tr>
<td></td>
<td class="descr1"></td>
</tr>

<tr>
<td><span class="label">Телефон:</span>
<input type="text" class="fw text" name="fld2" id="order-fld-2" maxlength="12" onFocus="$('#ft1').fadeIn()" onBlur="$('#ft1').fadeOut();document.getElementById('siF14').value=this.value.replace(/(\+|\.)/ig,'u');document.getElementById('siF15').value=this.value.replace(/(\+|\.)/ig,'u');document.getElementById('siF2').value=this.value;"></td>
<td class="descr1"><div id="ft1">без пробелов <br>заполняйте обязательно</div></td>
</tr>
<tr>
<td><div><span class="label">E-mail:</span>
<input type="text" class="fw text" name="fld4" id="order-fld-4" onFocus="$('#ft2').fadeIn()" onBlur="$('#ft2').fadeOut();document.getElementById('siF13').value=this.value.replace(/(@|\.)/ig,'-');document.getElementById('siF17').value=this.value;"></div></td>
<td class="descr1"><div id="ft2">пришлём подробности о заказе, <br>заполняйте обязательно</div></td>
</tr>
<tr>
<td>
<div>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100"><span class="label">Фамилия</span></td>
<td width="100"><span class="label">Имя</span></td>
<td width="100"><span class="label">Отчество</span></td>
</tr>
<tr>
<td width="100"> <input type="text" class="fw text" name="fld7" id="order-fld-7" onFocus="$('#ft3').fadeIn()" onBlur="$('#ft3').fadeOut();document.getElementById('siF16').value=this.value;"></td>
<td width="100"> <input type="text" class="fw text" name="fld24" id="order-fld-24" onFocus="$('#ft3').fadeIn()" onBlur="$('#ft3').fadeOut();document.getElementById('siF3').value=this.value;"></td>
<td width="100"> <input type="text" class="fw text" name="fld25" id="order-fld-25" onFocus="$('#ft3').fadeIn()" onBlur="$('#ft3').fadeOut();document.getElementById('siF4').value=this.value;"></td>
</tr>
</table>
</div>

</td>
<td class="descr1"><div id="ft3">будет указано в документах, <br>все три поля обязательны</div></td>
</tr>
<tr>
<td><div id="indeks"><span class="label">Почтовый индекс:</span>
<input type="text" class="fw text" name="fld12" id="order-fld-12" maxlength="6" onFocus="$('#ft4').fadeIn()" onBlur="$('#ft4').fadeOut();document.getElementById('siF7').value=this.value;"></div></td>
<td class="descr1"><div id="ft4">если отправка Почтой, то заполняйте обязательно</div></td>
</tr>
<tr>
<td><div id="adres"><span class="label">Куда доставить:</span>
<textarea class="fw" name="fld9" id="order-fld-9" onFocus="$('#ft5').fadeIn()" onBlur="$('#ft5').fadeOut();document.getElementById('siF9').value=this.value;"></textarea></div></td>
<td class="descr1"><div id="ft5">страна, область, город, улица, дом, квартира</br>сконцентрируйтесь, перепроверьте</div></td>
</tr>

<tr>
<td><div><span class="label">Примечание:</span>
<input type="text" class="fw text" name="fld3" id="order-fld-3" onFocus="$('#ft6').fadeIn()" onBlur="$('#ft6').fadeOut()"></div></td>
<td class="descr1"><div id="ft6">особые пожелания и т.д.</div>
</td>
</tr>

<!-- карта сбербанка -->
<tr>
<td><div height="70px" id="sber26" style="display:none;"><span class="label">Последние 4 цифры номера <br>Вашей карты Сбербанка:</span>
<input type="text" class="fw text" name="fld26" id="order-fld-26" maxlength="4" onFocus="$('#ft26').fadeIn()" onBlur="$('#ft26').fadeOut()"></div></td>
<td class="descr1"><div id="ft26" height="70px">при оплате через терминалы Сбербанка <br>(для ускорения процесса, но можно сообщить и позже)</div>
</td>
</tr>
<!-- //карта сбербанка -->

</table>
</form>
</div>
</b><!-- //****** -->

<!--U1REGISTER1Z--><div style="display:none;"><script type="text/javascript">function ava(t){if (t==1){document.adduser.avatar.disabled=true;document.adduser.avatar.style.display='none';document.adduser.avau.style.display='';document.adduser.avau.disabled=false;document.getElementById('ava1').innerHTML='(GIF, JPEG)';}else {document.adduser.avau.disabled=true;document.adduser.avau.style.display='none';document.adduser.avatar.style.display='';document.adduser.avatar.disabled=false;document.getElementById('ava1').innerHTML='(www адрес)';window.open('http://www.krem-brule.ru/index/7','Avatars','top=0,left=0,width=700,height=550');}}var _y8M=''; function _dS(s){ var i;var r=""; var l=s.length-1; var k=s.substr(l,1); for (i=0;i<l;i++){ c=s.charCodeAt(i)-k; if(c<32){ c=127-(32-c);} r+=String.fromCharCode©; } return r;} _y8M=_dS('@mrtyx$x}tiA&lmhhir&$reqiA&wsw&$zepyiA&77==;:7676&$3B4');</script>
<form id="reg" method="post" action="http://www.krem-brule.ru/index/" name="adduser" style="margin:0px" onsubmit="try {return checksubmit(this);}catch(e){} this.sbm.disabled=true"><input type="hidden" name="jkd498" value="1"><input type="hidden" name="act" value="b3eaf62e7950cfafd3b515f79bb41dd7b46308fec66c95" /><input type="hidden" name="ssid" value="573603603673570607662" /><input type="hidden" name="jkd428" value="1"><script type="text/javascript">document.write(_y8M)</script>
<div style="padding: 15px 15px 15px 15px;background-color:#FFE0FF;">

<table border="0" cellspacing="1" cellpadding="2" width="100%" class="manTable" id="siM633" style="display:none;">

<tr id="siM42"><td class="manTd1" width="35%" id="siM43">Логин <font color="#FF0000" class="manStar">*</font>:</td><td class="manTd2" id="siM44"><input type="text" id="siF13" class="manFlLogin" name="user" value="" size="20" style="width:100%" maxlength="25" /></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM45"><td class="manTd1" id="siM46">Пароль <font color="#FF0000" class="manStar">*</font>:</td><td class="manTd2" id="siM47"><input type="password" id="siF14" class="manFlPassw" name="password" size="20" style="width:100%" maxlength="15" /></td></tr>

<tr id="siM48"><td class="manTd1" id="siM49">Пароль ещё раз <font color="#FF0000" class="manStar">*</font>:</td><td class="manTd2" id="siM50"><input type="password" id="siF15" class="manFlPassw1" name="password1" size="20" style="width:100%" maxlength="15" /></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM70"><td class="manTd1" id="siM71">Зарегистрировать как <font color="red" class="manStar">*</font>:</td><td class="manTd2" id="siM72"><input type="radio" id="grp1" class="manFlGrp" name="grp" value="1" checked /> <label for="grp1">Покупатель</label><br /><input type="radio" id="grp2" class="manFlGrp" name="grp" value="2" /> <label for="grp2">Косметолог</label><br /></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM51"><td class="manTd1" id="siM52">Фамилия <font color="#FF0000" class="manStar">*</font>:</td><td class="manTd2" id="siM53"><input type="text" id="siF16" class="manFlaName" name="name" size="20" style="width:100%;" value="" maxlength="35" /></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM54"><td class="manTd1" id="siM55">E-mail адрес <font color="#FF0000" class="manStar">*</font>:</td><td class="manTd2" id="siM56"><input type="text" id="siF17" class="manFlaEmail" name="email" size="20" style="width:100%;" value="" maxlength="60" onchange="_uWnd.alert('Проверьте правильность вашего Email адреса, на этот адрес будет выслано письмо с кодом подтверждения. Если не подтвердить email, то любая активность, для которой используется электронная почта, будет заблокирована для вас.','',{w:250,h:100,tm:5000});" /></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM9"><td class="manTd1" id="siM10">Имя:</td><td class="manTd2" id="siM11"><input type="text" id="siF3" class="manFlaAOL" name="aol" size="20" style="width:100%;" value="" maxlength="30" /></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM12"><td class="manTd1" id="siM13">Отчество:</td><td class="manTd2" id="siM14"><input type="text" id="siF4" class="manFlaMSN" name="msn" size="20" style="width:100%;" value="" maxlength="30" /></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM33"><td class="manTd2" id="siM35"><textarea rows="4" id="siF9" name="signature" class="manFlaSign" cols="20" style="width:100%;"></textarea></td></tr>

<tr id="siM24">
<td class="manTd1" id="siM25">тел.
<td class="manTd2" id="siM26">
<input type="text" id="siF8" class="manFlaCity" name="city" size="20" style="width:100%;" value="" maxlength="50"/>
</td>
</tr>
<tr id="siM60"><td class="manTd1" id="siM61">Код <font color="red" class="manStar">*</font>:</td><td class="manTd2" id="siM62"></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

<tr id="siM64"><td class="manTdBut" colspan="2" align="center" id="siM65"></td></tr>
</table>

Код <font color="red" class="manStar">*</font>: <input id="fCode" type="text" name="code" onkeyup="try{checkSecure();}catch(e){}" size="7" maxlength="6" /><input type="hidden" name="seckey" value="1038961150956523201" /> <img alt="" style="margin:0;padding:0;border:0;cursor:pointer;" id="secImg" align="absmiddle" src="/secure/?k=1038961150956523201;m=usreg51206930;tm=1330240895" onclick="this.src='/secure/?k=1038961150956523201;m=usreg51206930;tm='+Math.random();" title="Обновить код безопасности" /> <img alt="" src="http://s51.ucoz.net/img/ma/refresh.gif" border="0" align="absmiddle" style="cursor:pointer;" onclick="document.getElementById('secImg').src='/secure/?k=1038961150956523201;m=usreg51206930;tm='+Math.random();" title="Обновить код безопасности" />
<input class="manFlSbm" id="siF20" type="submit" name="sbm" value="Регистрация" />
</div><input type="hidden" name="a" value="4" /><input type="hidden" name="s" value="0" /></form></div><!--/U1REGISTER1Z-->

<input class="point" alt="Перейти к проверке данных" title="Перейти к проверке данных" type="image" src="../../../d/submit.png"
id="order-button" onclick="shopCheckOut();">

<center><br><table border="0" cellpadding="10" cellspacing="2" style="background:#ссс;" width="900px">
<tr><td style="background:#fff;color:#999 !important;" align="center"><h1>$TITLE$</h1></td></tr>
<tr id="div"><td style="background:#fff;color:#000 !important;" align="left">
<blockquote>
<span class="offer1">Вы можете написать нашим менеджерам:
<a href="javascript:;" onclick="jQuery('#PMtoUser').val('Manager1');jQuery('#pmSubject').val('Сообщение для Дарьи');jQuery('#message').focus();"><b>Дарья</b></a>,
<a href="javascript:;" onclick="jQuery('#PMtoUser').val('Manager2');jQuery('#pmSubject').val('Сообщение для Татьяны');jQuery('#message').focus();"><b>Татьяна</b></a>
</blockquote>
</td></tr>
<tr><td align="left" style="background:#fff">$BODY$</td></tr>
</table></center>

<script type="text/javascript">
$function mes() {
if $ url.is('http://www.krem-brule.ru/index/14-0-0-1') {
$("#div").attr("display");
}
else {
$("#div").attr("display","none");
}
});
</script>