блог диджитал-агентства - тильда иллюстрация - статья блога MANUFACT PRO

Как добавить всплывашку вместо корзины в карточку товара Tilda

В карточках товаров на Tilda (блоки ST300, ST305N, ST310N, ST315N, ST320N) кнопка в карточке обычно не работает, если не добавить на страницу корзину (блок ST100). Но что если мы хотим, чтобы кнопка в карточке товаров вела не в корзину? Как привязать кнопку в карточке к всплывашке (popup форме)? Мы посмотрели в код сайта и нашли ответ.

Оглавление

Подробнее про то, как создать интернет-магазин на Tilda читайте в нашей статье Подходит ли Tilda для интернет-магазина?

В чём проблема

Как нам сделать так, чтобы вместо корзины по кнопке открывалась форма для заполнения?

Если просто удалить корзину и добавить pop-up, кнопка становится не кликабельной и никуда не ведёт.

Мы посмотрели в код сайта. Блок с корзиной имеет ссылку oder. Поэтому вот что можно сделать.

Как мы её решили

Шаг 1

Добавить форму под карточки товара.

Важно: добавить именно после карточек товара, иначе кнопка работать не будет.

Шаг 2

Поменять ссылку #popup:myform на #order. Опубликовать страницу заново.

Шаг 3

Перезагружаем страницу и проверяем результат.

Сработало!

Осталось только настроить содержимое формы по нашим нуждам.

Вот такое простое, но неочевидное на первый взгляд решение мы нашли. Пользуйтесь на здоровье.

Какие ещё затруднения у вас возникают при настройке интернет-магазина на Tilda? Пишите в комментарии, и мы обязательно поможем вам разобраться.

Спасибо за внимание.

Пишите комментарии, делитесь статьёй в социальных сетях с помощью кнопок ниже и подписывайтесь на рассылку в нашем блоге. Мы всегда рады новым гостям!

13 ответов

  1. при клике открывается и форма и корзина, накладываясь друг на друга.. Как убрать корзину, чтобы открывалась ТОЛЬКО форма?

    1. Попробуйте выключить блок с корзиной, нажав на кнопку “Спрятать” (Shift+H). Если вы у формы также поставили ссылку #order, то всё заработает корректно – откроется только форма

  2. Единственный момент: когда человек заходит на страницу товара напрямую по ссылке на него, а не из каталога, кнопка вообще не появляется. Как тут быть?

    1. Тогда необходимо добавить Header или Footer каталога товаров в настройках каталога товаров и туда сложить все блоки связанные со всплывающим окном включая код. Это должно помочь если я правильно понял суть проблемы.)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Другие интересные материалы в нашем блоге
Все статьи
Как изменить внешний вид сортировки товаров (порядка товаров) на Tilda в любом товарном блоке

Подробная инструкция как стилизовать внешний вид полоски сортировки товаров в товарных блоках на Tilda. Простой готовый код для стилизации выпадашки сортировки товаров и инструкция по его использованию.

Читать »
Для чего нужен личный кабинет в интернет-магазине
Бизнес
Личный кабинет в интернет-магазине: как увеличить продажи и удержать клиентов

Личный кабинет в интернет-магазине — это продажи, удобство и лояльность. Разбираем, какие функции важны, как они влияют на поведение покупателей и почему без личного кабинета теряются деньги.

Читать »
как правильно оформить карточку товара для интернет магазина.
Интернет-маркетинг
Правильная карточка товара увеличит продажи вашего интернет-магазина

Правильная карточка товара — ключ к успешным продажам. В этой статье мы расскажем, какие элементы в карточке товара важны для того, чтобы покупатель принял решение о покупке.

Читать »
кейс по разработке сайта для ресторана суши MANUFACT PRO работы
Все статьи
Сайт для ресторана суши: как привлечь больше заказов и увеличить продажи

Создание сайта для доставки суши — это мощный инструмент для увеличения заказов и продаж. Прочитайте наш кейс, чтобы узнать, как сделать ваш ресторан привлекательным для онлайн-аудитории.

Читать »
блог диджитал агентства - сайт-визитка иллюстрация - статья блога MANUFACT PRO
Разработка сайтов
Что такое сайт-визитка

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

Читать »
блог рекламного агентства - digital 2021 статистика интернета - статья блога MANUFACT PRO
Интернет-маркетинг
Digital 2021: вся статистика интернета

Вся статистика интернета 2021: количество интернет-пользователей, рейтинг социальных сетей, приложений и сайтов от We Are Social и Hootsuite.

Читать »
MANUFACT это Digital Agency состоящее из специалистов в различных областях, связанных с разработкой и поддержкой веб-проектов. В нашем корпоративном блоге мы делимся тем полезным, что знаем сами. Знакомьтесь с нами неторопливо и со вкусом, делитесь впечатлениями и узнавайте новое.
Выжимки из наших статей и уникальные материалы мы публикуем в нашем Телгерам-канале. Подписывайтесь, чтобы ничего не пропустить.
Зачитались?

Оставьте свой email и получайте актуальный материал от команды MANUFACT.

НУЖЕН САЙТ ИЛИ РЕКЛАМА?
При заказе сайта в нашей студии, бесплатно настроим эффективную рекламу в Google

Зачитались?

Оставьте нам свой e-mail адрес и получайте актуальный материал от команды MANUFACT