Подскажите как можно вставить на страницы магазина форму подписки от этого сайта smartresponder.ru
Вот примерный код подписки, как его можно реализовать на сайте?
<!-- SmartResponder.ru subscribe form code (begin) -->
<style type="text/css">/*<![CDATA[*/.sr-box table {width: auto !important;}#elem_table_element_header{width:301px !important;}.sr-box img {max-width: none;}.sr-box br {display:none;}.sr-box p {display:none;}.sr-box {display: block !important;position: relative;width: 250px;}.sr-box-list table{border:0 !important}.sr-box-list td{padding:0px !important; border:0 !important}.sr-box-list{clear: both;display: block;list-style: none outside none !important;position: relative;margin: 0!important;padding: 0!important;}.sr-box-list li {list-style: none outside none !important;margin: 0;background-image: none !important; background-color: #FFFFFF;color: black;display: block;font-family: Arial;font-size: 12px;height: 60px;padding: 2px 25px;}.sr-element {height: 60px !important;line-height: 60px !important;}.sr-box-list li label {height: 15px;line-height: 15px;position: relative;z-index: 10;display: block;margin-bottom: 5px;overflow: hidden;}.sr-box-list input[type="text"] {font-family: Arial;font-size: 12px;height: 33px;margin-bottom: 20px;padding: 5px 10px;position: relative;width: 100%;z-index: 10; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}.sr-box-list input[type="submit"] {white-space:normal;cursor:pointer}.sr-box-list select{width:100%}.sr-slider-captcha{position: relative;border: none 0;margin-top: -60px;z-index: 10;height: 33px;width: 100%;}#cnt{height:60px;}#cnt img {margin-bottom: -6px;}/*]]>*/</style>
<script type="text/javascript" src="https://imgs.smartresponder.ru/forms/additional_files/smart-script.js"></script>
<script type="text/javascript">
_sr(function() {
_sr('form[name="SR_form_1_72"]').find('div#sr-preload_').prop('id', 'sr-preload_1_72')
_sr('#sr-preload_1_72').css({'width':parseInt(_sr('form[name="SR_form_1_72"]').width() + 'px'), 'height':parseInt(_sr('form[name="SR_form_1_72"]').height()) + 'px', 'line-height':parseInt(_sr('form[name="SR_form_1_72"]').height()) + 'px'}).show();
if(_sr('form[name="SR_form_1_72"]').find('input[name="script_path_1_72"]').length && (document.charset || document.characterSet).indexOf('1251') != -1) {
_sr('input[name="subscribe"]').attr('onclick', 'return false;'),
_sr.ajax({
dataType: 'jsonp',
data: { form_id : '1_72', remote_charset : (document.charset || document.characterSet), file : _sr('input[name="script_path_1_72"]').val(), phase : 'charset_rebuild'},
url: _sr('form[name="SR_form_1_72"]').prop('action').replace('subscribe', 'user/forms_generator'),
success: callback_charset_1_72
});
} else {
_sr.getScript(_sr('input[name="script_url_1_72"]').val(), function() {
_sr('#sr-preload_1_72').hide();
});
}
});
function callback_charset_1_72(data) {
if(data.status == 'success') {
_sr('input[name="subscribe"]').attr('onclick', '');
_sr.getScript(_sr('input[name="script_url_1_72"]').val(), function() {
_sr('#sr-preload_1_72').hide();
});
}
}
</script>
<div id="outer_alignment">
<form class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_1_72" style="width: 299px; border: 1px solid rgb(200, 200, 200); margin-left: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">
<div id="sr-preload_" style="display: none; background-color: #f6f6f6; opacity: 0.5; position: absolute; z-index: 100; text-align: center; font: bold 15px Arial;">Загрузка...</div>
<ul class="sr-box-list"><li class="sr-1_72" style="text-align: center; height: auto; background-color: rgb(251, 251, 251); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border: 0px solid rgb(0, 0, 0);"> <label class="" style="height: auto; line-height: 25px; margin-top: 15px; font-size: 18px; color: rgb(84, 93, 103); font-family: arial; font-weight: bold; font-style: normal;">Подписка на рассылку</label><input type="hidden" name="element_header" value="" style="font-family: Arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: none;"></li><li class="sr-1_72" style="border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; height: 50px; text-align: center; background-color: rgb(251, 251, 251);">
<label style="font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; display: none;" class="remove_labels"></label>
<input type="text" name="field_name_first" class="sr-required" value="Ваше имя" style="margin-top: 15px; background-image: none; height: 35px; font-family: arial; color: rgb(200, 200, 200); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: 1px solid rgb(200, 200, 200); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">
</li><li class="sr-1_72" style="border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; height: 50px; text-align: center; background-color: rgb(251, 251, 251);">
<label style="font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; display: none;" class="remove_labels"></label>
<input type="text" name="field_email" class="sr-required" value="Ваш email-адрес" style="margin-top: 15px; background-image: none; height: 35px; font-family: arial; color: rgb(200, 200, 200); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: 1px solid rgb(200, 200, 200); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;">
</li><li class="sr-1_72" style="text-align: center; height: 50px; background-color: rgb(251, 251, 251); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border: 0px;"> <input type="hidden" name="element_privacy" value="" style="font-family: Arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; background-color: rgb(255, 255, 255); border: none;"><table id="elem_table_element_privacy" border="0" cellspacing="0" cellpadding="0" style="display:inline-table; border-collapse: separate;"><tbody><tr><td id="elem_left_element_privacy" valign="middle" style="background-image: url(https://imgs.smartresponder.ru/forms/blank/parts/element_privacy/10/left.png); background-color: transparent; width: 14px; height: 16px; background-position: 0% 42%; background-repeat: no-repeat;"></td><td id="elem_container_element_privacy" style="vertical-align: middle;"><label class="sr-element" style="font-size: 11px; color: rgb(173, 173, 173); font-family: arial; font-weight: bold; font-style: normal; text-align: left; margin-left: 5px;">Никакого спама, гарантируем!</label></td><td id="elem_right_element_privacy"></td></tr></tbody></table></li><li class="sr-1_72" style="border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-align: center; background-color: rgb(251, 251, 251); border: 0px; height: 65px;">
<table id="elem_table_subscribe" border="0" cellspacing="0" cellpadding="0" style="display: inline-table; border-collapse: separate; margin-top: 12px;"><tbody><tr><td id="elem_left_subscribe" valign="middle" style="background-image: url(https://imgs.smartresponder.ru/forms/blank/parts/subscribe/1/left.png); background-color: transparent; width: 17px; height: 35px; background-position: 0% 50%; background-repeat: no-repeat;"></td><td id="elem_container_subscribe" style="vertical-align: middle;"><input type="submit" name="subscribe" value="Подписаться" style="background-image: url(https://imgs.smartresponder.ru/forms/blank/parts/subscribe/1/bg.png); font-family: arial; color: rgb(255, 255, 255); font-size: 14px; font-style: normal; font-weight: bold; border: 0px solid rgb(240, 240, 240); height: 35px; width: 100%; margin: 0px; padding: 0px 12px; background-position: 0% 50%; background-repeat: repeat repeat;"></td><td id="elem_right_subscribe" style="background-image: url(https://imgs.smartresponder.ru/forms/blank/parts/subscribe/1/right.png); background-color: transparent; width: 17px; height: 35px; background-position: 0% 50%; background-repeat: no-repeat;"></td></tr></tbody></table></li></ul>
<input type="hidden" name="uid" value="275328">
<input type="hidden" name="tid" value="0"><input type="hidden" name="lang" value="ru"><input type="hidden" name="did[]" value="325096"><input name="script_path_1_72" type="hidden" value="/275001-276000/275328/sr-js-1_72.js"><input name="script_url_1_72" type="hidden" value="https://imgs.smartresponder.ru/forms/private/275001-276000/275328/sr-js-1_72.js"></form>
</div>
<!-- SmartResponder.ru subscribe form code (end) -->