Делаем виджет обратной связи в ZERO BLOCK
Vložit
- čas přidán 5. 04. 2020
- Скопируйте код отсюда: help-ru.tilda.ws/tips/javascri...
Посмотрите как виджет выглядит тут: dolginstudio.com/viget
Хотите сайт на Тильде? Мы можем помочь: dolginstudio.com/
Мой обучающий курс по работе в Tilda dolginstudio.com/course/
Хотите поддержать проект? donatty.com/dolgingerman
Хотите 1 месяц в подарок после первой оплаты за Тильду? Регистрируйтесь по ссылке tilda.cc/?r=1407941
Тильда слишком дорого? Попробуйте Craftum craftum.com/id27141/germandolgin
Хотите покупать фотографии со стоков дешево? Вам сюда: shopdiz.pro/r/5M5z2zrd
В инстаграм посты выкладываю редко, и не про дизайн, но если интересно- / germandolgin
Смотрите обновленное видео тут czcams.com/video/KCOo5K5IpAs/video.html
Спасибо огромное, помогло в работе над текущим заказом!!!
Спасибо за бесценный опыт!
Герман, как всегда, супер!!! Спасибо большое! 🙏❤️
Герман, все зачетно, как всегда! Большое спасибо)
Герман, спасибо! Огромный молодец!
Спасибо, Герман!
Герман, спасибо тебе большое за труды. У тебя очень крутой канал. Продолжай в том же духе. Респект
Спасибо за твои видео! Каждое максимально полезное! )
Очень полезное видео! Большое спасибо!
Спасибо, Герман. Полезно )👍
Спасибо вам огромное за ролики))
Спасибо большое, тебе за такие видео!) Мне очень нравится как ты умеешь преподносить информацию! Хочу видеть больше твоих обучающих видео про тильду , или даже прямые трансляции по разбору каких-то интересных штук !) Спасибо!)
Спасибо,все понятно и доступно!
Очень круто! Спасибо.
Спасибо большое! Очень полезно!)
Герман ты красавчик! Люблю смотреть твои выпуски
Спасибо большое. Ты очень крут!
Спасибо Герман, для меня полезный урок)
Классный трюк, Спасибо за урок!
Респект!!!
Как всегда очень интересная информация и главное вовремя! Спасибо огромное! Обидно, что люди ленятся и ставят мало лайков😕
Оч круто! Спасибо!
Ого, это что ты меня упомянул? Я просто не досмотрела, а по ходу применяла на нескольких сайтах. Спасибо, я рада, что тогда помогла!
У меня тут одна Ника активно общается только. Спасибо огромное)
От души, дружище! Помог так помог!!
Блок загрузки страницы спас меня от использования прелоадера. Спасибо тебе и твоей подписчице .
Герман, спасибо большое! Промучалась со стандартными блоками виджетов! Очень помогло для такокого нулевого джуна, как я!
Очень полезно и актуально даже спустя 3 года после выхода видео!
Но лучше обновленное использовать
Спасибо огромное!
Круто. Спасибо
Это самое крутое видео из всех твоих
супер. спасибо
Спасибо!
Герман, огромное спасибо! Сделал сайт на тильде, подключил CRM и формы заявок настроил, но думал чего-то не хватает, как раз виджеты обратной связи) Твоё видео помогло)
Подскажите, пожалуйста, какие ссылки привязывать к кнопкам соц.сетей? Герман сказал куча инфы, но я не могу нигде найти(((
@@user-qg7sg9iu3s И да, также ниже есть настройка как будет открываться страница, same window - будет открываться на этой же странице. New window - в новом окне.
@@kodyar7081 Спасибо!!!)
@@user-qg7sg9iu3s пожалуйста)
Отличные видеоролики
Спасибо! Очень доступно. Не понимаю такую разницу просмотров и лайков(((
Есть один нюанс. Форма остается кликабельной даже будучи невидимой. А значит можно случайно нажать даже не подозревая о её нахождении в конкретном месте на сайте
КРУТО!
лучший!
Это очень круто! Спасибо за уроки! Подскажи каким образом лучше выкладывать портфолио на свой сайт?
Спасибо за полезное видео. Герман, можете рассказать что делать с кнопками Ватсаппа и телеграмма. Очень актуально
Да ладно! Да наконец-то я теперь смогу это сделать!
Давно хотела узнать как это сделать.. Спасибо
Спасибо
Бомба
Есть проблемка. на всю высоту этого маленького блока, элементы ПОД ним - станут не кликабельными. Хотя и фон у нас как бы невидимый (сквозь блок вы не нажмёте, например область кнопки внизу экрана)
Не забудьте только поднять этот виджет НАД контейнером рабочей области и параметр overflow переключить на visible. И всё будет ок
здравствуйте! Объясните пожалуйста, что значит "поднять этот виджет НАД контейнером рабочей области". а то у меня не получается )
кстати input меню и кнопки невидимое но кликабельное может мешать использованию сайта(особенно в моб. версии), рекомендую вынести его за экран подальше и настройках step-by-step довести до рабочей области
czcams.com/video/KCOo5K5IpAs/video.html
В новом видео старой проблемы нет
Спасибо, полезная инфа. Ток у меня цвет фона не убирается почему-то, хотя цвет bg удаляю
Привет Герман. Хорошо бы было если ты на видео показал как ватсап подключить на кнопку.
Всё супер, описано очень доступно. Жалко только, что на месте этого прозрачного блока не нажать на кнопку со страницы, она будет не активна, потому что закрывается
И могли бы подсказать как сделать с отлипанием фиксированный блок (до конкретного блока), если на странице есть overflow visible?
Герман сними как правильно через Тильду или Вебмастер делать редирект. У меня старый сайт с неплохими позициями и я хочу его перенести на тильду! Как сделать так, чтобы позиции не ушли??
Чисто гипотетически можно задать тригер на кнопку формы, чтобы после отправки телефона форма автоматом скрывалась? Мне кажется, что с точки зрения ux так прикольней. Спасибо Герман, я многому у тебя учусь🏄♂️⚡️
Подскажите плиз, а как этим кнопкам назначить прозрачность?
Герман, разъясните пожалуйста подробно. Как в иконки можно вставить номер своего телефона, чтобы пользователи автоматически выходили на мой ватс апп или телеграмм.
Для фиксации js не нужен, достаточно css.
А можно ли в зеро блоке сделать кастомные виджеты «поделиться»(фейсбук, Твиттер и вк)??? Кого ни спрашиваю советуют сторонние сервисы по виджетам, но у них стиль не подходит и совсем не ложиться(((
А возможно ли сделать что бы кнопка заказать звонок работала как блок FB804, с мобильного отправляла вызов а с пк на форму заказать звонок? делать 2 zero blokck и делать видимость с определённых разрешений или можно как то ещё?
Подскажите пожалуйста, а как сделать, чтобы кнопка не с самого начала появлялась?
Здравствуйте!!! почему активные кнопки перестают работать? на всей страницы
Спасибо Герман!Герман,если тебя не затруднит,у меня вопрос.Как сайт сделанный на тильде полноценно с анимацией загрузить на бихенс?
Посвещу отдельный выпуск этому
На сайте s-shot.ru можно сделать скриншот вашего сайта. Получившуюся картинку оформить в фотошопе или сразу загрузить на бихенс.
привет. делала всё чётко по твоей инструкции, но форма почему то Выезжает и сразу заезжает обратно. Как быть? Настройки все один в один
коды которые вы используете те на сайте отличаются по составу
Скажи пожалуйста,почему у меня не листаются настройки и контент ,и вообще ничего кроме фона
Скажите, если элемент прозрачный, разве он не остается активным? То есть гипотетически человек может рандомный номер выслать?) Ну это так, для интереса просто.
Правда не по теме... но может подскажите как правильно разместить ссылку на номер телефона вайбер в виджете вайбера?)
кода по ссылке нет, есть сам код?
Герман, спасибо за видео, очень информативно! Вопрос: можно использовать на сайте несколько раз этот код, для разных элементов, у меня таким образом закреплён гамбургер, пробую отдельно сделать так же на виджеты, все лепит вверху, несмотря на то что изменяю top на bottom?
У вас получилось решить эту проблему? у меня вот тоже сверху и снизу закреп, но работает только один(
@@user-co6jf1mw5h у вас все еще не получилось решить проблему?)
Vlad Dymanov в итоге меню сдалала через стандартный блок, а виджет закрепила кодом, а так - нет
@@user-co6jf1mw5h нужно изменить значение z-index: 9997; например на z-index: 9996;
Герман, большое спасибо за то, что делаешь. Подскажи, пожалуйста, а можно ли по такому принципу сделать свою панель для анонса? У Тильды не самая плохая панель, но есть проблема, на компе она всегда снизу, меня устраивает, а с мобильной версии она начинает криво отображаться. И Настройки не влияют на положение этой панели. В зиро блок легко сделать, но проблема с крестиком, а именно, как добавить крестик, чтобы можно было закрыть эту панель анонса? Спасибо.
Снимаю свой вопрос! Досмотрел до конца) и понял, что магия в шейпе) ещё не пробовал, но думаю все получится)
Герман, что за трэк играет фоном ? Не зашазамить
Там много разных. Укажи плиз таймкод
@@germandolgin 1) 4:21
2) 9:41
Спасибо за хак, про треки тоже хотел спросить на 9:40 что играло. Ты супер.
9:40 dye o not from here
Извиняюсь, что не по теме ролика
Стоит ли регистрировать домен сайта на сторонних сервисах, если для пользования сайтом заказчику нужно будет купить тариф на Тильде, а при покупке на год Тильда предоставляет домен в подарок?
Тильдовский домен не бери, лучше возьми свой.
А можно про html
код по ссылке отличается от кода в видео
Всем привет!
Впервые столкнулся,может кто знает ответ - на некоторых телефонах (не на всех) в мобильной версии сайта при нажатии на кнопку "купить" такой нюанс - если пользователь не вводит в поля свои данные,а нажимает после появления формы (это поп-ап,кстати) кнопку "назад",то его возвращает не на предыдущую или главную страницу,а выкидывает с сайта.
Кто то знает причину такого?
Заранее благодарен!
Герман большое спасибо. Подробно вразумительно. НО!!!!. 1. Чёта в нижней части экрана не фиксируются кнопки на соц сети, а находятся в низу сайта. Что нужно изменить или поправить? 2. Сделал все по анимации шаг за шагом, но при наведение кнопки не увеличиваются. 3. Не могу перемещать с лева настройки блока зеро. Он остаётся зафиксирован. Пробовал в двух браузерах хром и опера. В чем может быть причина если сталкивались?
а как быть, если есть футер и хотел бы, чтобы на всех страницах работало аналогично? попробовал в футере, не работает
оказывается, нужно было номер блока вставить, а при копировании он поменялся
Да. На это надо обращать внимание)
Герман привет, столкнулся с проблемой при добавлений 2 html блоков на сайте ( 1 шапка сайта, 2 виджеты ) получается каша, блоки друг на друга залазят, есть возможность это исправить?
Вы решили эту проблему? Тоже столкнулась(
@@komarovaeee нужно изменить значение z-index: 9997; например на z-index: 9996;
Как поменять иконку у корзины?)
Ну только кодом)
Добрый день, а как сделать чтобы эта кнопка начинала отображаться со второго блока а не с главного экрана?
Можно без кода: сделать второй блок зеро блоком и в правом нижем углу разместить виджеты. Установить у блока значение overflow:visible и у виджетов выставить basic animation:fixed а также установить количество пикселей скролла в заранее большое значение: длиннее всех оставшихся блоков вместе взятых
Герман брат нужна помощь есть задача поставить кнопку ватцап в меню шапки, все делаю по инструкции ставлю код, в позиции TOP но иконка не АКТИВНА , подскажи или сними короткое видео. За ранее спасибо тебе за контент!!
Добрый день Герман.
В справочном центре костомизировали код!
help-ru.tilda.cc/tips/javascript#rec25947174
Не могли бы Вы продублировать код который у вас в видео иcпользуется?
Проблему с появлением при загрузке можно решить лёгким кодом. Ибо в 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 секунды, после загрузки страницы, после которого блок станет видимым.
});
Народ, а подскажите пожалуйста, как добавить этот виджет для всех страниц ?
разместите его в хеддере или футтере
@@germandolgin спасибо)))
На мобильной версии окно "оставить заявку" не прячется, в чем проблема?
при выставлении параметра overflow на auto форма пропадает, но и не открывается
почему-то мой блок на фоне все равно остается белым и я не могу это исправить уже 2 часа(
Возникла другая проблема. Виджеты запихнул в футер. При этом у меня подвал и шапка отдельно на главной, по твоему совету, чтобы главная не ссылалась на себя же. Также у меня предупреждение о кукисах в футере. И панель анонса там же. И вот при открытии сайта появляются виджеты, все работает, ссылки переносят куда ножно. Но невозможно закрыть предупреждение о кукисах. И нельзя закрыть панель анонса. Они словно скрыты под виджетами и не активны. Есть ли подозрения, что не так, мой косяк или у большинства просто нет предупреждения о кукисах?))
Делаем очень узкий экран и overflow: visible
Если я правильно вас поняла)
Что делать , когда у меня уже стоит такой код на плашку меню (только со значением top), и когда я ставлю код на виджеты со значением bottom, видимо у меня конфликтуют эти два похожих кода и виджеты тупо фиксируются сверху справа, вместо нижнего правого угла. Как убрать конфликт двух тих кодов?
нужно изменить значение z-index: 9997; например на z-index: 9996;
Возможно нужно сделать два класса floating_top и floating_bottom. И добавлять их нужному элементу:)))
Блин, на мобильной версии кнопки виджетов наслаиваются на текст и очень сильно отвлекают от него. Тут, наверное, никак не исправить. Места то мало на экране в мобилках.
Придется убрать виджет на мобилках, к сожалению
Можно оставить один, например в вотсапе
? Никак, да, в футер мессенджеры поместить, код железобетонно к свойствам меню привязан? Хедеры ж разные на нескольких страницах, а футер один. Пока Alias-ом выкрутилась, это единственное решение?
Можно и в футтер просто я на боевом сайте))
@@germandolgin а как поставить в футер? В хедере работает, а в футере код не видит, так стационарно и висит. В коде переменная ссылается на класс, а класс же где-то под капотом, и там что-то, видимо, протестует работать в подвале ) Я еще и JavaScript не знаю, а хочется творить без костылей, поэтому хееелп )
Спасибо большое. У меня два зеро блока подряд с html кодом все настроено как у Вас но виджеты не становятся совсем вниз чуть ниже середины. Нашел отличие с Вашим html кодом у меня botton 0 px; убираю px тогда оба зеро блока становятся в самый низ хотя код меняю только в одном. Если можете подскажите. Сайт snug.kz
нужно изменить значение z-index: 9997; например на z-index: 9996;
проверьте пожалуйста, ваш метод кажется не актуальный
В мене чомусь відбити не їздять
Допоможіть
КРУТО!