Как продавать цифровые продукты с помощью плагина WordPress Simple Shopping Cart? –

Плагины, такие как WooCommerce, позволяют вам создавать цифровой или физический магазин и продавать товары через ваш сайт WordPress. Однако эти плагины электронной коммерции добавят большое количество стилей и скриптов, тем самым увеличивая время загрузки страницы. Нет смысла продавать несколько электронных книг или цифровых продуктов в большом блоге с использованием WooCommerce. Если вы продаете всего несколько товаров и предпочтительным способом оплаты является PayPal, вы можете использовать плагин WordPress Simple Shopping Cart. Это упрощенный вариант добавления корзины покупок PayPal, который упрощает работу.

Почему WordPress плагин простой корзины покупок?

Это бесплатная версия, доступная в репозитории плагинов WordPress и предлагающая следующие функции:

• Вы можете напрямую встроить продукт или кнопку «Добавить в корзину», используя блок Гутенберга или шорткод, в любое сообщение или страницу, не создавая специальную страницу продукта.
• Никаких хлопот с управлением пользователями, таких как регистрация учетной записи и обслуживание данных.
• Это очень просто: вам не нужны отдельные страницы оформления заказа и корзины.
• Для ваших продуктов не будет страниц архива, поэтому они будут чистыми.
• Возможна интеграция платежного шлюза PayPal или Stripe.

При необходимости вы также можете создавать отдельные страницы продуктов, корзину и страницу списка продуктов, как и любые другие плагины электронной коммерции.

1. Настройка плагина

Войдите на свой сайт и перейдите в раздел «Плагины > Добавить новый», чтобы найти и установить Простая корзина покупок WordPress плагин.

Установите WordPress плагин простой корзины покупок

Перейдите в раздел «Простая корзина > Настройки» и перейдите на вкладку «Общие настройки». Здесь вы можете найти короткие коды продуктов и корзин, которые можно напрямую использовать в любой публикации или на странице. Однако вы можете использовать блоки Гутенберга вместо шорткодов.

Прокрутите вниз до заголовка «Стандартные настройки PayPal» и добавьте свой адрес электронной почты PayPal в первое поле. Заполните другие необходимые данные, например валюту, URL-адреса отмены/возврата в разделе «Настройки корзины». Не забудьте включить проверку IPN в своей учетной записи PayPal, чтобы платеж прошел успешно.

Стандартные настройки PayPal

Если вы хотите использовать PayPal Smart Checkout, сначала включите опцию «Отключить стандартную PayPal Checkout». После этого перейдите на вкладку «Дополнительные настройки» и настройте параметры PayPal Smart Checkout.

Настройки умной оплаты PayPal

Перейдите на вкладку «Настройки электронной почты» и настройте «Настройки электронной почты для подтверждения покупки». Вы можете настроить адрес электронной почты, тему и содержание (используя доступные теги электронной почты) для отправки уведомлений по электронной почте как покупателю, так и продавцу (обычно это вы). Наконец, если вы хотите использовать Stripe вместо PayPal, перейдите на вкладку «Настройки Stripe» и установите флажок «Включить Stripe Checkout». Вы можете настроить другие данные, такие как секретный ключ и публикуемый ключ, для привязки вашей учетной записи Stripe.

Настройки полосы

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

2. Использование шорткодов для добавления в корзину и товаров

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

2.1. Короткий код продукта

Ниже приведен формат короткого кода добавления в корзину, в котором вы можете изменить имя/цену и использовать его в любом месте вашего сайта.

(wp_cart_button name=”Название продукта”цена=”Цена продукта”)

Допустим, вы хотите продать электронную книгу под названием «Бесплатное руководство по SEO» за 5 долларов с помощью PayPal. Откройте сообщение или страницу и вставьте блок шорткода. Вставьте следующий короткий код продукта внутри блока:

(wp_cart_button name=”Бесплатное руководство по SEO” цена=”5″)

В вашем редакторе сообщений это должно выглядеть так:

Вставьте продукт с помощью короткого кода

Опубликуйте или обновите публикацию и просмотрите ее содержимое. Шорткод вставит кнопку «Добавить в корзину» без каких-либо сведений о продукте, как показано ниже:

Кнопка «Добавить в корзину»

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

Кнопка «Добавить в корзину» с подробностями

Чтобы связать загружаемый файл электронной книги, сначала загрузите PDF-файл и скопируйте URL-адрес файла из раздела «Медиа > Библиотека».

Скопировать URL-адрес PDF-файла электронной книги

Теперь измените свой короткий код в редакторе сообщений, включив в него URL-адрес файла, как показано ниже:

(wp_cart_button name=”Бесплатное руководство по SEO” Price=”5″ file_url=”URL-адрес PDF-файла”)

Это должно выглядеть так, как показано ниже. Обязательно замените URL-адрес файла своим собственным URL-адресом.

Добавить URL-адрес файла загрузки

Вы можете добавить любое количество товаров на любую из своих страниц и без проблем продавать их.

2.2. Показ корзины с коротким кодом

При нажатии кнопки «Добавить в корзину» товар будет добавлен в корзину. У вас есть два варианта показать корзину вашим пользователям: один — создать отдельную страницу корзины (вам необходимо добавить эту страницу в качестве URL-адреса страницы оформления заказа на вкладке «Общие настройки»), а другой — просто показать корзину под продуктом, используя другую короткий код. Шорткод корзины имеет следующий синтаксис, и вам просто нужно вставить товар под товар внутри блока шорткода.

(show_wp_shopping_cart)

Корзина покупок Короткий код

На опубликованной странице под вашим продуктом будет отображаться корзина, если в нее будут добавлены товары. Пользователь может нажать кнопку «Оформить заказ через PayPal» и завершить покупку (или использовать оплату Stripe).

Корзина под товаром с использованием шорткода

3. Использование блоков Гутенберга для добавления в корзину, продукта и страницы корзины.

Запоминание шорткода — это болезненная работа, а плагин прикрывает вашу спину тремя блоками Гутенберга. Тип /Покупка чтобы найти блоки и вставить их на свою страницу.

• Кнопка «Добавить в корзину»
• Коробка продукта
• Корзина

Найдите блоки корзины для покупок

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

3.1. Использование блока «Коробка продукта»

После вставки блока вы увидите уведомление: «Сначала необходимо указать обязательные поля этого блока!». Перейдите на вкладку «Блокировать» на правой боковой панели и заполните необходимые данные.

Блок коробки продукта с настройками

В окне продукта есть различные разделы настроек, такие как «Общие», «Кнопка корзины» и «Варианты продукта». Вы можете заполнить такие данные, как имя, цена, описание, URL-адрес файла, миниатюра и т. д. в разделе «Общие». Аналогичным образом вы меняете текст «Добавить в корзину» в разделе «Кнопка корзины» и при необходимости добавляете фон для кнопки.

Изменить текст кнопки корзины

Вы можете добавить варианты в разделе «Варианты продукта», который неприменим к электронной книге. Если вы продаете физический продукт или услугу с вариациями, используйте такой формат, как Цвет|Красный|Зеленый|Синий отдельно с символом конвейера. Первый элемент — это заголовок, а остальные элементы используются в качестве опций для выбора в раскрывающемся списке, как показано ниже.

Добавьте варианты продукта

Плюс блока Гутенберга в том, что вы можете визуально проверить результат перед публикацией своей страницы. Если все в порядке, опубликуйте/обновите свой пост, чтобы увидеть коробку с продуктом в действии.

Дисплей коробки продукта

Как видите, коробка продукта на опубликованном сайте выглядит по-другому, поскольку ваша тема повлияет на окончательное отображение. Если вы хотите отобразить границы и цвет фона, добавьте на страницу следующий CSS, используя пользовательский блок HTML.

<стиль> .wp_cart_product_display_box { text-align: center; граница: 1 пиксель, сплошная светло-серая; отступ: 20 пикселей; фон: светло-зеленый; }

Добавьте собственный HTML-код под товаром

Этот CSS будет применен только к полям с товарами в текущем сообщении. Если вы хотите применить изменения глобально ко всем полям продукта, добавьте один и тот же CSS в раздел «Внешний вид > Настройка > Дополнительный CSS» (для блочных тем необходимо добавить его в шаблон заголовка). И на вашей странице появится окно поиска индивидуального продукта, как показано ниже. При необходимости вы также можете добавить «ширина” или “Максимальная ширина” для уменьшения ширины поля.

Индивидуальный дисплей коробки продукта

3.2. Добавление корзины с блоком

Если вы хотите, чтобы корзина отображалась под коробкой с товаром, просто вставьте Простая корзина – Корзина покупок блокировать. Вы можете выбрать вариант отображения корзины в настройках правой боковой панели и опубликовать страницу.

Блок корзины для покупок

Корзина будет отображаться только в том случае, если в нее добавлены товары, и пользователи могут нажать «Оформить заказ через PayPal» (или использовать Stripe), чтобы завершить покупку.

Завершите покупку путем оформления заказа через PayPal

4. Создание отдельной страницы продукта

Всегда полезно иметь отдельную страницу для вашего продукта. Процесс такой же, как описано выше, и вы можете использовать короткие коды или блоки Гутенберга. Разница лишь в том, что вы создаете новую страницу и вставляете туда шорткоды/блоки, а не в пост. Наличие отдельной страницы также позволяет вам добавлять больше контента о ваших продуктах и ​​отображать их на странице списка, демонстрирующей все ваши продукты.

Обратите внимание, что страница продукта и шорткод/блок работают независимо. Если вы хотите показывать тот же продукт на отдельной странице, а также вставлять его в сообщения в виде блока продукта, используйте опцию многократного использования блока, как описано ниже.

• Создайте новую страницу продукта, перейдя в раздел «Страницы > Добавить новую».
• После добавления коробки с товаром и корзины сгруппируйте их в один блок.
• Теперь измените групповой блок на блок многократного использования/шаблон.
• Опубликуйте страницу продукта и вставьте блок многократного использования/шаблона в любое место.

Таким образом, вы можете добиться единообразного внешнего вида коробки с товаром на всем сайте. Узнайте больше о том, как создать многоразовый блок в редакторе WordPress Gutenberg.

5. Использование отдельной страницы оформления заказа

Как уже упоминалось, вы можете добавить отдельный URL-адрес для оформления заказа вместо добавления корзины под продуктом.

• Сначала создайте новую страницу, перейдя в раздел «Страницы > Добавить новую».
• Назовите свою страницу как Checkout и либо добавьте короткий код корзины, либо вставьте Простая корзина – Корзина покупок блокировать. Если вы используете блок, выберите «Параметры отображения корзины».
• Опубликуйте свою страницу и скопируйте URL-адрес.

Создать страницу оформления заказа

• Перейдите в «Простая корзина» > «Настройки» > «Общие настройки» и прокрутите вниз до раздела «Настройки корзины».
• Найдите опцию «Автоматическое перенаправление на страницу оформления заказа» и включите «URL-адрес страницы оформления заказа». Вставьте URL-адрес страницы оформления заказа в текстовое поле, прокрутите вниз и нажмите кнопку «Обновить параметры».

Добавить URL-адрес страницы оформления заказа

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

Завершите покупку на отдельной странице оформления заказа

После завершения оплаты пользователь получит уведомление вместе со ссылкой на ваш файл. Вы также получите уведомление о заказе в соответствии с настройками на вкладке «Настройки электронной почты».

6. Отображение виджетов на боковой панели или в нижнем колонтитуле

Если вы хотите отобразить коробку с товаром или корзину в области виджетов (боковая панель или нижний колонтитул), перейдите в раздел «Внешний вид > Виджеты». Найдите и добавьте виджеты коробки с товаром или корзины в нужную область виджетов.

Виджеты корзины покупок

Заключительные слова

Плагин WordPress Simple Shopping Cart, безусловно, отличный вариант для продажи цифровых продуктов без замедления работы вашего сайта. Плагин также позволяет создавать купоны и настраивать доставку продуктов. Единственное, о чем вам следует позаботиться, — это создать отдельный каталог для загрузки всех ваших файлов, которые вы продаете. Вам следует ограничить доступ к этому каталогу путем прямого просмотра и индексации поисковыми системами, чтобы файлы вашего продукта не индексировались поисковыми системами.