Criei uma página de inscrição de newsletter no Benchmark e no final do processo é gerado um código em JS e outro em HTML (o HTML tem mais de 15000 caracteres, tem que dividir em dois para incluir na LI). Estou tentando colocar no lugar da pop-up da newsletter nativa da LI, porém ao inserir o código (JS ou HTML) a página de inscrição aparece no rodapé da página.
Quero incluir esta página de inscrição pois o Benchmark não usa os e-mails cadastrados na newsletter da LI de forma automática (tem que importar o CSV manualmente) somente os e-mails de clientes que efetuarem compras vão para a lista automaticamente. E meu interesse é que a pessoa realize o cadastro e receba um e-mail automático com uma mensagem de boas vindas e um cupom de desconto.
Link da página que é gerada no Benchmark:
https://lb.benchmarkemail.com//listbuilder/signupnew?5hjt8JVutE7%252BtHtvbF%252Fct%252F5pwVnAjsSIpFLpQpiSaMjtO5iNRn8gSx6rm9rPIZIN
Código JS:
<!--JB Tracker--> <script type="text/javascript"> var _paq = _paq || []; (function(){ if(window.apScriptInserted) return; _paq.push(['clientToken', 'P%3bsIjGMd5oQ%9d']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://prod.benchmarkemail.com/tracker.bundle.js'; s.parentNode.insertBefore(g,s); window.apScriptInserted=true;})(); </script> <!--/JB Tracker--> <!-- BEGIN: Benchmark Email Signup Form Code -->
<script type="text/javascript" id="lbscript1609392" src="https://lb.benchmarkemail.com//br/code/lbformnew.js?mFcQnoBFKMRnDhq2EuPW0sxpSu0%252BSv5Keq3gIC5lFvWA0zCN0txTdA%253D%253D"></script><noscript>Please enable JavaScript <br /><div align="center" style="padding-top:5px;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;"><a href="//www.benchmarkemail.com/br" target="_new" style="text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999;">Serviços de Email Marketing</a> pela Benchmark</div></noscript>
<!-- END: Benchmark Email Signup Form Code -->
Código HTML:
<!--JB Tracker--> <script type="text/javascript"> var _paq = _paq || []; (function(){ if(window.apScriptInserted) return; _paq.push(['clientToken', 'P%3bsIjGMd5oQ%9d']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src='https://prod.benchmarkemail.com/tracker.bundle.js'; s.parentNode.insertBefore(g,s); window.apScriptInserted=true;})(); </script> <!--/JB Tracker--> <!-- BEGIN: Signup Form Popup Code from Benchmark Email Ver 4.0 -->
<style type="text/css">
.formbox-editor_BBP84 fieldset {border: none;margin: 0;padding: 0 40px;position: relative;}
.formbox-editor_BBP84 fieldset > input,.formbox-editor_BBP84 fieldset > textarea,.formbox-editable-field_BBP84 {margin: 10px 0;outline: none;}
.spacer-block_BBP84 {min-height: 20px;padding: 10px 0;position: relative;}
.spacer-block-line_BBP84 {position: absolute;top: 50%;left: 40px;right: 40px;display: none;border-top-style: solid;}
.formbox-editor_BBP84 {margin: 0 auto;padding: 0;text-align: left;width: 100%;box-sizing: border-box;}
#formbox_screen_subscribe_BBP84, #formbox_screen_success_BBP84 {padding: 30px 0;}
.formbox-title_BBP84, .formbox-text-field_BBP84 {margin-bottom: 0; font-family: Verdana, Geneva, sans-serif; color: #000000; font-size: 14px; }
.formbox-title_BBP84 a, .formbox-text-field_BBP84 a {text-decoration: none;}
.formbox-title_BBP84 p, .formbox-text-field_BBP84 p {margin: 0;margin-bottom: 10px;padding: 0; word-break: break-word;}
label.formbox-field-label_BBP84 {font-family: Verdana, Geneva, sans-serif; display: block; margin: 10px 0 0; padding: 0; font-size: 14px; text-align: left;line-height: 100%; color: #000000;}
label.formbox-label-wrap_BBP84 {font-family: Verdana, Geneva, sans-serif; display: block; margin: 10px 0 0; padding: 0; font-size: 14px; line-height: 100%; padding-left: 15px; text-indent: -15px; font-style: italic;color: #000000;} label.formbox-label-wrap_BBP84:last-of-type {margin-bottom: 10px;}
label.formbox-label-wrap_BBP84 input[type=checkbox], label.formbox-label-wrap_BBP84 input[type=radio] { width: 13px; height: 13px; padding: 0; margin:0; margin-right: 5px; vertical-align: bottom; position: relative; top: -1px; }
select.formbox-field_BBP84 {background-color: #000000; border: 1px solid #7f7f7f; border-radius: 10px; box-sizing: border-box; background-color: #f1f2f2; font-family: Verdana, Geneva, sans-serif; font-size: 14px; width: 100%; margin: 10px 0; height: auto; padding: 2px 0px;}
input.formbox-field_BBP84 {color: #000000; background-color: #f1f2f2; border: 1px solid #7f7f7f; border-radius:10px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; box-sizing: border-box; padding:15px; width: 100%;} input.formbox-field_BBP84.text-placeholder {color: #c4c4c4; font-weight: normal; font-style: normal; font-family: Verdana, Geneva, sans-serif; font-size: 14px;}
.formbox-field_BBP84::-webkit-input-placeholder {color: #c4c4c4; font-weight: normal; font-style: normal;opacity: 1;}
.formbox-field_BBP84::-moz-placeholder { color: #c4c4c4; font-weight: normal; font-style: normal;opacity: 1;}
.formbox-field_BBP84:-ms-input-placeholder {color: #c4c4c4; font-weight: normal; font-style: normal; opacity: 1;}
.formbox-button_BBP84 {line-height: 100%; cursor: pointer; margin: 10px 0; }
.formbox-button_BBP84:hover { background-color:#ff147b !important; }
.formbox-button_BBP84:active { background-color:#eb0053 !important; }
#popupFormLoader_BBP84 { display: none; position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; background-image: url(https://benchmarkemail.com/images/popup-builder/loadingicon.svg); background-position: center center; background-repeat: no-repeat; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; -webkit-animation-name: spin; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
-ms-animation-name: spin;-ms-animation-duration: 800ms;-ms-animation-iteration-count: infinite;-ms-animation-timing-function: linear;animation-name: spin;animation-duration: 800ms;animation-iteration-count: infinite;animation-timing-function: linear;}
</style>
<div id="signupFormContainer_BBP84">
<div id="signupFormContent_BBP84">
<div class="formbox-editor_BBP84" style="background: #ffffff;
max-width: 320px;border-radius:15px; box-sizing: border-box; top: 0px;"><div id="formbox_screen_subscribe_BBP84" style="display:block;" name="frmLB_BBP84">
<input type=hidden name=token_BBP84 id=token_BBP84 value="mFcQnoBFKMRnDhq2EuPW0sxpSu0%2BSv5Keq3gIC5lFvWA0zCN0txTdA%3D%3D" />
<input type=hidden name=successurl_BBP84 id=successurl_BBP84 value="https://lb.benchmarkemail.com/Code/Welcome?language=brazil" />
<input type=hidden name=errorurl_BBP84 id=errorurl_BBP84 value="http://lb.benchmarkemail.com//Code/Error" />
<fieldset class="formbox-field_BBP84" style="text-align: center; padding: 0px 40px;"><img src="https://images.benchmarkemail.com/client1388654/image11272742.png" width="134.4px;" style ="max-width: 100%;"></fieldset>
<fieldset><div class="formbox-title_BBP84"><p style="line-height: 1; letter-spacing: 1px; text-align: center;" data-mce-style="line-height: 1; letter-spacing: 1px; text-align: center;"><span style="color: rgb(0, 0, 0); font-size: 16px;" data-mce-style="color: #000000; font-size: 16px;"><span style="font-family: Verdana, Geneva, sans-serif;" data-mce-style="font-family: Verdana, Geneva, sans-serif;">Cadastre seu e-mail e receba um </span></span></p><p style="line-height: 1; letter-spacing: 1px; text-align: center;" data-mce-style="line-height: 1; letter-spacing: 1px; text-align: center;"><span style="color: rgb(0, 0, 0); font-size: 18px;" data-mce-style="color: #000000; font-size: 18px;"><strong><span style="font-family: Verdana, Geneva, sans-serif; letter-spacing: 1px;" data-mce-style="font-family: Verdana, Geneva, sans-serif; letter-spacing: 1px;">Cupom de Desconto!</span></strong></span></p></div></fieldset>
<fieldset class="formbox-field_BBP84"><input type=text placeholder="Nome *" class="formbox-field_BBP84 text-placeholder" onfocus="javascript:focusPlaceHolder(this);" onblur="javascript:blurPlaceHolder(this);" id="fldfirstname_BBP84" name="fldfirstname_BBP84" maxlength=100 /></fieldset>
<fieldset class="formbox-field_BBP84"><input type=text placeholder="E-mail *" class="formbox-field_BBP84 text-placeholder" onfocus="javascript:focusPlaceHolder(this);" onblur="javascript:blurPlaceHolder(this);" id="fldemail_BBP84" name="fldemail_BBP84" maxlength=100 /></fieldset>
<fieldset class="formbox-field_BBP84"><input type=text placeholder="WhatsApp (opcional)" class="formbox-field_BBP84 text-placeholder" onfocus="javascript:focusPlaceHolder(this);" onblur="javascript:blurPlaceHolder(this);" id="fldfield8_BBP84" name="fldfield8_BBP84" maxlength=100 /></fieldset>
<fieldset class="formbox-field_BBP84"><select class="formbox-field_BBP84" id="fldfield3_BBP84" name="fldfield3_BBP84"><option value="Selecione seu Estado">Selecione seu Estado</option><option value="Acre (AC)">Acre (AC)</option><option value="Alagoas (AL)">Alagoas (AL)</option><option value="Amapá (AP)">Amapá (AP)</option><option value="Amazonas (AM)">Amazonas (AM)</option><option value="Bahia (BA)">Bahia (BA)</option><option value="Ceará (CE)">Ceará (CE)</option><option value="Distrito Federal (DF)">Distrito Federal (DF)</option><option value="Espírito Santo (ES)">Espírito Santo (ES)</option><option value="Goiás (GO)">Goiás (GO)</option><option value="Maranhão (MA)">Maranhão (MA)</option><option value="Mato Grosso (MT)">Mato Grosso (MT)</option><option value="Mato Grosso do Sul (MS)">Mato Grosso do Sul (MS)</option><option value="Minas Gerais (MG)">Minas Gerais (MG)</option><option value="Pará (PA)">Pará (PA)</option><option value="Paraíba (PB)">Paraíba (PB)</option><option value="Paraná (PR)">Paraná (PR)</option><option value="Pernambuco (PE)">Pernambuco (PE)</option><option value="Piauí (PI)">Piauí (PI)</option><option value="Rio de Janeiro (RJ)">Rio de Janeiro (RJ)</option><option value="Rio Grande do Norte (RN)">Rio Grande do Norte (RN)</option><option value="Rio Grande do Sul (RS)">Rio Grande do Sul (RS)</option><option value="Rondônia (RO)">Rondônia (RO)</option><option value="Roraima (RR)">Roraima (RR)</option><option value="Santa Catarina (SC)">Santa Catarina (SC)</option><option value="São Paulo (SP)">São Paulo (SP)</option><option value="Sergipe (SE)">Sergipe (SE)</option><option value="Tocantins (TO)">Tocantins (TO)</option></select></fieldset>
<fieldset><div class="formbox-title_BBP84"><p style="line-height: 1; text-align: justify;" data-mce-style="line-height: 1; text-align: justify;"><span style="font-size: 11px; font-family: Verdana, Geneva, sans-serif;" data-mce-style="font-size: 11px; font-family: Verdana, Geneva, sans-serif;">Ao se inscrever, você concorda em receber e-mails com as nossas novidades.</span></p><p style="line-height: 1; text-align: justify;" data-mce-style="line-height: 1; text-align: justify;"><span style="font-family: Verdana, Geneva, sans-serif;" data-mce-style="font-family: Verdana, Geneva, sans-serif;"><strong><span style="font-size: 11px;" data-mce-style="font-size: 11px;">Seu cupom de desconto será encaminhado no e-mail cadastrado.</span></strong></span></p></div></fieldset>
<fieldset style="text-align:center;"><div id="btnSubmit_BBP84" onClick="javascript:return submit_BBP84Click();" style="word-break: break-all; box-sizing: border-box; text-align:center; display: inline-block;padding-left: 15px; padding-right: 15px;padding-top: 15px; padding-bottom: 15px;background-color:rgb(255, 0, 103); border: rgba(0, 0, 0, 0) solid 0px; border-radius: 10px;font-family :Verdana, Geneva, sans-serif; font-size: 14px;color: rgb(255, 255, 255); line-height: 1; letter-spacing:1pxpx;" class="formbox-button_BBP84">Inscreva-se</div></fieldset></div>
</div>
<!-- BEGIN: Email Marketing By Benchmark Email --><p class="email-marketing-by-b"style="color: #555555; font-family: Helvetica; font-size: 10px; line-height: 12px; text-align: center; margin-top: 24px;"> <a href="https://www.benchmarkemail.com/br/email-marketing?utm_source=signupform&utm_campaign=fullembedform" target="_blank" style="text-decoration: underline; color: #555555;">Email Marketing</a> <style="color: #555555; font-family: Helvetica; font-size: 10px; line-height: 12px; text-align: center; margin-top: 24px;"> by Benchmark</p><!-- END: Email Marketing By Benchmark Email -->
</div>
</div>
<script type="text/javascript">
function CheckField_BBP84(fldName, frm){var fldObj = document.getElementsByName(fldName);if ( fldObj.length > 1 ) { for ( var i = 0, l = fldObj.length; i < l; i++ ) { if ( fldObj[0].type == 'select-one' ) { if( fldObj[i].selected && i==0 && fldObj[i].value == '' ) { return false; } if ( fldObj[i].selected ) { return true; } } else { if ( fldObj[i].checked ) { return true; } }; } return false; } else { if ( fldObj[0].type == "checkbox" ) { return ( fldObj[0].checked ); } else if ( fldObj[0].type == "radio" ) { return ( fldObj[0].checked ); } else { fldObj[0].focus(); return (fldObj[0].value.length > 0); }} }
function rmspaces(x) {var leftx = 0;var rightx = x.length -1;while ( x.charAt(leftx) == ' ') { leftx++; }while ( x.charAt(rightx) == ' ') { --rightx; }var q = x.substr(leftx,rightx-leftx + 1);if ( (leftx == x.length) && (rightx == -1) ) { q =''; } return(q); }
function checkfield(data) {if (rmspaces(data) == ""){return false;}else {return true;}}
function isemail(data) {var flag = false;if ( data.indexOf("@",0) == -1 || data.indexOf("\\",0) != -1 ||data.indexOf("/",0) != -1 ||!checkfield(data) || data.indexOf(".",0) == -1 || data.indexOf("@") == 0 ||data.lastIndexOf(".") < data.lastIndexOf("@") ||data.lastIndexOf(".") == (data.length - 1) ||data.lastIndexOf("@") != data.indexOf("@") ||data.indexOf(",",0) != -1 ||data.indexOf(":",0) != -1 ||data.indexOf(";",0) != -1 ) {return flag;} else {var temp = rmspaces(data);if (temp.indexOf(' ',0) != -1) { flag = true; }var d3 = temp.lastIndexOf('.') + 4;var d4 = temp.substring(0,d3);var e2 = temp.length - temp.lastIndexOf('.') - 1;var i1 = temp.indexOf('@');if ( (temp.charAt(i1+1) == '.') || ( e2 < 1 ) ) { flag = true; }return !flag;}}
function focusPlaceHolder(obj) {
obj.className = "formbox-field_BBP84"; }
function blurPlaceHolder(obj) {
if ( obj.value == '' ) { obj.className = "formbox-field_BBP84 text-placeholder"; } }
function isValidDate(year, month, day) {
if (year.toString() == '' || month.toString() == '' || day.toString() == '') { return false;} try { year = parseInt(year); month = parseInt(month); day = parseInt(day); } catch (e) { return false;} var d = new Date(year, month - 1, day, 0, 0, 0, 0); return (!isNaN(d) && (d.getDate() == day && d.getMonth() + 1 == month && d.getFullYear() == year));}var submitButton_BBP84 = document.getElementById("btnSubmit_BBP84");
var subscribeScreen_BBP84 = document.getElementById("formbox_screen_subscribe_BBP84");
var signupFormContainer_BBP84 = document.getElementById("signupFormContainer_BBP84");
var signupFormLoader_BBP84 = document.getElementById("popupFormLoader_BBP84");
function submit_BBP84Click(){
var retVal = true; var contentdata = ""; var frm = document.getElementById("formbox_screen_subscribe_BBP84");if ( !CheckField_BBP84("fldfirstname_BBP84", frm) ) {
alert("Por favor, insira o Nome");
retVal = false;}if ( !isemail(document.getElementsByName("fldemail_BBP84")[0].value) ) {
alert("Por favor, insira o E-mail");
document.getElementById("fldemail_BBP84").focus(); retVal = false;} if ( retVal == true ) {var frm = "_BBP84"; var f = document.createElement("form"); f.setAttribute('accept-charset', "UTF-8"); f.setAttribute('method', "post"); f.setAttribute('action', "https://lb.benchmarkemail.com//code/lbform"); var elms = document.getElementsByName("frmLB" + frm)[0].getElementsByTagName("*");var ty = ""; for (var ei = 0; ei < elms.length; ei++) {ty = elms[ei].type; if (ty == "hidden" || ty == "text" || (ty == "checkbox" && elms[ei].checked) || (ty == "radio" && elms[ei].checked) || ty == "textarea" || ty == "select-one" || ty == "button") {elm = elms[ei]; if(elm.id != "") { var i = document.createElement("input"); i.type = "hidden"; i.name = elm.name.replace("_BBP84", ""); i.id = elm.id; i.value = elm.value; f.appendChild(i); } } } document.getElementsByTagName('body')[0].appendChild(f);f.submit(); }
if(isemail(document.getElementById("fldemail_BBP84").value) && window && window.JB_TRACKER && typeof window.JB_TRACKER.jbSubmitForm === 'function') {
window.JB_TRACKER.jbSubmitForm({
email: document.getElementById("fldemail_BBP84").value, didSubmit: true
});
}
return retVal;} var bmePopupFormViewed_BBP84 = localStorage.getItem('bmePopupFormSignedUp1609392');
if ( bmePopupFormViewed_BBP84 != 'true') {
}
function debounce_BBP84(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {timeout = null; if (!immediate) func.apply(context, args); };
var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); };
};
var hasVerticalCenter_BBP84 = document.getElementsByClassName('position-centered');
function verticalCenter_BBP84(element) { if(element) { element.style.opacity = 0; element.style.display = 'block'; }
setTimeout(function () { if (hasVerticalCenter_BBP84.length > 0) { var windowHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var formElement_BBP84 = document.getElementsByClassName('formbox-editor_BBP84')[0]; var formHeight_BBP84 = formElement_BBP84.clientHeight;
if (formHeight_BBP84 < windowHeight) { var newPosition = 0; newPosition = (windowHeight - formHeight_BBP84) / 2; formElement_BBP84.style.top = newPosition + 'px'; } else { formElement_BBP84.style.top = '0px'; } }
if(element) { element.style.opacity = 1; }
}, 100);
}
if (hasVerticalCenter_BBP84.length > 0) { var resizeEvent_BBP84 = debounce_BBP84(function() { verticalCenter_BBP84(); }, 250); window.addEventListener('resize', resizeEvent_BBP84); }
</script>
<!-- END: Signup Form Popup Code from Benchmark Email Ver 4.0 -->
Link do site
www.storebymila.com.br