Делаем виджет обратной связи в ZERO BLOCK

[@germandolgin]

Смотрите обновленное видео тут kzbin.info/www/bejne/gXSyoGiBaq6jd9U

[@ЛюдмилаК07]

Герман, спасибо большое! Промучалась со стандартными блоками виджетов! Очень помогло для такокого нулевого джуна, как я!

[@Avitolog_Kirill]

Очень полезно и актуально даже спустя 3 года после выхода видео!

[@germandolgin]

Но лучше обновленное использовать

[@alexname321]

Блок загрузки страницы спас меня от использования прелоадера. Спасибо тебе и твоей подписчице .

[@aleksandrtarasov7651]

Как всегда очень интересная информация и главное вовремя! Спасибо огромное! Обидно, что люди ленятся и ставят мало лайков😕

[@kodyar7081]

Герман, огромное спасибо! Сделал сайт на тильде, подключил CRM и формы заявок настроил, но думал чего-то не хватает, как раз виджеты обратной связи) Твоё видео помогло)

[@ОлечкаЗайцева-Афанасьева]

Подскажите, пожалуйста, какие ссылки привязывать к кнопкам соц.сетей? Герман сказал куча инфы, но я не могу нигде найти(((

[@kodyar7081]

@@ОлечкаЗайцева-Афанасьева И да, также ниже есть настройка как будет открываться страница, same window - будет открываться на этой же странице. New window - в новом окне.

[@ОлечкаЗайцева-Афанасьева]

@@kodyar7081 Спасибо!!!)

[@kodyar7081]

@@ОлечкаЗайцева-Афанасьева пожалуйста)

[@lionel_amiles]

Спасибо большое. Ты очень крут!

[@nika7149]

Ого, это что ты меня упомянул? Я просто не досмотрела, а по ходу применяла на нескольких сайтах. Спасибо, я рада, что тогда помогла!

[@germandolgin]

У меня тут одна Ника активно общается только. Спасибо огромное)

[@anastasiiasyniepupova5634]

Герман, все зачетно, как всегда! Большое спасибо)

[@onesite4911]

Спасибо огромное, помогло в работе над текущим заказом!!!

[@Timasorx]

Спасибо!

[@ДенисГоршков-з9г]

Герман, спасибо! Огромный молодец!

[@Minelaiable]

Есть один нюанс. Форма остается кликабельной даже будучи невидимой. А значит можно случайно нажать даже не подозревая о её нахождении в конкретном месте на сайте

[@АлексейСмешко-к5л]

Герман, спасибо тебе большое за труды. У тебя очень крутой канал. Продолжай в том же духе. Респект

[@juliyagaldun]

Спасибо большое, тебе за такие видео!) Мне очень нравится как ты умеешь преподносить информацию! Хочу видеть больше твоих обучающих видео про тильду , или даже прямые трансляции по разбору каких-то интересных штук !) Спасибо!)

[@ulianaardzinba5522]

Спасибо, Герман!

[@ЯнИлларионов]

Есть проблемка. на всю высоту этого маленького блока, элементы ПОД ним - станут не кликабельными. Хотя и фон у нас как бы невидимый (сквозь блок вы не нажмёте, например область кнопки внизу экрана) Не забудьте только поднять этот виджет НАД контейнером рабочей области и параметр overflow переключить на visible. И всё будет ок

[@nyrgunprokopyev6154]

здравствуйте! Объясните пожалуйста, что значит "поднять этот виджет НАД контейнером рабочей области". а то у меня не получается )

[@криптавалютчик]

кстати input меню и кнопки невидимое но кликабельное может мешать использованию сайта(особенно в моб. версии), рекомендую вынести его за экран подальше и настройках step-by-step довести до рабочей области

[@germandolgin]

kzbin.info/www/bejne/gXSyoGiBaq6jd9U В новом видео старой проблемы нет

[@ЛюбовьДворенкова]

Герман, как всегда, супер!!! Спасибо большое! 🙏❤️

[@МарияДанцева-о1х]

Спасибо, Герман. Полезно )👍

[@anastasiamihaleva]

Спасибо за бесценный опыт!

[@bokettofrisson]

Оч круто! Спасибо!

[@dima_333]

Герман ты красавчик! Люблю смотреть твои выпуски

[@sergeykilchauskas]

Спасибо! Очень доступно. Не понимаю такую разницу просмотров и лайков(((

[@andrewyaremov9546]

Очень круто! Спасибо.

[@АлексейСмешко-к5л]

Герман, что за трэк играет фоном ? Не зашазамить

[@germandolgin]

Там много разных. Укажи плиз таймкод

[@АлексейСмешко-к5л]

@@germandolgin 1) 4:21 2) 9:41

[@Remontgorelok]

Спасибо за хак, про треки тоже хотел спросить на 9:40 что играло. Ты супер.

[@germandolgin]

9:40 dye o not from here

[@mybodyartchannel]

супер. спасибо

[@andriiharbuz8563]

Спасибо вам огромное за ролики))

[@dbazyko]

Это самое крутое видео из всех твоих

[@ВераГолубова-ы7м]

Спасибо,все понятно и доступно!

[@qeenfairy5956]

привет. делала всё чётко по твоей инструкции, но форма почему то Выезжает и сразу заезжает обратно. Как быть? Настройки все один в один

[@Y_artinvestor]

Очень полезное видео! Большое спасибо!

[@terekhov83]

Привет Герман. Хорошо бы было если ты на видео показал как ватсап подключить на кнопку.

[@MrLMikhail]

Спасибо за твои видео! Каждое максимально полезное! )

[@generalsite7943]

Герман сними как правильно через Тильду или Вебмастер делать редирект. У меня старый сайт с неплохими позициями и я хочу его перенести на тильду! Как сделать так, чтобы позиции не ушли??

[@Demiro777]

Круто. Спасибо

[@ЕлизаветаБровикова-с8н]

От души, дружище! Помог так помог!!

[@tengri-d7pro]

Классный трюк, Спасибо за урок! Респект!!!

[@maestro_vivat]

Герман, разъясните пожалуйста подробно. Как в иконки можно вставить номер своего телефона, чтобы пользователи автоматически выходили на мой ватс апп или телеграмм.

[@annyneedle]

Давно хотела узнать как это сделать.. Спасибо

[@ДашаЕрмакова-я4ж]

лучший!

[@ИринаЛунёва-ы7я]

Спасибо большое! Очень полезно!)

[@ЕвгенийУстименко-ю6ь]

Спасибо Герман, для меня полезный урок)

[@roman_sel]

Подскажите пожалуйста, а как сделать, чтобы кнопка не с самого начала появлялась?

[@bboy_dom]

КРУТО!

[@dariigrach]

Спасибо огромное!

[@РамзанБерсанукаев-г3ш]

Спасибо Герман!Герман,если тебя не затруднит,у меня вопрос.Как сайт сделанный на тильде полноценно с анимацией загрузить на бихенс?

[@germandolgin]

Посвещу отдельный выпуск этому

[@daniilgolovanovv]

На сайте s-shot.ru можно сделать скриншот вашего сайта. Получившуюся картинку оформить в фотошопе или сразу загрузить на бихенс.

[@ВладимирВесельев]

Всё супер, описано очень доступно. Жалко только, что на месте этого прозрачного блока не нажать на кнопку со страницы, она будет не активна, потому что закрывается

[@АндрейВетров-с6ц]

Отличные видеоролики

[@fransuzfransuz9188]

Здравствуйте!!! почему активные кнопки перестают работать? на всей страницы

[@MrDenisBro]

И могли бы подсказать как сделать с отлипанием фиксированный блок (до конкретного блока), если на странице есть overflow visible?

[@Владсондоктор]

Спасибо за полезное видео. Герман, можете рассказать что делать с кнопками Ватсаппа и телеграмма. Очень актуально

[@СергейКузьмин-ь3ы]

Герман большое спасибо. Подробно вразумительно. НО!!!!. 1. Чёта в нижней части экрана не фиксируются кнопки на соц сети, а находятся в низу сайта. Что нужно изменить или поправить? 2. Сделал все по анимации шаг за шагом, но при наведение кнопки не увеличиваются. 3. Не могу перемещать с лева настройки блока зеро. Он остаётся зафиксирован. Пробовал в двух браузерах хром и опера. В чем может быть причина если сталкивались?

[@andriyumanskiy2157]

Правда не по теме... но может подскажите как правильно разместить ссылку на номер телефона вайбер в виджете вайбера?)

[@Кухнядизайна]

Спасибо

[@annailyina6169]

А можно ли в зеро блоке сделать кастомные виджеты «поделиться»(фейсбук, Твиттер и вк)??? Кого ни спрашиваю советуют сторонние сервисы по виджетам, но у них стиль не подходит и совсем не ложиться(((

[@КкккСссс-ь9р]

коды которые вы используете те на сайте отличаются по составу

[@Sam-gd4pr]

Это очень круто! Спасибо за уроки! Подскажи каким образом лучше выкладывать портфолио на свой сайт?

[@pavlikassa]

Подскажите плиз, а как этим кнопкам назначить прозрачность?

[@MrDenisBro]

Скажите, если элемент прозрачный, разве он не остается активным? То есть гипотетически человек может рандомный номер выслать?) Ну это так, для интереса просто.

[@rfmember]

Спасибо, полезная инфа. Ток у меня цвет фона не убирается почему-то, хотя цвет bg удаляю

[@americanmovement4334]

Герман, спасибо за видео, очень информативно! Вопрос: можно использовать на сайте несколько раз этот код, для разных элементов, у меня таким образом закреплён гамбургер, пробую отдельно сделать так же на виджеты, все лепит вверху, несмотря на то что изменяю top на bottom?

[@АнастасияНосова-ъ8ч]

У вас получилось решить эту проблему? у меня вот тоже сверху и снизу закреп, но работает только один(

[@vladdymanov5589]

@@АнастасияНосова-ъ8ч у вас все еще не получилось решить проблему?)

[@АнастасияНосова-ъ8ч]

Vlad Dymanov в итоге меню сдалала через стандартный блок, а виджет закрепила кодом, а так - нет

[@mark1409]

@@АнастасияНосова-ъ8ч нужно изменить значение z-index: 9997; например на z-index: 9996;

[@andybelii]

а как быть, если есть футер и хотел бы, чтобы на всех страницах работало аналогично? попробовал в футере, не работает

[@andybelii]

оказывается, нужно было номер блока вставить, а при копировании он поменялся

[@germandolgin]

Да. На это надо обращать внимание)

[@nottodaybby674]

Скажи пожалуйста,почему у меня не листаются настройки и контент ,и вообще ничего кроме фона

[@getelman]

Герман, большое спасибо за то, что делаешь. Подскажи, пожалуйста, а можно ли по такому принципу сделать свою панель для анонса? У Тильды не самая плохая панель, но есть проблема, на компе она всегда снизу, меня устраивает, а с мобильной версии она начинает криво отображаться. И Настройки не влияют на положение этой панели. В зиро блок легко сделать, но проблема с крестиком, а именно, как добавить крестик, чтобы можно было закрыть эту панель анонса? Спасибо.

[@getelman]

Снимаю свой вопрос! Досмотрел до конца) и понял, что магия в шейпе) ещё не пробовал, но думаю все получится)

[@juliakru7077]

Добрый день, а как сделать чтобы эта кнопка начинала отображаться со второго блока а не с главного экрана?

[@germandolgin]

Можно без кода: сделать второй блок зеро блоком и в правом нижем углу разместить виджеты. Установить у блока значение overflow:visible и у виджетов выставить basic animation:fixed а также установить количество пикселей скролла в заранее большое значение: длиннее всех оставшихся блоков вместе взятых

[@shtyrman390]

Герман привет, столкнулся с проблемой при добавлений 2 html блоков на сайте ( 1 шапка сайта, 2 виджеты ) получается каша, блоки друг на друга залазят, есть возможность это исправить?

[@komarovaeee]

Вы решили эту проблему? Тоже столкнулась(

[@mark1409]

@@komarovaeee нужно изменить значение z-index: 9997; например на z-index: 9996;

[@ДмитрийСельянов-ы5г]

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

[@ПатрикПэтинсон]

Тильдовский домен не бери, лучше возьми свой.

[@getelman]

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

[@khm210]

Делаем очень узкий экран и overflow: visible Если я правильно вас поняла)

[@dianagerasimova9239]

кода по ссылке нет, есть сам код?

[@VladimirAleksandrovich-g4q]

Добрый день Герман. В справочном центре костомизировали код! help-ru.tilda.cc/tips/javascript#rec25947174 Не могли бы Вы продублировать код который у вас в видео иcпользуется?

[@timatringle4437]

Бомба

[@evgenymazhov8335]

код по ссылке отличается от кода в видео

[@nika7149]

Да ладно! Да наконец-то я теперь смогу это сделать!

[@ДмитрийКостенко-г1г]

Для фиксации js не нужен, достаточно css.

[@АнастасияЖигалкина-р9г]

А возможно ли сделать что бы кнопка заказать звонок работала как блок FB804, с мобильного отправляла вызов а с пк на форму заказать звонок? делать 2 zero blokck и делать видимость с определённых разрешений или можно как то ещё?

[@dbazyko]

Как поменять иконку у корзины?)

[@germandolgin]

Ну только кодом)

[@Даниил-в4ц1у]

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

[@laniare]

Проблему с появлением при загрузке можно решить лёгким кодом. Ибо в IE, к примеру, не помогает блок загрузки страницы. // Выставляем фиксированную позицию на экране и .fixedCall { position: fixed; width: 100%; opacity: 0; //Делаем невидивым bottom: 0px; z-index: 9999; } // Класс, который сделает блок снова видимым .visible { opacity: 1 !important; } $(document).ready(function(){ var blockCallID = '#rec218736760'; //Нужно заменить на код блока Zero выполняющего роль виджета $(blockCallID).addClass('fixedCall'); // Добавляем к нему класс, который фиксирует блок setInterval(() => { $(blockCallID).addClass('visible'); }, 200); // делаем интервал на 0,2 секунды, после загрузки страницы, после которого блок станет видимым. });

[@raems_]

Чисто гипотетически можно задать тригер на кнопку формы, чтобы после отправки телефона форма автоматом скрывалась? Мне кажется, что с точки зрения ux так прикольней. Спасибо Герман, я многому у тебя учусь🏄‍♂️⚡️

[@youtubeabuser01]

На мобильной версии окно "оставить заявку" не прячется, в чем проблема?

[@youtubeabuser01]

при выставлении параметра overflow на auto форма пропадает, но и не открывается

[@andriyumanskiy2157]

Народ, а подскажите пожалуйста, как добавить этот виджет для всех страниц ?

[@germandolgin]

разместите его в хеддере или футтере

[@andriyumanskiy2157]

@@germandolgin спасибо)))

[@yumidai_sangatsu]

почему-то мой блок на фоне все равно остается белым и я не могу это исправить уже 2 часа(

[@vladdymanov5589]

Что делать , когда у меня уже стоит такой код на плашку меню (только со значением top), и когда я ставлю код на виджеты со значением bottom, видимо у меня конфликтуют эти два похожих кода и виджеты тупо фиксируются сверху справа, вместо нижнего правого угла. Как убрать конфликт двух тих кодов?

[@mark1409]

нужно изменить значение z-index: 9997; например на z-index: 9996;

[@CrazyManQQ]

Возможно нужно сделать два класса floating_top и floating_bottom. И добавлять их нужному элементу:)))

[@timatringle4437]

А можно про html

[@ВиталийНикулин-н1ж]

Герман брат нужна помощь есть задача поставить кнопку ватцап в меню шапки, все делаю по инструкции ставлю код, в позиции TOP но иконка не АКТИВНА , подскажи или сними короткое видео. За ранее спасибо тебе за контент!!

[@АлексейСмешко-к5л]

Блин, на мобильной версии кнопки виджетов наслаиваются на текст и очень сильно отвлекают от него. Тут, наверное, никак не исправить. Места то мало на экране в мобилках. Придется убрать виджет на мобилках, к сожалению

[@germandolgin]

Можно оставить один, например в вотсапе

[@nika7149]

? Никак, да, в футер мессенджеры поместить, код железобетонно к свойствам меню привязан? Хедеры ж разные на нескольких страницах, а футер один. Пока Alias-ом выкрутилась, это единственное решение?

[@germandolgin]

Можно и в футтер просто я на боевом сайте))

[@nika7149]

@@germandolgin а как поставить в футер? В хедере работает, а в футере код не видит, так стационарно и висит. В коде переменная ссылается на класс, а класс же где-то под капотом, и там что-то, видимо, протестует работать в подвале ) Я еще и JavaScript не знаю, а хочется творить без костылей, поэтому хееелп )

[@NSerg11]

Спасибо большое. У меня два зеро блока подряд с html кодом все настроено как у Вас но виджеты не становятся совсем вниз чуть ниже середины. Нашел отличие с Вашим html кодом у меня botton 0 px; убираю px тогда оба зеро блока становятся в самый низ хотя код меняю только в одном. Если можете подскажите. Сайт snug.kz

[@mark1409]

нужно изменить значение z-index: 9997; например на z-index: 9996;

[@КкккСссс-ь9р]

проверьте пожалуйста, ваш метод кажется не актуальный

[@1ееп]

В мене чомусь відбити не їздять

[@1ееп]

Допоможіть

[@bboy_dom]

КРУТО!