Кнопка «Купить»
Кнопка «Купить» — это карточка товара, которую можно разместить на любой странице сайта или в блоге с помощью кода. При нажатии на кнопку «Купить» посетители оформляют заказ, не покидая ваш сайт. Заказы сделанные с помощью кнопки «Купить» появятся на странице Продажи → Заказы в Панели управления Эквида.
Вы сами выбираете внешний вид виджета — полноценную карточку с фото и описанием товара или просто кнопку. Если вы измените какую-то информацию о товаре в Эквид-магазине, изменения отразятся и в виджете.
Перед началом
Если у вас еще нет аккаунта в Эквиде, зарегистрируйтесь! Для регистрации нужны только имя и адрес электронной почты.
После регистрации настройте свой онлайн-магазин:
- Добавьте товары
- Настройте способы оплаты
- Настройте способы доставки
- Настройте дизайн магазина
Узнать больше об этих шагах можно из статьи Начало работы с магазином на Эквиде →
Когда магазин будет настроен, вы сможете создать кнопки «Купить» для отдельных товаров и продавать их на вашем сайте или в блоге.
Виды кнопки «Купить»
Есть три варианта компоновки внешнего вида кнопки «Купить»: только кнопка, фото + кнопка и полноценная карточка товара с фото и описанием.
| Вид компоновки | Для чего подойдёт |
| Только кнопка | Подходит для постов и посадочных страниц, где уже есть полное описание товара с фото или видео. Покупателям останется только нажать на кнопку, чтобы добавить товар в корзину. |
| Компактная | Подходит для страниц с подробным описанием товара или нативной статьёй. Например, вы описываете преимущество растений в квартире и в конце добавляете компактную кнопку с фото. Вы можете выбрать, показывать ли цену, параметры, поля ввода и количество в наличии. Если товар со скидкой, скидка будет показана на кнопке. |
| Полноразмерная | Полноразмерный вариант можно добавить в любой пост или на главную страницу сайта. Вы можете выбрать два варианта отображения:
На одной странице можно разместить только одну полноразмерную кнопку. Похожие товары не будут отображаться на карточке товара.
|
Добавление кнопки «Купить» на сайт
Чтобы добавить кнопку «Купить» на сайт:
- Из панели управления перейдите на страницу Каналы продаж.
- Прокрутите страницу до карточки Кнопка «Купить» и нажмите Начать.
- Нажмите Выбрать товар и найдите товар, который хотите добавить на сайт.
- Выберите компоновку и настройте внешний вид товара. С правой стороны вы увидите, как товар с выбранными настройками будет выглядеть на сайте.
- Нажмите Сгенерировать код.
- Нажмите Скопировать код.
- Зайдите в панель управления вашего сайта и откройте страницу, куда хотите добавить товар с кнопкой «Купить».
- Вставьте код на страницу. Добавление кода происходит по-разному в зависимости от того, на какой платформе сделан ваш сайт. Это может быть вкладка HTML, отдельная кнопка для добавления кодов или страница с доступом к исходному коду сайта. Если вы не уверены, как добавлять коды на ваш сайт, обратитесь в службу поддержки вашего сайтбилдера, чтобы получить более детальную инструкцию.
- Сохраните изменения.
Готово! Вы можете открыть сайт и нажать кнопку «Купить», чтобы увидеть, как будет выглядеть покупка товара для ваших покупателей. Отслеживайте новые заказы в панели управления магазина, на странице Продажи → Заказы.
Если вы хотите, чтобы окно оформления заказа открывалось сразу после нажатия кнопки «Купить»/«В корзину», то можете активировать функцию Открывать корзину после нажатия кнопки «В корзину» на странице Настройки → Общие → Корзина → Оформление заказа.
Если ваш сайт создан с помощью одного из перечисленных ниже сайтбилдеров, вы можете посмотреть подробную инструкцию, как добавить кнопку «Купить»:
- Добавить кнопку «Купить» на WordPress
- Добавить кнопку «Купить» на Wix
- Добавить кнопку «Купить» на Squarespace
- Добавить кнопку «Купить» на Тильду
Изменение текста на кнопке «Купить»
Надпись на кнопке «Купить» можно поменять на любую другую: «В корзину», «Отправить запрос» или «Купить с доставкой на дом». Текст на кнопке меняется через редактор текстов витрины.
Чтобы поменять исходный текст:
- В панели управления Эквид-магазина перейдите в Настройки → Редактор текстов витрины.
- Кликните + Добавить свой текст.
- В строке поиска введите фразу, которую хотите поменять. Например, «Купить».
- Удалите фразу («Купить») и напишите вместо неё свой вариант. Например, «Добавить в корзину».
Изменение внешнего вида кнопки «Купить»
Вы можете изменить цвет кнопки, а также шрифт, чтобы они лучше подходили под стиль вашего сайта. Это можно сделать с помощью CSS кодов.
Чтобы изменить цвет и шрифт кнопки «Купить»:
- Из панели управления Эквида, перейдите на страницу Дизайн.
- Прокрутите страницу до раздела Темы и собственный дизайн.
- Нажмите Создать тему, а затем Новая CSS тема.
- Скопируйте нужный код из Сборника CSS кодов.
- Измените код по вашему желанию: добавьте нужный цвет или название шрифта.
- Вставьте готовый CSS код в тему.
- С правой стороны от темы нажмите Включить, чтобы применить тему к магазину.
- Нажмите Сохранить.
Кроме того, на странице Дизайн вы можете спрятать нижнее меню и хлебные крошки для полноразмерной кнопки «Купить». Это полезно, если вы собираетесь добавить карточки разных товаров на разные страницы сайта и не хотите, чтобы покупатели переходили по ссылкам в хлебных крошках.