Помощь
Войти

Создание кнопки «Купить»

После того как вы добавите канал продаж «Кнопка "Купить"» в панели администратора Shopify, вы сможете создать кнопку «Купить» для товара или коллекции.

После создания кнопки «Купить» скопируйте автоматически сгенерированный код и добавьте его на веб-страницу или в запись блога, где должна появиться кнопка. Например, вы можете добавить кнопку «Купить» в свой блог Wordpress или на веб-сайт Squarespace.

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

На этой странице

Настройка кнопок «Купить»

Вы можете настроить внешний вид и поведение кнопки «Купить»:

  • её цвет
  • её размер
  • её шрифт
  • действие, которое происходит при нажатии кнопки
  • будет ли страница оформления заказа открываться в новом окне браузера

По мере настройки кнопки вы можете просматривать свои изменения. Поведение кнопки «Купить» можно проверить, нажав на область предварительного просмотра.

Стиль макета

Вы можете выбрать макет кнопки «Купить».

Описание доступных макетов для кнопок «Купить»: «Базовый», «Классический» и «Полный вид».
БазовыйВыберите этот макет, чтобы добавить кнопку «Купить» без изображения товара. Это может быть полезно, если вы уже размещаете свои товары где-то в интернете и хотите просто добавить кнопку для совершения покупки.
КлассическийВыберите этот макет, чтобы рядом с кнопкой «Купить» отображались изображение и цена товара. Этот макет подходит для быстрого предварительного просмотра товара, например в записи блога.
Полный видВыберите этот макет, чтобы рядом с кнопкой «Купить» отображались изображение, цена и описание товара. Этот макет имитирует страницу с данными о товаре в вашем интернет-магазине.

Действия кнопки «Купить»

При создании кнопки «Купить» можно выбрать действие, которое будет выполняться при нажатии на неё.

Если кнопка «Купить» предназначена для коллекции, то действие применяется к каждому товару в этой коллекции.

  • Добавить товар в корзину — добавляет товар в корзину. Клиенты могут продолжить покупки и добавить в корзину другие товары.
  • Перейти к оформлению заказа — перенаправляет клиента сразу на страницу оформления заказа, где он может приобрести товар. Клиенты не смогут добавить в заказ другие товары.
  • Открыть информацию о товаре — отображается кнопка «Просмотр товара» . Когда клиент нажимает эту кнопку, он видит описание товара, может выбрать доступные варианты и добавить товар в корзину. Если у товара несколько изображений, они также отображаются.
    • Эта опция недоступна, если вы выбрали макет «Полный вид», так как он уже отображает всю информацию о товаре.

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

Внешний вид кнопки «Купить»

  • Стиль кнопки — форма, цвет и типографика для элемента кнопки «Купить».
  • Макет — в зависимости от выбранного стиля макета можно настроить такие параметры, как выравнивание кнопки, размер изображения, текст на кнопке, шрифт, цвет и размер.
  • Корзина покупок — включает параметры текста и цвета для встроенной корзины покупок. Вы также можете включить и настроить подпись для поля «Примечание к заказу» . С помощью примечаний к заказу можно получать от клиентов особые инструкции по подготовке и доставке заказа. Поле «Дополнительная информация» позволяет донести сообщение до ваших клиентов.
    • Редактировать настройки корзины покупок можно, только если в качестве действия кнопки выбрано «Добавить товар в корзину» или «Открыть информацию о товаре».
  • Детальное всплывающее окно — включает настройки для всплывающего окна с информацией о товаре. Можно настроить текст кнопки, наличие поля для количества, цвета фона и подписей, а также шрифт и размер шрифта подписей. Редактировать эти настройки можно, только если в качестве действия кнопки выбрано «Открыть информацию о товаре».

Создание кнопки «Купить» для одного товара

Вы можете создать кнопку «Купить» для одного товара. Кнопка «Купить» может включать один или все варианты товара. При создании кнопки «Купить» вы выбираете стиль макета и настраиваете цвет, текст и внешний вид кнопки, а также действие, которое происходит при её нажатии клиентом. Подробнее о настройке кнопок «Купить».

Прежде чем создать кнопку «Купить» для товара, вы должны добавить товар в панели администратора Shopify и сделать его доступным для канала продаж «Кнопка "Купить"».

Инструкции:

На компьютере

  1. В панели администратора Shopify перейдите в раздел Каналы продаж > Кнопка «Купить».

  2. Нажмите Создать кнопку «Купить».

  3. Нажмите Кнопка «Купить» для товара.

  4. Выберите товар из каталога или воспользуйтесь поиском, чтобы найти товар. Нажмите Выбрать.

  5. Необязательно: настройте кнопку «Купить».

    1. Если у вашего товара есть варианты, выберите Все варианты или выберите нужный вариант.
    2. Выберите стиль макета и действие, которое выполняется при нажатии кнопки клиентом. Вы также можете настроить внешний вид кнопки.
    3. По умолчанию страница оформления заказа открывается в новом окне, но вы можете выбрать открытие в той же вкладке браузера, что и ваш веб-сайт. Нажмите Расширенные настройки > Перенаправлять в той же вкладке.

  6. Нажмите Далее.

  7. Нажмите Копировать код.

  8. Откройте HTML-редактор веб-страницы, на которой вы хотите разместить кнопку «Купить». См. раздел Добавление кода кнопки «Купить» в HTML.

  9. Вставьте код в HTML-код в том месте, где должна появиться кнопка «Купить», а затем сохраните изменения.

На мобильном устройстве

  1. В Shopify app нажмите значок Меню.

  2. В разделе Каналы продаж нажмите Кнопка купить.

  3. Нажмите Создать кнопку «Купить».

  4. Нажмите Кнопка «Купить» для товара.

  5. Выберите товар из каталога или воспользуйтесь поиском, чтобы найти товар, а затем нажмите Выбрать.

  6. Необязательно: нажмите Настроить.

    1. Если у вашего товара несколько вариантов, выберите Все варианты или выберите вариант из выпадающего списка.
    2. Выберите стиль макета и действие, которое выполняется при нажатии кнопки клиентом. Вы также можете настроить внешний вид кнопки.
    3. По умолчанию страница оформления заказа открывается в новом окне, но вы можете выбрать открытие в той же вкладке браузера, что и ваш веб-сайт. Нажмите Расширенные настройки > Перенаправлять в той же вкладке.

  7. Нажмите Готово.

  8. Нажмите Копировать код.

  9. Откройте HTML-редактор веб-страницы, на которой вы хотите разместить кнопку «Купить». См. раздел Добавление кода кнопки «Купить» в HTML.

  10. Вставьте код в HTML-код в том месте, где должна появиться кнопка «Купить», а затем сохраните изменения.

Создание кнопки «Купить» для коллекции

Когда вы создаёте кнопку «Купить» для коллекции, вы на самом деле создаёте по кнопке для каждого товара в этой коллекции.

При создании кнопки «Купить» вы выбираете стиль макета и настраиваете её цвет, текст и внешний вид, а также действие, которое выполняется, когда клиент на неё нажимает. Подробнее о настройке кнопок «Купить».

Перед созданием кнопки «Купить» для коллекции необходимо:

Инструкции:

На компьютере

  1. В панели администратора Shopify перейдите в раздел Каналы продаж > Кнопка «Купить».

  2. Нажмите Создать кнопку «Купить».

  3. Нажмите «Кнопка „Купить“ для коллекции».

  4. Выберите коллекцию или найдите её через поиск. Нажмите «Выбрать».

  5. Необязательно: настройте кнопку «Купить».

    1. Выберите действие, которое происходит при нажатии на кнопку. Вы также можете настроить её внешний вид.
    2. По умолчанию страница оформления заказа открывается в новом окне, но вы можете выбрать открытие в той же вкладке браузера, что и ваш веб-сайт. Нажмите Расширенные настройки > Перенаправлять в той же вкладке.

  6. Нажмите Далее.

  7. Нажмите Копировать код.

  8. Откройте HTML-редактор веб-страницы, на которой вы хотите разместить кнопку «Купить». См. раздел Добавление кода кнопки «Купить» в HTML.

  9. Вставьте код в HTML-код в том месте, где должна появиться кнопка «Купить», а затем сохраните изменения.

На мобильном устройстве

  1. В Shopify app нажмите значок Меню.

  2. В разделе Каналы продаж нажмите Кнопка купить.

  3. Нажмите Создать кнопку «Купить».

  4. Коснитесь «Кнопка „Купить“ для коллекции».

  5. Выберите коллекцию или найдите её через поиск, а затем коснитесь «Выбрать».

  6. Необязательно: нажмите Настроить.

    1. Выберите действие, которое происходит при нажатии на кнопку. Вы также можете настроить её внешний вид.
    2. По умолчанию страница оформления заказа открывается в новом окне, но вы можете выбрать открытие в той же вкладке браузера, что и ваш веб-сайт. Нажмите Расширенные настройки > Перенаправлять в той же вкладке.

  7. Нажмите Готово.

  8. Нажмите Копировать код.

  9. Откройте HTML-редактор веб-страницы, на которой вы хотите разместить кнопку «Купить». См. раздел Добавление кода кнопки «Купить» в HTML.

  10. Вставьте код в HTML-код в том месте, где должна появиться кнопка «Купить», а затем сохраните изменения.