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

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

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

Оглавление

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Сработало!

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

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

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

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

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

5 ответов

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

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

Другие интересные материалы в нашем блоге
SEO
Как быстро и правильно заполнить все alt-теги сайта на WordPress

Подробная информация о заполнении альт-тегов изображений на вашем сайте под управлением WordPress. Простая пошаговая инструкция по наполнению альттегов изображений в вашем блоге.

Читать »
Способы увеличить конверсию на сайте - обложка статьи MANUFACT PRO - ракета, доска, рост, увеличение иллюстрация
Все статьи
Простые и действенные методы увеличить конверсию на сайте

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

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

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

Читать »
обложка статьи - агентство по дизайну и рекламе - м&мс, m&m's - блог MANUFACT PRO
Бизнес
Почему персонажи из рекламы так популярны

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

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

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

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

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

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

Зачитались?

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