SendinBlue
-
Hello,
is it possible to integrate your plugin with SendinBlue?
If it is possible, is it possible to have a guide?
Thanks for everything
-
Here is the html embed that they provide.
Please, suggest me what values I’ve to use.
Thank you for all the help you can give me.<!-- SendinBlue Signup Form HTML Code --><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <style> div#sib_embed_signup .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;} div#sib_embed_signup .needsfilled {color: #B94A48 !important;} div#sib_embed_signup input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} div#sib_embed_signup input[type=number]::-webkit-inner-spin-button, div#sib_embed_signup input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none; margin:0; } div#sib_embed_signup input[type=number] {-moz-appearance: textfield;} div#sib_embed_signup div.message_area {position: relative;padding: 10px 30px 10px 10px; margin: 0px 0px 10px 0px;font-size:14px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;box-sizing: border-box;} div#sib_embed_signup div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;} .tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;} .tooltip{display: inline;position: absolute;left: 97%;} .tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;} .tooltip_small:hover:after{padding: 5px 5px; width: 150px;} .tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;} .sib-dropdown-menu.flag-icon {display: none;height: 100px;overflow-x: hidden;min-width: 230px;font-size: 13px;list-style: none;padding-left:14px;border:1px solid rgba(0,0,0,.15);background: white;border-radius: 4px;margin-top:10px;} .sib-dropdown-menu.flag-icon li a{display: block;white-space: nowrap;text-decoration: none;color: rgba(0,0,0,0.87);box-shadow: none;} .sms_field .country-block{margin-right: 3px !important;float: left;width:56px;} .icon-arrow{display: inline-block;width:0px;height: 0px;margin-left:2px;margin-top:5px;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;vertical-align: text-top;} .sib-dropdown-toggle.country-flg{display: inline-block;font-size: 13px;} body {background-Image: url('');} body {background-color: #fcfcfc;} div#sib_embed_signup .sib-container {background: rgba(255,255,255,1);} div#sib_embed_signup .sib-container h1 {font-family: Georgia, Times, 'Times New Roman', serif;} div#sib_embed_signup h1.title {font-size: 24px;} div#sib_embed_signup .sib-container .forms-builder-footer, div#sib_embed_signup .sib-container .description, div#sib_embed_signup .sib-container .fake-label, div#sib_embed_signup .sib-container .row, div#sib_embed_signup .sib-container #company-name{font-family: Georgia, Times, 'Times New Roman', serif;} div#sib_embed_signup .forms-builder-footer,div#sib_embed_signup div.description,div#sib_embed_signup .fake-label,div#sib_embed_signup .row {font-size: 11px;} div#sib_embed_signup .sib-container .button {font-family: Georgia, Times, 'Times New Roman', serif;} div#sib_embed_signup .button{font-size: 16px;} div#sib_embed_signup input {font-size: 13px;} div#sib_embed_signup .sib-containter h1 {color: #232323;} div#sib_embed_signup .sib-container {color: #343434;} div#sib_embed_signup .sib-container .button{color: #ffffff;} div#sib_embed_signup .sib-container .button{background: #48b60c;} div#sib_embed_signup .forms-builder-wrapper{ max-width: 200px;} div#sib_embed_signup .sib-container{ padding: 10px 8px 8px;} div#sib_embed_signup .header{ padding: 0 5px;} div#sib_embed_signup h1.title{ lineHeight: 24px;} div#sib_embed_signup h3.company-name{ lineHeight: 14px;} div#sib_embed_signup div.description{ padding: 0 5px 10px;} div#sib_embed_signup div.row{ padding: 5px 10px !important;} div#sib_embed_signup input[type=text]{ padding: 4px; width:100% !important;box-sizing: border-box;} div#sib_embed_signup input[type=number]{ padding: 4px; width:100% !important;box-sizing: border-box;} div#sib_embed_signup button{ padding: 0px 10px;} div#sib_embed_signup .tooltip{ left: 95%;} div#sib_embed_signup div.message_area{ font-size: 11px;} </style> <link rel="stylesheet" href="https://my.sendinblue.com/public/theme/version4/assets/styles/style.css" /> <div id="sib_embed_signup" style="padding: 10px;"> <div class="forms-builder-wrapper" style="position:relative;margin-left: auto;margin-right: auto;"> <input type="hidden" id="sib_embed_signup_lang" value="it"> <input type="hidden" id="sib_embed_invalid_email_message" value="Questa email non sembra valida, riprova."> <input type="hidden" name="primary_type" id="primary_type" value="email"> <div id="sib_loading_gif_area" style="position: absolute;z-index: 9999;display: none;"> <img src="https://my.sendinblue.com/public/theme/version4/assets/images/loader_sblue.gif" style="display: block;margin-left: auto;margin-right: auto;position: relative;top: 40%;"> </div> <form class="description" id="theform" name="theform" action="https://my.sendinblue.com/users/subscribeembed/js_id/2e90t/id/1" onsubmit="return false;"> <input type="hidden" name="js_id" id="js_id" value="2e90t"><input type="hidden" name="listid" id="listid" value="2"><input type="hidden" name="from_url" id="from_url" value="yes"><input type="hidden" name="hdn_email_txt" id="hdn_email_txt" value=""> <div class="sib-container rounded ui-sortable" style="border-radius: 4px; position: relative; margin: 0px; text-align: left; background: rgb(255, 255, 255); padding: 10px 8px 8px; border-width: 0px !important; border-color: transparent !important;"> <input type="hidden" name="req_hid" id="req_hid" value="~CONSENSO_AL_TRATTATTAMENTO_DATI" style="font-size: 13px; font-family: Georgia, Times, "Times New Roman", serif;"> <div class="header" style="padding: 0px 5px;"> <h1 class="title editable" data-editfield="newsletter_name" style="font-weight: normal; text-align: left; font-size: 24px; margin-bottom: 2px; padding: 0px; margin-top: 0px; font-family: Georgia, Times, "Times New Roman", serif; color: rgb(35, 35, 35); display: block;">Rimani aggiornata!</h1> <h3 id="company-name" style="font-weight: normal; text-align: left; font-size: 14px; margin-bottom: 12px; padding: 0px; margin-top: 0px; font-family: Georgia, Times, "Times New Roman", serif; color: rgb(52, 52, 52); display: block;">Accedi ai contenuti esclusivi, della newsletter .</h3> </div> <div class="description editable" data-editfield="newsletter_description" style="padding: 0px 5px 10px; border-bottom: 1px solid rgb(204, 204, 204); font-family: Georgia, Times, "Times New Roman", serif; color: rgb(52, 52, 52); font-size: 11px; display: none;">Quale contenuto vuoi condividere con i tuoi contatti? </div> <div class="view-messages" style=" margin:5px 0;"> </div> <!-- an email as primary --> <div class="primary-group email-group forms-builder-group ui-sortable" style=""> <div class="row" style="padding: 5px; font-size: 11px; position: relative; font-family: Georgia, Times, "Times New Roman", serif; color: rgb(52, 52, 52); left: 0px; top: 0px;"><div class="lbl-tinyltr" style="clear:both; float:none;">Nome</div> <input type="text" name="NOME" id="NOME" value="" style="display:block; float:left; margin-right:3%; min-width:auto; width:80%; padding:4px; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; font-size:13px;"> <div class="clear" style="clear:both;"></div> <div class="hidden-btns"> <a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br> <a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a> </div> </div><div class="row mandatory-email" style="padding: 5px; position: relative; font-family: Georgia, Times, "Times New Roman", serif; color: rgb(52, 52, 52); font-size: 11px;"> <div class="lbl-tinyltr" style="clear: both; float: none; font-family: Georgia, Times, "Times New Roman", serif;">La tua email: <red style="color:#ff0000;">*</red></div> <input type="text" name="email" id="email" value="" style="padding: 4px; width: 80%; min-width: auto;"> <div style="clear:both;"></div> <div class="hidden-btns"> <a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br> <!--<a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a>--> </div> </div> <div class="row" style="padding: 5px; font-size: 11px; position: relative; font-family: Georgia, Times, "Times New Roman", serif; color: rgb(52, 52, 52);"> <div class="lbl-tinyltr" style="clear: both; float: none; font-family: Georgia, Times, "Times New Roman", serif;">Consenso al trattamento dei dati <red style="color:#ff0000;">*</red></div><div class="lbl-tinyltr" style="clear: both; float: none; font-family: Georgia, Times, "Times New Roman", serif;"><input type="radio" id="CONSENSO_AL_TRATTATTAMENTO_DATI1" value="1" name="CONSENSO_AL_TRATTATTAMENTO_DATI" style="font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px;"><label style="display: inline-block; font-size: 13px;" for="CONSENSO_AL_TRATTATTAMENTO_DATI1"> Ho letto l'informativa sulla privacy e acconsento al trattamento dei miei dati personali ai sensi dell'art. 13 del D. Lgs. 196/2003.</label></div> <div class="clear" style="clear:both;"></div> <div class="hidden-btns"> <a href="#" class="btn move"><i class="fa fa-arrows"></i></a><br> <a href="#" class="btn btn-danger delete"><i class="fa fa-trash-o fa-inverse"></i></a> </div> </div></div> <!-- end of primary --> <div class="byline" style="font-family: Georgia, Times, "Times New Roman", serif; color: rgb(52, 52, 52); font-weight: bold; font-size: 17px; text-align: center; display: block;"> <button class="button editable " type="submit" data-editfield="subscribe" style="font-family: Georgia, Times, "Times New Roman", serif; color: rgb(255, 255, 255); background: rgb(72, 182, 12); display: inline-block; white-space: nowrap; min-height: 20px; margin: 0px 5px 0px 0px; padding: 0px 10px; text-decoration: none; text-transform: uppercase; text-align: center; font-weight: bold; font-style: normal; font-size: 16px; cursor: pointer; border: 0px; border-radius: 4px; vertical-align: top; height: auto; line-height: 150%;">Iscrivimi </button></div> <div style="clear:both;"></div> </div> </form> </div> </div> <script type="text/javascript"> var sib_prefix = 'sib'; var sib_dateformat = 'dd-mm-yyyy'; </script> <script type='text/javascript' src='https://my.sendinblue.com/public/theme/version4/assets/js/src/subscribe-validate.js?v=1543831298'></script> <!-- End : SendinBlue Signup Form HTML Code -->
Best Regards,
Alfonso
- The topic ‘SendinBlue’ is closed to new replies.
