WebSite X5Help Center

 
Олег Ходонович
Олег Ходонович
User

Всплывающая почтовая форма Showbox  ru

Auteur : Олег Ходонович
Visité 1389, Followers 2, Partagé 0  

Здравствуйте!

Подскажите пожалуйста, как сделать всплывающую почтовую форму Showbox (например: Обратный звонок), чтобы корректно работала в мобильной версии?

Posté le
23 RéPONSES - 2 UTILE
Pavel M.
Pavel M.
User

Только использовать сторонний продукт для всплывающего окна, местный шоубокс заточен лишь под картинки. Им про это писали и год назад и раньше, но компания занимается развитием детских эффектов, а то, что уже давно для всех конструкторов стандартно, внедряется лет через пять.

Lire plus
Posté le de Pavel M.
Pavel M.
Pavel M.
User

За 3500 вы можете торговать их же продукцией под своим брендом)

Lire plus
Posté le de Pavel M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

x > Олег Ходонович, ...(It > Ru) ...с программой очень просто...
... все заключается в:
> ... создать "скрытую" страницу с именем, например, "mailform" (mailform.html) ...
> ... назначить параметры этой странице:
Создать страницу без шаблона—
> ... поместите контактную форму на эту страницу ...
... ... ... ... 
... затем к интересующей вас кнопке (текстовой или картинке или объекту) присваиваете ссылку на открытие этой страницы в ShowBox
______________________________________

... но я рекомендую вам две кнопки и мой маленький ДОПОЛНИТЕЛЬНЫЙ код:
> кнопка для смартфона, (*), для открытия form_mail во всплывающем окне;
> кнопка для разрешений ПК, (*), чтобы открыть form_mail в ShowBox
(*) ... для отображения или скрытия в зависимости от относительного разрешения с моим ДОПОЛНИТЕЛЬНЫМ кодом...
... ... ... ... 
... если вам нужны разъяснения, если позволит Google Transaltor, дайте мне знать ...
... в случае, если всегда лучше опубликовать также ССЫЛКУ на тесты, которые вы сделали...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Олег Ходонович
Олег Ходонович
User
Auteur
 ‪ KolAsim ‪ ‪
... но я рекомендую вам две кнопки и мой маленький ДОПОЛНИТЕЛЬНЫЙ код: > кнопка для смартфона, (*), для открытия form_mail во всплывающем окне; > кнопка для разрешений ПК, (*), чтобы открыть form_mail в ShowBox (*) ... для отображения или скрытия в зависимости от относительного разрешения с моим ДОПОЛНИТЕЛЬНЫМ кодом... ciao

KolAsim, напишите мне пожалуйста ваш ДОПОЛНИТЕЛЬНЫЙ код.

Заранее благодарен за помощь!

Lire plus
Posté le de Олег Ходонович
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Evgenij G.
Evgenij G.
User

Если нужен только обратный звонок можно испльзовать бесплатный настраиваемый сервис https://callback-free.ru/

Lire plus
Posté le de Evgenij G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

x Evgenij G.,   ... чтобы получить то, что вы хотите в своей теме, которую вы связали, необходимо было бы перепроектировать всю программу; ...практически невозможно...
... в конечном итоге вы можете найти и сопоставить любезную страницу, с которой можно ознакомиться, например, так:
https://it.exchange-rates.org/currentRates/E/EUR

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Олег Ходонович
Олег Ходонович
User
Auteur
 ‪ KolAsim ‪ ‪
... OK ... ... ...если поставить две кнопки, одну поверх другой, и поставить сюда свою ССЫЛКУ, я мог бы быть точнее... ... так что, если вы подготовите две кнопки и разместите ССЫЛКУ, я точно скажу вам, какие селекторы нужно настроить ... ciao

KolAsim, - Спасибо!

Установил ваш код, но к сожалению почтовая форма Showbox в мобильной версии у меня не работает.

Отправляю вам ссылку на кнопку и сайт, посмотрите пожалуйста что нужно исправить.

Сайт и кнопка: https://dym.by

Почтовая форма: https://dym.by/zakazat-zvonok.html

Lire plus
Posté le de Олег Ходонович
Evgenij G.
Evgenij G.
User
 ‪ KolAsim ‪ ‪
x Evgenij G.,   ... чтобы получить то, что вы хотите в своей теме, которую вы связали, необходимо было бы перепроектировать всю программу; ...практически невозможно... ... в конечном итоге вы можете найти и сопоставить любезную страницу, с которой можно ознакомиться, например, так: https://it.exchange-rates.org/currentRates/E/EUR . ciao .

А отдельно можно сделать код, чтобы добавлять этот код в страницы проекта х5. Чтобы этот код можно было добавить в разной валюте и чтобы валюта автоматически конвертировалась по курсу банка в Рубли? 

Lire plus
Posté le de Evgenij G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...x Evgenij G.   ... извините embarassed, в настоящее время у меня нет ПК и нет Программы, ... но то, о чем вы просите, мне недоступно, я не могу войти в движок Программы ...
... Прости, пока...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... x Олег Ходонович,  ... ... по сути вы не создали вторую кнопку, посвященную открытию страницы [zakazat-zvonok] в PopUp...

...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... x Олег Ходонович... подождите, ничего пока не делайте, ... я придумала, и я приготовлю вам еще один мой эксклюзивный код ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
  1. ... 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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Олег Ходонович
Олег Ходонович
User
Auteur
 ‪ KolAsim ‪ ‪
... 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 в мобильной версии сайта по прежнему не работает. Невозможно набрать текст в поля ввода для почтовой формы.

В любом случае я благодарен что тратите на меня своё время. Спасибо!

Lire plus
Posté le de Олег Ходонович
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... на странице zakazat-zvonok никакого кода вводить не надо...!...

... на странице INDEX / HOME вы правильно применили код, ... но я не знаю почему, но, возможно, в копипасте отсутствует или была непреднамеренно удалена "запятая" ...! . . . .
... введите код еще раз ...
... когда внесете и опубликуете изменение, дайте мне знать, я пойду проверю...
... или скопируйте и вставьте файл TXT, который я прикрепил сюда, всегда заменяя предыдущий...

ciao

...↓↓↓...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Олег Ходонович
Олег Ходонович
User
Auteur
 ‪ KolAsim ‪ ‪
... когда внесете и опубликуете изменение, дайте мне знать, я пойду проверю... ... или скопируйте и вставьте файл TXT, который я прикрепил сюда, всегда заменяя предыдущий... ciao

Код исправил. Всё работает, - но к сожалению не так как нужно. Без всплывающего окна Showbox почтовая форма в мобильной версии выглядит иначе и после отправки заявки не возвращает обратно на сайт.

Но если других вариантов нет, значит нет. 

Спасибо KolAsim.

Буду рад если смогу чем-то помочь!

Lire plus
Posté le de Олег Ходонович
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... вы попробуйте поставить мой код на страницу [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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Pavel M.
Pavel M.
User

В-общем код на код и ещё сверху код. Проще c нуля форму написать, работающую, как надо.

Lire plus
Posté le de Pavel M.
Evgenij G.
Evgenij G.
User

А чем не устраивает готовый скрипт Callback Free, тем что со стороннего ресурса или по дизайну не походит? Там много настроек по цвету и т д, можно настроить чтобы сообщения приходили в телеграм или на почту, привязать к метрике и т д. Я себе поставил надоест уберу) 

Lire plus
Posté le de Evgenij G.
Максим Г.
Максим Г.
User
Evgenij G.
А чем не устраивает готовый скрипт Callback Free, тем что со стороннего ресурса или по дизайну не походит? Там много настроек по цвету и т д, можно настроить чтобы сообщения приходили в телеграм или на почту, привязать к метрике и т д. Я себе поставил надоест уберу) 

Полностью поддерживаю! Зачем платить если есть бесплатные решения?!

Lire plus
Posté le de Максим Г.