Вы ищете способ добавить QR-код для платежей Stripe на свой веб-сайт WordPress?
QR-коды или коды быстрого ответа — это тип штрих-кода, который пользователи могут сканировать с помощью своих мобильных телефонов. Вы можете показать форму оплаты Stripe с помощью QR-кодов и помочь клиентам легко приобрести продукт или услугу.
В этой статье мы покажем вам, как добавить оплату по QR-коду Stripe в WordPress.
Зачем добавлять оплату по QR-коду Stripe в WordPress?
Stripe — популярный платежный шлюз, который позволяет принимать онлайн-платежи на вашем сайте WordPress или в магазине электронной коммерции. Это позволяет клиентам очень легко оплачивать покупки с помощью кредитных карт.
Самое приятное то, что клиентам не нужно проходить длительный процесс регистрации. Они могут просто ввести свою кредитную карту на веб-сайте, чтобы совершить покупку.
Добавление платежей по QR-коду Stripe на ваш сайт дает клиентам возможность быстро совершить покупку. Клиенты могут просто отсканировать код, чтобы открыть ссылку для оплаты.
Это делает процесс оформления заказа очень простым и быстрым. Это помогает людям легко покупать товары и услуги в вашем интернет-магазине. В результате вы увидите рост конверсий и снижение количества брошенных корзин.
Тем не менее, давайте посмотрим, как вы можете добавить оплату по QR-коду Stripe на свой веб-сайт WordPress.
Создайте форму оплаты Stripe в WordPress
Во-первых, вам нужно добавить на свой веб-сайт форму оплаты Stripe, чтобы принимать онлайн-платежи от клиентов.
Лучший способ сделать это — использовать WPForms. Это лучший плагин контактной формы для WordPress, который очень прост в использовании и легко интегрируется с Stripe. Существует множество шаблонов форм на выбор, и вы можете настроить их с помощью конструктора перетаскивания.
Для этого руководства вам понадобится лицензия WPForms Pro, поскольку она включает дополнение Stripe. Также есть WPForms Lite версию, которую вы можете использовать бесплатно. Он позволяет вам принимать платежи Stripe, но за платежи, сделанные через ваши формы, взимается комиссия в размере 3%.
Для начала вам необходимо скачать и установить плагин WPForms. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации вы можете перейти в WPForms » Настройки из панели управления WordPress и введите лицензионный ключ. Вы можете найти ключ в своей учетной записи на веб-сайте WPForms.
![Добавление лицензионного ключа в плагин конструктора форм WPForms Добавление лицензионного ключа в плагин конструктора форм WPForms](https://www.wpbeginner.com/wp-content/uploads/2023/04/wpforms-license-key.png)
Просто введите ключ и нажмите кнопку «Проверить ключ».
Как только это будет сделано, вам нужно будет перейти к WPForms » Дополнения и установите дополнение Stripe.
![Установка дополнения Stripe Установка дополнения Stripe](https://www.wpbeginner.com/wp-content/uploads/2018/05/install-stripe-addon.png)
Нажмите кнопку «Установить дополнение», и WPForms автоматически установит и активирует его.
Отсюда вы можете отправиться в WPForms » Настройки из панели администратора WordPress и перейдите на вкладку «Платежи».
Затем просто нажмите кнопку «Подключиться к Stripe» и следуйте инструкциям на экране, чтобы подключить свою учетную запись к WPForms.
![Нажмите кнопку «Подключиться к Stripe». Нажмите кнопку «Подключиться к Stripe».](https://www.wpbeginner.com/wp-content/uploads/2016/12/click-the-connect-with-stripe-button.png)
После подключения Stripe вы можете перейти к WPForms » Добавить новый для создания новой формы.
WPForms предлагает на выбор множество шаблонов форм. Вы можете выбрать простую контактную форму, форму заказа или форму оплаты Stripe и настроить ее.
![Полоса платежной формы Полоса платежной формы](https://www.wpbeginner.com/wp-content/uploads/2023/08/stripe-payment-form.png)
В этом уроке мы будем использовать шаблон «Форма оплаты в полосе».
Затем вы можете настроить свою форму с помощью конструктора форм с возможностью перетаскивания. По умолчанию в шаблоне вы увидите разные поля формы.
Однако WPForms позволяет добавлять в шаблон дополнительные поля формы, такие как раскрывающийся список, флажки, адрес электронной почты, телефон, адрес, веб-сайт и многое другое.
![Настройте форму оплаты Stripe Настройте форму оплаты Stripe](https://www.wpbeginner.com/wp-content/uploads/2023/08/customize-stripe-payment-form.png)
Вы также можете щелкнуть любое поле формы в шаблоне, чтобы настроить его дальше.
Например, мы изменили текст для каждого товара в вашей демонстрационной форме и включили опцию отображения цен после метки товара.
![Настройка поля формы в форме оплаты полосы Настройка поля формы в форме оплаты полосы](https://www.wpbeginner.com/wp-content/uploads/2023/08/customize-form-field-in-stripe-payment-form.png)
Завершив редактирование формы, просто переключитесь на вкладку «Платежи» и выберите «Полоса» в меню слева.
Отсюда убедитесь, что опция «Включить платежи Stripe» включена.
![Включить платежи Stripe Включить платежи Stripe](https://www.wpbeginner.com/wp-content/uploads/2023/08/enable-stripe-payments.png)
Далее вы можете переключиться на вкладку «Настройки». Здесь вы увидите варианты изменения настроек уведомлений и подтверждений.
Например, вы можете выбрать, какое действие должно произойти после того, как пользователь отправит форму. WPForms позволяет показывать сообщение или страницу или даже перенаправлять пользователей на URL-адрес.
![Форма настройки подтверждения Форма настройки подтверждения](https://www.wpbeginner.com/wp-content/uploads/2023/06/confirmation-settings-mailchimp-form.png)
Теперь вы готовы отобразить форму оплаты Stripe на своем веб-сайте.
Просто нажмите кнопку «Сохранить», чтобы сохранить изменения, а затем нажмите кнопку «Встроить» вверху.
![Сохраните и вставьте свою форму Сохраните и вставьте свою форму](https://www.wpbeginner.com/wp-content/uploads/2018/05/save-and-embed-your-form.png)
Затем WPForms отобразит всплывающее окно, в котором вы сможете выбрать существующую страницу или создать новую для встраивания формы.
Для этого урока мы выберем опцию «Выбрать существующую страницу».
![Встроить форму на страницу Встроить форму на страницу](https://www.wpbeginner.com/wp-content/uploads/2022/08/emebd-a-form-in-page.png)
Далее вам нужно будет ввести имя для вашей новой страницы.
Как только это будет сделано, просто нажмите кнопку «Поехали».
![Введите имя для вашей новой страницы Введите имя для вашей новой страницы](https://www.wpbeginner.com/wp-content/uploads/2022/05/enter-name-for-your-new-page.png)
После этого вы увидите предварительный просмотр формы оплаты Stripe в редакторе контента WordPress.
Вы можете опубликовать страницу и посетить веб-сайт, чтобы увидеть ее в действии.
![Предварительный просмотр формы оплаты Stripe Предварительный просмотр формы оплаты Stripe](https://www.wpbeginner.com/wp-content/uploads/2023/08/stripe-payment-form-preview.png)
Теперь скопируйте ссылку на страницу формы оплаты, так как она понадобится вам для создания QR-кода.
Альтернативный метод: Вы также можете создать форму оплаты Stripe, используя WP Простая оплата. Это лучший платежный плагин Stripe для WordPress, который помогает вам собирать онлайн-платежи без необходимости настройки корзины покупок.
WP Simple Pay — более простой вариант по сравнению с WPForms. Это идеально, если вы просто хотите создать базовую форму для приема платежей по кредитным картам.
Однако, если вам нужны дополнительные параметры настройки и шаблоны форм, мы рекомендуем использовать WPForms.
Для получения более подробной информации вы можете ознакомиться с нашим подробным руководством по приему платежей с помощью Stripe в WordPress.
Добавьте QR-код для платежей Stripe в WordPress
Теперь, когда ваша форма оплаты Stripe готова, вы можете создать для нее QR-код и отобразить его в любом месте своего сайта.
Добавить QR-код на свой сайт можно двумя способами. Вы можете использовать функцию браузера Google Chrome или плагин WordPress.
1. Создайте QR-коды с помощью Google Chrome.
Если вы используете браузер Google Chrome, вы можете использовать его, чтобы поделиться веб-страницей с помощью QR-кода.
Сначала вам нужно открыть страницу формы оплаты Stripe в новой вкладке или окне.
Затем вы можете щелкнуть значок «Поделиться» в правом верхнем углу адресной строки сайта. Отсюда просто выберите опцию «Создать QR-код».
![Нажмите значок «Поделиться» в Chrome. Нажмите значок «Поделиться» в Chrome.](https://www.wpbeginner.com/wp-content/uploads/2023/08/click-the-share-icon-in-chrome-1.png)
После этого Google Chrome сгенерирует QR-код для вашей страницы формы оплаты Stripe.
Вы можете скачать QR-код в виде изображения.
![Загрузите QR-код Загрузите QR-код](https://www.wpbeginner.com/wp-content/uploads/2023/08/download-the-qr-code.png)
Далее просто разместите изображение в любом месте вашего сайта.
Например, вы можете показывать QR-код на страницах товаров, чтобы клиенты могли быстро отсканировать их и открыть форму для совершения покупки.
![Добавьте QR-код на страницу продукта Добавьте QR-код на страницу продукта](https://www.wpbeginner.com/wp-content/uploads/2023/08/add-QR-code-to-product-page-1024x582.png)
2. Создайте QR-код Stripe Payment с помощью плагина WordPress.
Вы также можете добавить QR-коды на свой сайт с помощью плагина WordPress, такого как Shortcodes Ultimate. Это бесплатный плагин, который позволяет создавать более 50 различных типов коротких кодов, включая QR-коды.
Сначала вам необходимо установить и активировать плагин Shortcodes Ultimate. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации вы увидите экран приветствия Shortcode Ultimate.
![Конечный экран приветствия шорткода Конечный экран приветствия шорткода](https://www.wpbeginner.com/wp-content/uploads/2023/08/shortcode-ultimate-welcome-screen.png)
Далее вам нужно будет отредактировать страницу или публикацию, чтобы добавить свой QR-код.
В редакторе контента просто добавьте блок шорткода.
![Как добавить блок шорткода в WordPress Как добавить блок шорткода в WordPress](https://www.wpbeginner.com/wp-content/uploads/2013/08/adding-shortcode-block.png)
После этого вы должны увидеть опцию «Вставить короткий код».
Вы можете просто щелкнуть значок двойной скобки, чтобы добавить свой QR-код.
![Нажмите значок выбора короткого кода Нажмите значок выбора короткого кода](https://www.wpbeginner.com/wp-content/uploads/2023/08/click-the-select-shortcode-icon.png)
Затем плагин отобразит различные варианты шорткодов для вашего сайта.
Идите вперед и выберите опцию «QR-код».
![Выберите короткий код QR-кода Выберите короткий код QR-кода](https://www.wpbeginner.com/wp-content/uploads/2013/08/select-QR-code-shortcode.png)
После этого вы увидите варианты ввода данных для вашего QR-кода.
В поле «Данные» вы можете ввести URL-адрес вашей платежной формы Stripe, которую вы создали ранее.
Кроме того, есть возможность ввести заголовок кода, который действует как альтернативный текст. Вы также можете настроить размер QR-кода.
![Введите данные QR-кода Введите данные QR-кода](https://www.wpbeginner.com/wp-content/uploads/2023/08/enter-qr-code-details.png)
Если вы прокрутите вниз, вы увидите больше возможностей для настройки QR-кода. Например, вы можете изменить основной цвет, цвет фона и многое другое.
Когда вы закончите, просто нажмите кнопку «Вставить короткий код».
![Нажмите «Вставить шорткод». Нажмите «Вставить шорткод».](https://www.wpbeginner.com/wp-content/uploads/2023/08/click-insert-shortcode-1.png)
Плагин также позволяет вам просматривать предварительный просмотр кода в сообщении в блоге или на целевой странице.
Опубликуйте свою страницу, чтобы увидеть QR-код формы оплаты Stripe в действии.
![Предварительный просмотр QR-кода Предварительный просмотр QR-кода](https://www.wpbeginner.com/wp-content/uploads/2023/08/qr-code-live-preview.png)
Мы надеемся, что эта статья помогла вам узнать, как добавить оплату по QR-коду Stripe в WordPress. Возможно, вы также захотите ознакомиться с нашим простым руководством по WooCommerce и о том, как принимать регулярные платежи в WordPress.
Если вам понравилась эта статья, то подписывайтесь на нашу рассылку YouTube канал для видеоуроков по WordPress. Вы также можете найти нас на Твиттер и Фейсбук.