Всплывающая почтовая форма Showbox 
Автор: Олег Ходонович
Просмотрено 1493,
Подписчики 2,
Размещенный 0
Здравствуйте!
Подскажите пожалуйста, как сделать всплывающую почтовую форму Showbox (например: Обратный звонок), чтобы корректно работала в мобильной версии?
Размещено
Только использовать сторонний продукт для всплывающего окна, местный шоубокс заточен лишь под картинки. Им про это писали и год назад и раньше, но компания занимается развитием детских эффектов, а то, что уже давно для всех конструкторов стандартно, внедряется лет через пять.
Как пример, бесплатно до 1000 просмотров в месяц
За 3500 вы можете торговать их же продукцией под своим брендом)
x > Олег Ходонович, ...(It > Ru) ...с программой очень просто...
... все заключается в:
> ... создать "скрытую" страницу с именем, например, "mailform" (mailform.html) ...
> ... назначить параметры этой странице:
▪Создать страницу без шаблона—
> ... поместите контактную форму на эту страницу ...
... ... ... ...
... затем к интересующей вас кнопке (текстовой или картинке или объекту) присваиваете ссылку на открытие этой страницы в ShowBox
______________________________________
... но я рекомендую вам две кнопки и мой маленький ДОПОЛНИТЕЛЬНЫЙ код:
> кнопка для смартфона, (*), для открытия form_mail во всплывающем окне;
> кнопка для разрешений ПК, (*), чтобы открыть form_mail в ShowBox
(*) ... для отображения или скрытия в зависимости от относительного разрешения с моим ДОПОЛНИТЕЛЬНЫМ кодом...
... ... ... ...
... если вам нужны разъяснения, если позволит Google Transaltor, дайте мне знать ...
... в случае, если всегда лучше опубликовать также ССЫЛКУ на тесты, которые вы сделали...
.
ciao
.
Автор
KolAsim, напишите мне пожалуйста ваш ДОПОЛНИТЕЛЬНЫЙ код.
Заранее благодарен за помощь!
... OK ... ... ...если поставить две кнопки, одну поверх другой, и поставить сюда свою ССЫЛКУ, я мог бы быть точнее...
... эта ссылка делает то, что вы просите, и является примером пользователя ИТ с двумя кнопками, [showbox] и [popup], но без моего кода: https://toolsshop.altervista.org/test-showbox/
... в этом случае, чтобы показать ту или иную кнопку, мой код для применения будет следующим:
<style>
@media (min-width:720px) {
#imTextObject_04_tab0 .imTACenter:nth-child(2) { display:none }
#imTextObject_04_tab0 .imTACenter:nth-child(1) { display:block}}
@media (max-width:719px) {
#imTextObject_04_tab0 .imTACenter:nth-child(2) { display:block }
#imTextObject_04_tab0 .imTACenter:nth-child(1) { display:none}}
</style>
...
... так что, если вы подготовите две кнопки и разместите ССЫЛКУ, я точно скажу вам, какие селекторы нужно настроить ...
.
ciao
.
Если нужен только обратный звонок можно испльзовать бесплатный настраиваемый сервис https://callback-free.ru/
KolAsim Вы можете такое сделать? ---> https://helpcenter.websitex5.com/ru/post/250388
x Evgenij G., ... чтобы получить то, что вы хотите в своей теме, которую вы связали, необходимо было бы перепроектировать всю программу; ...практически невозможно...
... в конечном итоге вы можете найти и сопоставить любезную страницу, с которой можно ознакомиться, например, так:
https://it.exchange-rates.org/currentRates/E/EUR
.
ciao
.
Автор
KolAsim, - Спасибо!
Установил ваш код, но к сожалению почтовая форма Showbox в мобильной версии у меня не работает.
Отправляю вам ссылку на кнопку и сайт, посмотрите пожалуйста что нужно исправить.
Сайт и кнопка: https://dym.by
Почтовая форма: https://dym.by/zakazat-zvonok.html
А отдельно можно сделать код, чтобы добавлять этот код в страницы проекта х5. Чтобы этот код можно было добавить в разной валюте и чтобы валюта автоматически конвертировалась по курсу банка в Рубли?
...x Evgenij G. ... извините
, в настоящее время у меня нет ПК и нет Программы, ... но то, о чем вы просите, мне недоступно, я не могу войти в движок Программы ...
... Прости, пока...
ciao
.
... x Олег Ходонович, ... ... по сути вы не создали вторую кнопку, посвященную открытию страницы [zakazat-zvonok] в PopUp...
...
ciao
.
... x Олег Ходонович, ... подождите, ничего пока не делайте, ... я придумала, и я приготовлю вам еще один мой эксклюзивный код ...
.
... вам всегда нужно вставлять мой код после другого моего кода, который вы используете на странице:
<script>
/** -- KolAsim -- **/
$( document ).ready(function() {//K>
$( "#imObjectButton_45_button" ).click( function () { K() });//K1>|<<
}); //K<<
function K() { //K2
larghezzaK = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
if (larghezzaK < 720) { //K3>
x5engine.utils.imPopUpWin('https://dym.by/zakazat-zvonok.html','imPopUp', 500, 500);
setTimeout(function(){ //K4>
$("#imShowBoxClose").click();//K5>|<<
},1500) ;//K4<<
}//K3<<
}//K2<<
</script>
.
ciao
.
Автор
KolAsim, - установил на сайт Ваш код, к сожалению не помогло. Возможно я что-то неправильно делаю. Почтовая форма Showbox в мобильной версии сайта по прежнему не работает. Невозможно набрать текст в поля ввода для почтовой формы.
В любом случае я благодарен что тратите на меня своё время. Спасибо!
...!... на странице zakazat-zvonok никакого кода вводить не надо...!...
... на странице INDEX / HOME вы правильно применили код, ... но я не знаю почему, но, возможно, в копипасте отсутствует или была непреднамеренно удалена "запятая" ...! . . . .
... введите код еще раз ...
... когда внесете и опубликуете изменение, дайте мне знать, я пойду проверю...
... или скопируйте и вставьте файл TXT, который я прикрепил сюда, всегда заменяя предыдущий...
ciao
...↓↓↓...
↓
Автор
Код исправил. Всё работает, - но к сожалению не так как нужно. Без всплывающего окна Showbox почтовая форма в мобильной версии выглядит иначе и после отправки заявки не возвращает обратно на сайт.
Но если других вариантов нет, значит нет.
Спасибо KolAsim.
Буду рад если смогу чем-то помочь!
... вы попробуйте поставить мой код на страницу [zakazat-zvonok]
... используется для автоматического закрытия всплывающего окна в смартфоне (SmartPhone):
<script>
/** -- chiude form popup by KolAsim -- **/
$( document ).ready(function() {//K>
$("#imObjectForm_89_buttonswrap").click(function(){ //K1>
setTimeout(function(){ //K2>
$("#imCloseButton").click(function(){ //K3>
setTimeout(function(){ //K4>
closeK();
},1000) ; //K4<<
}) //K3<<
$("#imGuiPopUpBg").click(function(){ //K5>
$("#imCloseButton").click()
closeK();
}) //K5<<
},1500) ;//K2<<
})//K1<<
})//K
function closeK() { window.close() } //K6>|<<
</script>
.
ciao
.
В-общем код на код и ещё сверху код. Проще c нуля форму написать, работающую, как надо.
Вот, для страниц на php, бесплатный конструктор всплывающих почтовых форм
А чем не устраивает готовый скрипт Callback Free, тем что со стороннего ресурса или по дизайну не походит? Там много настроек по цвету и т д, можно настроить чтобы сообщения приходили в телеграм или на почту, привязать к метрике и т д. Я себе поставил надоест уберу)
Полностью поддерживаю! Зачем платить если есть бесплатные решения?!