Как поставить кнопку "заказать звонок" без использования сторонних сервисов
1
Кнопка Заказать Звонок Без Испльзования Сторонних Сервисов
Автор Ruslan25, 13 июня 2014 22:00
заказать звонок
Сообщений в теме: 12
#1
Ruslan25
-
- Пользователи
-
- 195 сообщений
Продвинутый пользователь
- ГородУФА
Отправлено 13 Июнь 2014 - 22:00
#2
batta
-
- Пользователи
-
- 1 142 сообщений
Активный участник
- ГородНижний Новгород
Отправлено 13 Июнь 2014 - 22:08
Ruslan25 (13 Июнь 2014 - 22:00) писал:
Как поставить кнопку "заказать звонок" без использования сторонних сервисов
#3
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 17 Июнь 2014 - 03:42
Пример реализации без сторонних сервисов:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
<div class="iframe_block_back1" style="display:none;"><center>
<form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data">
<div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div>
<div class="iframe_click">
{% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
<label for="feedback_name">Имя</label>
<input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
<br/><label for="feedback_message">Телефон</label>
<input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" />
<input id="feedback_еmail" name="form[feedback_email]" value="info@geekzona.ru" type="hidden" />
<br/><label for="feedback_clock">Дополнительно</label>
<textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea>
<input type="submit" class="button_med" value="Позвоните мне" />
</div>
</form>
</center></div>
<a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 500;
var height = 250;
var content = $('.iframe_block_back1').children().clone(true).addClass('formback');
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null,
endShowContent: function() {
$('form').append('<input type="hidden" name="hash" value="{HASH}" />');
$(".formback form").validate({
submitHandler: function(form) {
$(form).find('#feedback_message').val($(form).find('#feedback_message').val() + ' Дополнительно: '
+ $(form).find('#feedback_clock').val());
$(form).hide().before('<center>Подождите, идет отправка формы...</center>');
form.submit();
},
rules: {
'form[feedback_name]': {
required: true,
minlength: 3
},
'form[feedback_message]': {
required: true,
minlength: 3
}
}
});
}
});
});
</script>
#4
Ruslan25
-
- Пользователи
-
- 195 сообщений
Продвинутый пользователь
- ГородУФА
Отправлено 20 Июнь 2014 - 17:37
Vaccina (17 Июнь 2014 - 03:42) писал:
Пример реализации без сторонних сервисов:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
<div class="iframe_block_back1" style="display:none;"><center>
<form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data">
<div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div>
<div class="iframe_click">
{% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
<label for="feedback_name">Имя</label>
<input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
<br/><label for="feedback_message">Телефон</label>
<input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" />
<input id="feedback_еmail" name="form[feedback_email]" value="info@geekzona.ru" type="hidden" />
<br/><label for="feedback_clock">Дополнительно</label>
<textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea>
<input type="submit" class="button_med" value="Позвоните мне" />
</div>
</form>
</center></div>
<a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 500;
var height = 250;
var content = $('.iframe_block_back1').children().clone(true).addClass('formback');
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null,
endShowContent: function() {
$('form').append('<input type="hidden" name="hash" value="{HASH}" />');
$(".formback form").validate({
submitHandler: function(form) {
$(form).find('#feedback_message').val($(form).find('#feedback_message').val() + ' Дополнительно: '
+ $(form).find('#feedback_clock').val());
$(form).hide().before('<center>Подождите, идет отправка формы...</center>');
form.submit();
},
rules: {
'form[feedback_name]': {
required: true,
minlength: 3
},
'form[feedback_message]': {
required: true,
minlength: 3
}
}
});
}
});
});
</script>
#5
Сake
-
- Модератоpы
-
- 5 979 сообщений
Активный участник
Отправлено 21 Июнь 2014 - 01:18
Имя вы можете убрать путем его скрытия. Найдите в коде строки
и замените их на
В приведенном вами коде обратного звонка нет текста "связь с администрацией". Пожалуйста, уточните где именно располагается данный текст, приведите пример в виде скриншота.
<label for="feedback_name">Имя</label>
<input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
и замените их на
<label style="display: none;" for="feedback_name">Имя</label>
<input style="display: none;" id="feedback_name" name="form[feedback_name]" value="null" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
В приведенном вами коде обратного звонка нет текста "связь с администрацией". Пожалуйста, уточните где именно располагается данный текст, приведите пример в виде скриншота.
#6
tega4
-
- Пользователи
-
- 599 сообщений
Активный участник
- ГородМосква
Отправлено 21 Июнь 2014 - 07:12
можно ли убрать переадресацию на страницу связи?
т.е. сделать уведомление что заявка отправлена прямо в окне с формой заказа звонка?
SL-268427
т.е. сделать уведомление что заявка отправлена прямо в окне с формой заказа звонка?
SL-268427
#7
Сake
-
- Модератоpы
-
- 5 979 сообщений
Активный участник
Отправлено 24 Июнь 2014 - 02:10
Попробуйте в вашем коде обратного звонка найти код
и заменить его на
$(form).hide().before('<center>Подождите, идет отправка формы...</center>');
form.submit();
и заменить его на
$(form).hide().before('<center id="noticeSent">Подождите, идет отправка формы...</center>');
$.post('/feedback', $(form).serializeArray(), function() {
$('#noticeSent').text('Форма успешно отправлена!');
setTimeout(function() {
$('.nyroModalClose').click();
}, 3000);
});
return(false);
#8
Ботаникус
-
- Пользователи
-
- 536 сообщений
Активный участник
- ГородМосква
Отправлено 10 Июль 2014 - 15:40
Vaccina (17 Июнь 2014 - 03:42) писал:
Пример реализации без сторонних сервисов:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
http://forum.storela...лик/#entry33438
Подробнее, в необходимом месте шаблона HTML вставляете сл.код:
<div class="iframe_block_back1" style="display:none;"><center>
<form method="post" action="{FEEDBACK_URL}" class="call_back" enctype="multipart/form-data">
<div class="section-caption c-orange"><strong>Заказать обратный звонок</strong></div>
<div class="iframe_click">
{% IF FORM_NOTICE %}<h3 class="red">{FORM_NOTICE | nl2br}</h3><br />{% ENDIF %}
<label for="feedback_name">Имя</label>
<input id="feedback_name" name="form[feedback_name]" value="" pattern=".{3,}" minlength="3" type="text" required="required" class="input required" />
<br/><label for="feedback_message">Телефон</label>
<input id="feedback_message" name="form[feedback_message]" pattern=".{3,}" required="required" class="required input" type="tel" value="" minlength="5" />
<input id="feedback_еmail" name="form[feedback_email]" value="info@geekzona.ru" type="hidden" />
<br/><label for="feedback_clock">Дополнительно</label>
<textarea id="feedback_clock" name="form[feedback_clock]" pattern=".{3,}" value="" minlength="5" class="input" rows="3"></textarea>
<input type="submit" class="button_med" value="Позвоните мне" />
</div>
</form>
</center></div>
<a class="zakaz" id="openFlippingBook" title="Обратный звонок" href="#">Заказать звонок</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 500;
var height = 250;
var content = $('.iframe_block_back1').children().clone(true).addClass('formback');
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null,
endShowContent: function() {
$('form').append('<input type="hidden" name="hash" value="{HASH}" />');
$(".formback form").validate({
submitHandler: function(form) {
$(form).find('#feedback_message').val($(form).find('#feedback_message').val() + ' Дополнительно: '
+ $(form).find('#feedback_clock').val());
$(form).hide().before('<center>Подождите, идет отправка формы...</center>');
form.submit();
},
rules: {
'form[feedback_name]': {
required: true,
minlength: 3
},
'form[feedback_message]': {
required: true,
minlength: 3
}
}
});
}
});
});
</script>
#9
Сake
-
- Модератоpы
-
- 5 979 сообщений
Активный участник
Отправлено 10 Июль 2014 - 23:58
Пожалуйста, приведите пример ошибки на вашей странице ИМ (приложите ссылку). К сожалению, на вашем сайте не удалось обнаружить используемый код обратного звонка.
#10
Ботаникус
-
- Пользователи
-
- 536 сообщений
Активный участник
- ГородМосква
Отправлено 11 Июль 2014 - 13:35
Сake (10 Июль 2014 - 23:58) писал:
Пожалуйста, приведите пример ошибки на вашей странице ИМ (приложите ссылку). К сожалению, на вашем сайте не удалось обнаружить используемый код обратного звонка.
#11
Ботаникус
-
- Пользователи
-
- 536 сообщений
Активный участник
- ГородМосква
Отправлено 11 Июль 2014 - 15:01
сделала бэкап, так ак не могу работать с неработающей функцией, надеюсь вы успели посмотреть
#12
Ботаникус
-
- Пользователи
-
- 536 сообщений
Активный участник
- ГородМосква
Отправлено 11 Июль 2014 - 19:39
Сake (10 Июль 2014 - 23:58) писал:
Пожалуйста, приведите пример ошибки на вашей странице ИМ (приложите ссылку). К сожалению, на вашем сайте не удалось обнаружить используемый код обратного звонка.
Вот, посмотрите пожалуйста, на моём втором сайте, не работает корректно.
http://botanicus-2.ru/
#13
Сake
-
- Модератоpы
-
- 5 979 сообщений
Активный участник
Отправлено 11 Июль 2014 - 23:09
Попробуйте воспользоваться новой инструкцией http://forum.storela...ок/#entry147381
Темы с аналогичным тегами заказать звонок
Вопросы работы сервиса StoreLand →
Инструкция по использованию (документация) →
Как Сделать Кнопку "заказать Обратный Звонок?Автор Гость_Andrey_K_* , 28 нояб. 2013  заказать звонок, кнопка
|
|
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
