Как сделать на Тильде кнопку поделиться страницей
Этот скрипт позволит тебе сделать кнопку поделиться для твоей страничке на Тильда (особенно полезно для странички с товаром). Пример работы модификации внизу cтраницы
1 мин.
JavaScript
Zeroblock
Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓
!
1. Создай на странице любой элемент, который должен работать как кнопка "поделиться"
2. Пропиши в генератор класс который будешь задавать этому элементу
3. Если тебе нужно, чтобы в случае недоступности в браузере расширенного функционала "поделиться" у тебя всплывало уведомление о копировании ссылки и кроме ссылки копировался ещё какой-то текст (Например: "Посмотри что я нашёл" и тд), то также укажи его в генератор
2. Пропиши в генератор класс который будешь задавать этому элементу
3. Если тебе нужно, чтобы в случае недоступности в браузере расширенного функционала "поделиться" у тебя всплывало уведомление о копировании ссылки и кроме ссылки копировался ещё какой-то текст (Например: "Посмотри что я нашёл" и тд), то также укажи его в генератор
Инструкция
Важно!
- Копирование возможно только на сайтах с подключенным https, ибо это ограничение самих браузеров "в целях безопасности". Обязательно проверь чтобы твой сайт открывался по https а не по http
- Обязательно заполни поле "описание" у твоей странички, чтобы кнопка могла его копировать для того чтобы поделиться
- Обрати внимание что расширенная функция "поделиться" поддерживается всё ещё не всеми браузерами. Поэтому например в Opera, Firefox, Chrome на MacOS и мобильных китайских браузерах вместо неё будет просто копироваться ссылка на страницу\открываться твой поп-ап
- Возможность задать разные классы есть для того, чтобы можно было делать разные кнопки "поделиться" на одной странице
- Если будешь делать зеро поп-ап на случай недоступности, то можешь задать там кнопкам особые ссылки для того чтобы поделиться в соц сетях своей страничкой. Для каждой соц сети они свои, например для VK это https://vk.com/share.php?url=https://voron-dev.ru/
- Обязательно заполни поле "описание" у твоей странички, чтобы кнопка могла его копировать для того чтобы поделиться
- Обрати внимание что расширенная функция "поделиться" поддерживается всё ещё не всеми браузерами. Поэтому например в Opera, Firefox, Chrome на MacOS и мобильных китайских браузерах вместо неё будет просто копироваться ссылка на страницу\открываться твой поп-ап
- Возможность задать разные классы есть для того, чтобы можно было делать разные кнопки "поделиться" на одной странице
- Если будешь делать зеро поп-ап на случай недоступности, то можешь задать там кнопкам особые ссылки для того чтобы поделиться в соц сетях своей страничкой. Для каждой соц сети они свои, например для VK это https://vk.com/share.php?url=https://voron-dev.ru/
(Развернуть)
Скопировать
- Для дней класс
vdays
3.1. Если нужно чтобы вместо этого у тебя просто открывался поп-ап то оставь второе поле пустым и просто задай ссылку на поп-ап для твоей кнопки поделиться. Она откроется только расширенной функции "поделиться"
у пользователя не будет
Скопировать код
Отчистить поля
123
Чтобы вызвать меню "поделиться" просто кликни на кнопку ниже
Пример работы модификации 1
Поделиться
Если у тебя не safari и не chrome на windows\мобильный браузер, то у тебя откроется поп-ап из зеро
Пример работы модификации 2
Это поп-ап из зеро в которой можно закинуть ссылки на твои странички:)
Опиши нужный функционал через эту форму и он будет добавлен!
Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности
Не хватает какой-то функции?