блог диджитал-агентства - тильда иллюстрация - статья блога 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 не будет опубликован. Обязательные поля помечены *

Другие интересные материалы в нашем блоге
обложка статьи - агентство по разработке сайтов- zero code что это, no code что это иллюстрация - блог MANUFACT PRO
Разработка сайтов
Разработка без кода? Как заработать на No code

Если вас интересует профессия разработчика, но нет возможности учить язык программирования, то вы все равно можете создавать IT-продукты (сайты, приложения). Подробнее о No code:

Читать »
влияние дизайна и функционала сайта на конверсию - как дизайн сайта повышает продажи
Бизнес
Как дизайн и функционал сайта помогают увеличить конверсию

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

Читать »
что такое дропшиппинг
Бизнес
Как открыть дропшиппинг-бизнес в 2024 году: ключевые шаги, кейсы и советы экспертов

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

Читать »
иконки социальных сетей и торговых площадок - рекламное агентство MANUFACT PRO - иллюстрация продаж в интернете
Бизнес
Как продавать товары в интернете

Продажа товаров в интернете требует индивидуального подхода в зависимости от типа продукции. В этой статье мы рассмотрим различные стратегии и платформы для эффективных онлайн-продаж, подходящие для массовых товаров, B2B-продаж и сложных товаров.

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

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

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

Зачитались?

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