Войти

Авторизация

Логин:
Пароль:
Забыли пароль?
Регистрация
Сайт пользователей Artisteer и Themler. Официальный торговый представитель.

Форма подписки на страницах

Как установить форму подписки в статьях и на страницах
Захожу иногда
Aleksei_Po
Сообщений: 33
736 дней назад
Ребята, нужна помощь по установке формы подписки в статьях и на страницах сайта. Я по честному два дня пытаюсь это сделать. Кучу статей перечитал, видео смотрел, но всё равно ничего не получается.

Использую код от СмартРеспондер. Вставляю его в конце статьи на вкладке HTML и форма появляется, но смещается влево и вся искажается сама по себе внутри.

Замучался реально. Помогите, пожалуйста.
Я снова блоггер. Я снова с напильноком в руке. Моя новая жертва www.FitnessPravda.ru
Постоянный участник
sagus85
Медаль
Сообщений: 287
5 дней назад
Подробней как то напишите, что это за сервис, что Вам именно надо вставить. И желательно скрин, что получается не так. Насчет вставки Вы же сами писали:
Скрытый текст виден только зарегистрированным пользователям


Или так не получается? Вообще то если это код который должен выглядеть в виде блока, то возможно его надо заключить в отдельный класс и задать для него ширину высоту и пр. Но это так на вскидку... glasses
Захожу иногда
Aleksei_Po
Сообщений: 33
736 дней назад
Значит сервис такой, SmartResponder
Скрытый текст виден только зарегистрированным пользователям


Вот что получается, если вставлять код формы подписки в конце статьи на вкладке ТЕКСТ или HTML


То есть, форма смещена влево. Сама форма внутри искажается - картинка съехала вниз, слова в полях заполнения тоже.
Я снова блоггер. Я снова с напильноком в руке. Моя новая жертва www.FitnessPravda.ru
Постоянный участник
sagus85
Медаль
Сообщений: 287
5 дней назад
Aleksei_Po, Посмотрел немного, а что готовый модуль для WP не вставляется?

Скрытый текст виден только зарегистрированным пользователям


или это он и есть?
Захожу иногда
Aleksei_Po
Сообщений: 33
736 дней назад
Чтобы использовать этот модуль нужно вставить API ключ. А для этого нужно иметь коммерческий пакет аккаунта. Мне он сейчас на начальном этапе просто не нужен, у меня нет столько подписчиков.

Как я вижу в Интернете, код формы вставляют без всяких модулей-плагинов. Просто редактируют HTML-страницы. Но в шаблоне от Артистер настолько отличается HTML, что вообще мне ничего не понятно, что где редактировать.
Я снова блоггер. Я снова с напильноком в руке. Моя новая жертва www.FitnessPravda.ru
Постоянный участник
sagus85
Медаль
Сообщений: 287
5 дней назад
Aleksei_Po, Понятно...

У Вас все искажается скорее всего потому что ширина для форм ввода текста в стилях задана 100%
(width: 100%;) поэтому наведите Firebug на одну из форм ввода текста в этой форме и определите в какой строке стилей указано что для форм (input) задано width: 100%;
и попробуйте указать не 100, а 60-70 и посмотрите что получится.
Только запоминайте что меняли и потом если что ставьте назад.

Правда при этом варианте ВСЕ формы на сайте станут не 100%, а 60, но оно может оказаться и лучше.

Просто в Artisteer все формы так же как и кнопки принимают стили настроенные для шаблона. crazy
Захожу иногда
Aleksei_Po
Сообщений: 33
736 дней назад
sagus85, да, всё попробовал менять через Firebug. Кое-что меняется. Но не всё.

Кстати, по центру я её установил. Оказывается невнимательно при создании формы смотрел функции. Там был незаметный выпадающий список с возможностью установить форму в центре страницы. Ну, хоть с этим разобрался.

Вот, создал тестовую временную страницу для проверки формы подписки. Смотрите что получается -
Скрытый текст виден только зарегистрированным пользователям


В шапке формы должна быть фраза "Получать новости и обновления сайта", но она скрыта.

Вот код, который генерирует служба рассылки:

<!-- SmartResponder.ru subscribe form code (begin) -->
<style type="text/css">/*<![CDATA[*/.sr-box table {width: auto !important;}#elem_table_element_header{width:502px !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="
Скрытый текст виден только зарегистрированным пользователям
;
<script type="text/javascript">
_sr(function() {
_sr('form[name="SR_form_2_97"]').find('div#sr-preload_').prop('id', 'sr-preload_2_97')
_sr('#sr-preload_2_97').css({'width':parseInt(_sr('form[name="SR_form_2_97"]').width() + 'px'), 'height':parseInt(_sr('form[name="SR_form_2_97"]').height()) + 'px', 'line-height':parseInt(_sr('form[name="SR_form_2_97"]').height()) + 'px'}).show();
if(_sr('form[name="SR_form_2_97"]').find('input[name="script_path_2_97"]').length && (document.charset || document.characterSet).indexOf('1251') != -1) {
_sr('input[name="subscribe"]').attr('onclick', 'return false;'),
_sr.ajax({
dataType: 'jsonp',
data: { form_id : '2_97', remote_charset : (document.charset || document.characterSet), file : _sr('input[name="script_path_2_97"]').val(), phase : 'charset_rebuild'},
url: _sr('form[name="SR_form_2_97"]').prop('action').replace('subscribe', 'user/forms_generator'),
success: callback_charset_2_97
});
} else {
_sr.getScript(_sr('input[name="script_url_2_97"]').val(), function() {
_sr('#sr-preload_2_97').hide();
});
}
});
function callback_charset_2_97(data) {
if(data.status == 'success') {
_sr('input[name="subscribe"]').attr('onclick', '');
_sr.getScript(_sr('input[name="script_url_2_97"]').val(), function() {
_sr('#sr-preload_2_97').hide();
});
}
}
</script>
<div id="outer_alignment" align="center">
<form style="width: 500px; border: 1px solid rgb(200, 200, 200); margin-left: ; border-radius: 0px 0px 0px 0px;" class="sr-box" method="post" action="
Скрытый текст виден только зарегистрированным пользователям
; target="_blank" name="SR_form_2_97">
<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>
<div class="ui-draggable ui-resizable" id="resize" style="cursor: pointer; position: absolute; width: 502px; height: 393px; top: -43px; left: -1px; z-index: 30; border: 1px dashed rgb(153, 153, 153); display: none;"><div style="float: right; margin: -7px; background: url(/imgs/views/std/static/modal_close.gif) no-repeat; width: 24px; height:24px;" id="remove_bg_image_2029716"></div><div style="z-index: 1000;" class="ui-resizable-handle ui-resizable-e"></div><div style="z-index: 1000;" class="ui-resizable-handle ui-resizable-s"></div><div style="z-index: 1000;" class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se"></div></div><div id="bg_image" style="overflow: hidden; position: absolute; display: block; width: 100%; height: 100%; background-color: rgb(242, 242, 242); z-index: 0; border-radius: 6px 6px 6px 6px;"><img style="position: absolute; z-index: -1; top: -43px; left: -1px; width: 502px; height: 395px;" id="bg_image_target" src="
Скрытый текст виден только зарегистрированным пользователям
; height="900" width="1200"></div><ul class="sr-box-list"><li class="sr-2_97" style="text-align: center; height: 60px; padding: 0px; background-color: transparent; border-radius: 0px 0px 0px 0px; border: 0px solid rgb(0, 0, 0);"> <input 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: medium none;" value="" name="element_header" type="hidden"><table id="elem_table_element_header" style="display: inline-table; border-collapse: separate; width: 502px; margin: -3px 0px 0px -1px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="background: url('
Скрытый текст виден только зарегистрированным пользователям
no-repeat scroll center top transparent; width: 3px; height: 63px;" id="elem_left_element_header" valign="middle"></td><td id="elem_container_element_header" style="vertical-align: middle;"><label style="font-size: 16px; color: rgb(255, 255, 255); font-family: verdana; font-weight: bold; font-style: normal; background: url('
Скрытый текст виден только зарегистрированным пользователям
repeat scroll center top transparent; width: 100%; text-align: center; -moz-box-sizing: border-box; padding: 0px 25px; height: 63px ! important;" class="sr-element">Получать новости и обновления сайта</label></td><td style="background: url('
Скрытый текст виден только зарегистрированным пользователям
no-repeat scroll center top transparent; width: 3px; height: 63px;" id="elem_right_element_header"></td></tr></tbody></table></li><li class="sr-2_97" style="border-radius: 0px 0px 0px 0px; height: 60px; text-align: center; background-color: transparent;">
<label class="remove_labels" style="font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; display: none; text-align: center;"></label>
<input style="margin-top: 20px; background-image: url('
Скрытый текст виден только зарегистрированным пользователям
; color: rgb(105, 99, 105); font-size: 11px; font-style: normal; font-weight: bold; background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 223, 223); border-radius: 0px 0px 0px 0px; height: 40px; background-repeat: no-repeat; background-position: 95% 50%; font-family: verdana;" name="field_name_first" class="sr-required" value="Ваше имя" type="text">
</li><li class="sr-2_97" style="border-radius: 0px 0px 0px 0px; height: 60px; text-align: center; background-color: transparent;">
<label class="remove_labels" style="font-family: arial; color: rgb(0, 0, 0); font-size: 12px; font-style: normal; font-weight: normal; display: none; text-align: center;"></label>
<input style="margin-top: 20px; background-image: url('
Скрытый текст виден только зарегистрированным пользователям
; color: rgb(105, 99, 105); font-size: 11px; font-style: normal; font-weight: bold; background-color: rgb(255, 255, 255); border: 1px solid rgb(223, 223, 223); border-radius: 0px 0px 0px 0px; height: 40px; background-repeat: no-repeat; background-position: 95% 50%; font-family: verdana;" name="field_email" class="sr-required" value="Ваш email-адрес" type="text">
</li><li class="sr-2_97" style="border-radius: 0px 0px 0px 0px; text-align: center; background-color: transparent; border: 0px none; height: 90px;"> <table id="elem_table_subscribe" style="display: inline-table; border-collapse: separate; margin-top: 27px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="background: url('
Скрытый текст виден только зарегистрированным пользователям
no-repeat scroll left center transparent; width: 3px; height: 40px;" id="elem_left_subscribe" valign="middle"></td><td id="elem_container_subscribe" style="vertical-align: middle;"><input style="background: url('
Скрытый текст виден только зарегистрированным пользователям
repeat scroll left center transparent; color: rgb(255, 255, 255); font-size: 15px; font-style: normal; font-weight: bold; border: 0px solid rgb(240, 240, 240); margin: 0px; padding: 0px 34px; height: 40px; width: 100%; font-family: verdana;" name="subscribe" value="Подтверждаю!" type="submit"></td><td style="background: url('
Скрытый текст виден только зарегистрированным пользователям
no-repeat scroll left center transparent; width: 3px; height: 40px;" id="elem_right_subscribe"></td></tr></tbody></table></li></ul>
<input name="uid" value="238172" type="hidden">
<input name="tid" value="0" type="hidden"><input name="lang" value="ru" type="hidden"><input name="did[]" value="326596" type="hidden"><input value="/238001-239000/238172/sr-js-2_78.js" name="script_path_2_78" type="hidden"><input value="
Скрытый текст виден только зарегистрированным пользователям
; name="script_url_2_78" type="hidden"><input value="/238001-239000/238172/sr-js-2_97.js" name="script_path_2_97" type="hidden"><input value="
Скрытый текст виден только зарегистрированным пользователям
; name="script_url_2_97" type="hidden"></form>
</div>
<!-- SmartResponder.ru subscribe form code (end) -->



И ещё, если заметить, то в центре формы над каждой строкой стоит какая-то квадратная чёрная точка. Их три штуки.

А вот как должна выглядеть форма подписки на самом деле.

Я снова блоггер. Я снова с напильноком в руке. Моя новая жертва www.FitnessPravda.ru
Постоянный участник
artnikov
Медаль За активное участие в жизни сайта.
Сообщений: 479
31 день назад
Доброго ВАМ. Размеры лучше изменить НЕ существенно (99%). Так как вставка идет в поле div blog,в <div class= article> ВАША вставка не сможет быть более назначенной формы, чем article. Вам лучше переустановить плагин, у вас вообще ВСЕ съехало... sad
А в принципе, может я и ошибаюсь, но такие формы в WP лучше не вставлять, у вас половина функций по любому пересекутся с движком, а там можно всего чего угодно ожидать... У вас же в форме комментирования все пункты ЕСТЬ, ну добавьте картинку фоновую, подредактируйте саму форму, вставьте с яндекс скрипт - "поделиться" и все... Результат и выход тот же...
Редактировалось: 1 раз (Последний: 1 апреля 2013 в 10:30)
Постоянный участник
Handy
Медаль
Сообщений: 726
1 день назад
Aleksei_Po, Возьмите что бы не мучиться, в Artisteer в проекте вашего шаба, сделайте чистую страницу.
Потом в неё вставте таблицу из одной ячейки. В эту ячейку вставте картинку ту что в пред идущем посте Вашей формы.

А дальше для ячейки задайте все что можно, выравнивание, размер, отступ. Потом шаб экспортируйте как HTML.
Откройте страницу со вставкой, и Возьмите весь код для вставки который получился. Используйте фаербаг, что бы выбрать все правильно. Вместо же картинки в ячейке вставте Ваш код от формы. crazy

Может у Вас просто не определено стилями положение самой формы на странице из за этого все и не идет. music
artnikov:
А в принципе, может я и ошибаюсь, но такие формы в WP лучше не вставлять, у вас половина функций по любому пересекутся с движком, а там можно всего чего угодно ожидать... У вас же в форме комментирования все пункты ЕСТЬ, ну добавьте картинку фоновую, подредактируйте саму форму, вставьте с яндекс скрипт - "поделиться" и все... Результат и выход тот же...

Полностью поддержу.
Я бы еще добавил что 12 ссылок со страницы на чужой сайт далеко не есть хорошо. rofl
Редактировалось: 2 раза (Последний: 1 апреля 2013 в 10:45)
качественное продвижение и раскрутка сайтов в сеопульте
|
Перейти на форум:
Быстрый ответ
У вас нет прав, чтобы писать на форуме.