В сегодняшнем выпуске нашей серии « Создание из блоков » мы собираемся изучить один пример создания страницы продажи одного продукта. Ни в коем случае не существует единого подхода к созданию чего-то подобного. Этот конкретный пример призван продемонстрировать быстрый способ начать продавать один продукт в Интернете, используя бесплатные плагины и темы, доступные на WordPress.org.
Вот что вам нужно для создания этой простой страницы:
- Тема: Пустой холст
- Плагины: прием платежей Stripe и блокировка отзывов
- Полосатый аккаун
Шаг 1: Установите тему « Пустой холст » от Automattic.
Причина, по которой я выбрал эту тему, заключается в том, что она позволяет легко создать одностраничный веб-сайт без всех лишних ненужных элементов страницы. По умолчанию в нем нет заголовка, меню навигации или виджетов, поэтому вам не нужно придумывать, как отключить все это.
Сначала создайте новую страницу, а затем выберите шаблон темы «Обо мне» в обозревателе шаблонов.
Замените изображение изображением вашего продукта и замените текст информацией о продукте. Настройте текст кнопки на «Купить сейчас» или на то, что вы хотите для кнопки покупки.
Добавьте отзывы под продуктом. Если вы выполните поиск в средстве вставки блоков, вы можете найти блок отзывов и установить его оттуда.
Шаг 2: Установите и активируйте плагин Accept Stripe Payments .
Этот плагин позволяет пользователям принимать платежи по кредитным картам через платежный шлюз Stripe. Даже те, кто не создал бизнес-объект, могут использовать Stripe для такого небольшого проекта, как этот. Выберите «Физическое лицо/индивидуальный владелец» при активации учетной записи Stripe.
Если вам нужен PayPal или другой шлюз, просто найдите блочный плагин, который предлагает то, что вам нужно. Если бы я создавал полноценный магазин электронной коммерции с несколькими продуктами, я бы, вероятно, использовал WooCommerce, Easy Digital Downloads или другой более сложный плагин. Прием платежей Stripe показался более простым для этого проекта.
Чтобы настроить параметры плагина, вам нужно будет добавить свои ключи API Stripe и сделать несколько вариантов выбора для вашего магазина с одним продуктом.
Шаг 3: Создайте новый продукт и привяжите кнопку «Оформить заказ».
Перейдите в Stripe Payments >> Добавить новые продукты . Добавьте название, валюту по умолчанию, цену, варианты, стоимость доставки, URL-адрес продукта (для цифровых продуктов) и URL-адрес страницы благодарности, если какой-либо из них применим к вашему продукту. Плагин включает поддержку установки доступного количества и включения контроля запасов. Обязательно выберите «Собирать адреса для выставления счетов и адреса доставки» для физических продуктов, которые необходимо отправить.
Я не выступаю за использование этого конкретного коммерческого плагина. Это только один блок Stripe, который я видел, не обязательно предназначенный для предоставления полноценного движка электронной коммерции. Удивительное количество плагинов по-прежнему поддерживает только шорткоды и не имеет доступных блоков. В этом случае, несмотря на то, что плагин включает в себя блок, я не хотел изменять стиль вывода кнопки. Каждый продукт имеет URL-адрес, который можно вставить в редактор блоков. После создания продукта вставьте ссылку на продукт в текст кнопки оформления заказа.
Последним шагом является тестирование процесса покупки. Вы можете использовать ключи Test API Stripe и тестировать номера кредитных карт, чтобы убедиться, что он работает, прежде чем запускать его. Форма оформления заказа открывается в модальном окне, и клиенты будут перенаправлены на страницу «Результат оформления заказа» после оплаты кредитной картой. Эту страницу можно дополнительно настроить в редакторе блоков.
Если вы хотите выйти за рамки этого базового веб-сайта с одним продуктом, плагин Accept Stripe Payments позволяет вам добавлять несколько продуктов или делать разные вещи, например собирать пожертвования или создавать продукты «Только для авторизации».
