Recommended Posts

Я сделала пару фор обратной связи своих. например обратный звонок

<h1> обратный звонок</h1>
<p>У вас есть вопросы? Оставьте контактную информацию и мы обязательно перезвоним Вам!</p>
{$form}
<hr />

заключила ее в кнопку

<a title="Обратный звонок" href="https://fazendabg.com/client/order/zvonok"class="btn btn-info"><i class="icon-white icon-ok"></i>Обратный звонок</a>

получилась стационарная форма. кликаешь на кнопочку и попадаешь на страницу с формой. подскажите пожалуйста какой код нужно добавить чтобы форма всплывала на странице?

1.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Для делаем следующее.

1. В общий шаблон для всего сайта (main.tpl или footer.tpl) внедряем код модального окна

<!--noindex-->
				<div class="modal hide fade" id="recallMe" tabindex="-1" role="dialog" aria-labelledby="recallMeButton" aria-hidden="true">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<div>&nbsp;</div>
					</div>
					<div class="modal-body">
						<div class="alert alert-error" style="display: none;">Заказать звонок</div>
						<div id="order_form_recall_uniq_id"></div>
					</div>
					<div class="modal-footer"></div>
				</div>
				<!--/noindex-->

id="order_form_recall_uniq_id" будет обозначать уникальную область сайта, куда вставится форма заказа обратного звонка.

2. В нужном месте ставим нашу кнопку, которая будет открывать модалку

<a href="#recallMe" id="recallMeButton" role="button" class="btn btn-danger btn-mini recallMe-top" data-toggle="modal" rel="nofollow"><i class="icon-white icon-headphones"></i> Заказать звонок</a>

3. В файле скриптов или в теле шаблона (напр. сразу после кода кнопки (но не забываем обернуть тогда в {literal}{/literal})) вставляем код

    $(document).ready(function(){
        ClientOrder.init_form('УНИКАЛЬНАЯ МЕТКА', 'ИМЯ МОДЕЛИ ФОРМЫ');
    });
    

Согласно пункту 2 вместо УНИКАЛЬНАЯ МЕТКА у нас будет order_form_recall_uniq_id а вместо ИМЯ МОДЕЛИ ФОРМЫ - zvonok

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
1 час назад, abushyk сказал:

Согласно пункту 2 вместо УНИКАЛЬНАЯ МЕТКА у нас будет order_form_recall_uniq_id а вместо ИМЯ МОДЕЛИ ФОРМЫ - zvonok

 

а есть ли хитрая возможноть показывать всплывающую рекламу по таймеру в нижней части сайта.
например так.
на видимой части страницы , именно на видимой (так как могут скролить) выводится рекламный блок -например та же реклама от яндекс, которую как и блок высплывающей формы можно закрыть,
но чтобы реклама не была навязчивой и не открывалась при каждом переходе со страницы на страницу, сделать ее "всплывающую только через 10 минут"
то есть пользователь зашел на сайт - окно всплыло и есть возможность его закрыть. предположим пользователь закрыл. и с этого момента пошел тот самый отсечет 10 минут. Прошло 10 минут - окно сново всплыло. 
ну а если пользователь не закрыл окно, то реклама показывается 10  минут а потом сама "reload" под новое предложение

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
В 4/23/2017 в 04:37, doma сказал:

а есть ли хитрая возможноть показывать всплывающую рекламу по таймеру в нижней части сайта.
например так.
на видимой части страницы , именно на видимой (так как могут скролить) выводится рекламный блок -например та же реклама от яндекс, которую как и блок высплывающей формы можно закрыть,
но чтобы реклама не была навязчивой и не открывалась при каждом переходе со страницы на страницу, сделать ее "всплывающую только через 10 минут"
то есть пользователь зашел на сайт - окно всплыло и есть возможность его закрыть. предположим пользователь закрыл. и с этого момента пошел тот самый отсечет 10 минут. Прошло 10 минут - окно сново всплыло. 
ну а если пользователь не закрыл окно, то реклама показывается 10  минут а потом сама "reload" под новое предложение

А вот за такие выкрутасы сразу словите бан от яндекса и от гугла )

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас