Advertisement
  1. Code
  2. Coding Fundamentals

Интеграция PayPal Часть 1: платежные кнопки PayPal

Scroll to top
Read Time: 10 min
This post is part of a series called PayPal Integration.
PayPal Integration Part 2: PayPal REST API

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

Существует семь типов кнопок оплаты, которые вы можете создать из своей учетной записи PayPal Business после входа в систему и перехода к инструменту создания кнопки PayPal.

Кнопки Купить сейчас: оплата одного пункта

Buy NowBuy NowBuy Now

Этот тип кнопки широко используется и очень прост в настройке. Начните со входа в свою учетную запись PayPal и перехода к кнопкам PayPal. В этом разделе вы можете увидеть все сохраненные кнопки. Имейте в виду, что вы можете настроить текст на каждой кнопке, и вы можете даже использовать свои собственные изображения, если хотите. Вы также можете назначить дополнительный идентификатор элемента для каждой кнопки для ссылки на каждый идентификатор продукта, который у вас есть. Таким образом, у вас может быть несколько кнопок «Купить сейчас» на вашем сайте, если у вас несколько продуктов.

Чтобы создать новую кнопку, в поле Связанные элементы справа щелкните ссылку Создать новую кнопку, и откроется следующая форма:

Creating a ButtonCreating a ButtonCreating a Button

Введите данные платежа для своего товара, а также название и цену. В этом примере имя элемента - «Sample PayPal Course». Эта кнопка поставляется с выпадающим списком и двумя разными ценами. Если у вас есть только одна цена, выпадающий список не будет показан. Теперь нажмите кнопку Создать и добавьте код своей кнопки на свою веб-страницу:

Get The Button CodeGet The Button CodeGet The Button Code

Скопируйте сгенерированный HTML-код и вставьте его в свой веб-редактор там, где вы хотите, чтобы кнопка отображалась.

Оформить заказ с кнопками Buy Now

На следующей диаграмме показано, как происходит навигация для пользователя после нажатия на кнопку Buy Now PayPal.

Checkout experience with buy now buttonsCheckout experience with buy now buttonsCheckout experience with buy now buttons

Как вы можете видеть на диаграмме, после нажатия кнопки «Купить сейчас» ваш клиент перенаправляется на PayPal. Ваш клиент может войти в свою учетную запись PayPal и оплатить балансом PayPal (1a) или безопасно ввести данные кредитной карты (1b). После этого шага отображается сводка заказов (2), и нажатие на Pay Now будет фиксировать платеж, отображать страницу «Спасибо» (3) и уведомлять клиента по электронной почте.

Отслеживание запасов и отслеживание прибыли и убытков

Если вы продаете цифровые продукты, возможно, вас не интересует эта функция, но это интересная функция, когда вы продаете физические продукты. PayPal позволяет вам управлять вашими запасами, чтобы вы не перепродавали, а также позволяет вам вводить ваши затраты на продукт, чтобы вы могли получить краткий обзор доходов и прибыли. Это можно активировать из формы Create Button, шаг 2.

Track Inventory Profile and LossTrack Inventory Profile and LossTrack Inventory Profile and Loss

Расширенные возможности

Базовый процесс проверки оставляет покупателей на веб-сайте PayPal после их оплаты. Вы можете изменить это поведение, чтобы ваши клиенты возвращались на ваш сайт после оформления заказа. Это можно настроить из формы Create Button, шаг 3.

Optional Advanced FeaturesOptional Advanced FeaturesOptional Advanced Features
  • Изменить количество заказа: по умолчанию это отключено, а количество - равно одному. Если вы включите это, PayPal предложит покупателям количество товаров после нажатия кнопки «Купить».
  • Специальные инструкции: вы можете включить это поле, чтобы позволить вашим покупателям оставлять вам короткое сообщение с заказом.
  • Shipping адрес: Если вы продаете физический продукт, то вам нужно знать адрес покупателя для того чтобы отправить товар. Если вы продаете цифровую загрузку, возможно, вам не нужен адрес.
  • Пользовательская веб-страница отмены: вы можете создать пользовательскую страницу, на которой ваши клиенты будут перенаправлены, если они отменят покупку. Введите URL этой страницы в этом поле.
  • Пользовательская веб-страница успеха: вы можете создать пользовательскую страницу, на которую клиенты будут перенаправлены после успешной оплаты. Введите URL этой страницы в этом поле.

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

Donate кнопки: взносы

DonateDonateDonate

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

Чтобы создать кнопку «Пожертвовать», вам нужно снова открыть форму «Создать новую кнопку»:

Creating a Donate ButtonCreating a Donate ButtonCreating a Donate Button

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

Subscribe кнопки: повторяющиеся платежи

SubscribeSubscribeSubscribe

Если вы хотите автоматически получать подписные платежи от покупателей для доступа к онлайн-контенту и услугам, то вы должны использовать этот тип кнопки. Чтобы создать его, вам нужно снова открыть форму «Создать новую кнопку»:

Subscribe ButtonSubscribe ButtonSubscribe Button

После того, как вы выберите «Подписки» в раскрывающемся списке «Выбрать кнопку», форма похожа на предыдущие типы кнопок, но есть небольшие отличия:

  • Пусть PayPal создаст имена пользователей и пароли для клиентов: это расширенная функция, в которой PayPal генерирует имя пользователя и пароль для каждой подписки. Вам необходимо внедрить некоторый код на своем веб-сайте, потому что PayPal уведомляет ваш веб-сайт, поэтому вы можете сохранить имя пользователя и пароль в своей базе данных, чтобы ваши пользователи могли получить доступ к вашему частному контенту. Для этого сценария я рекомендую использовать API-интерфейс PayPal REST; Я расскажу, как это работает в следующей статье этой серии.
  • Сумма выставления счетов за каждый цикл: введите сумму, которую ваши клиенты будут платить вам за каждый цикл выставления счетов.
  • Цикл выставления счетов: выберите номер и единицу продолжительности из выпадающих меню для обычного платежного цикла подписки.
  • После скольки циклов необходимо остановить выставление счета?: При желании вы можете выбрать ограничение на количество платежей.
  • Период пробного предложения: вы можете предложить дополнительный пробный период бесплатно или с дисконтом по сравнению с обычной ценой. Установите этот флажок, если вы хотите предложить пробную версию и заполнить поля, сумму для выставления счета за пробную версию и пробный период. Вы можете дополнительно указать и второй пробный период.

Как работают биллинговые циклы и периодические платежи

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

Отмена подписки

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

Создание кнопки отмены подписки

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

Create more buttons pageCreate more buttons pageCreate more buttons page

Нажмите кнопку «Создать отменить подписку», и откроется эта страница:

Unsubscribe ButtonUnsubscribe ButtonUnsubscribe Button

После того, как вы нажмете кнопку «Создать», вы получите код HTML для копирования и вставки в личную область вашего клиента:

Unsubscribe Button CodeUnsubscribe Button CodeUnsubscribe Button Code

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

Автоматические платежные кнопки: повторяющиеся платежи

Automatic BillingAutomatic BillingAutomatic Billing

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

Например, предположим, что вы продаете подписку на услугу уборки. Ваши клиенты могут разрешить вам взимать плату до 200 долларов США в месяц, а в некоторые месяцы они могут использовать меньше часов, а плата может составлять менее 200 долларов США.

Чтобы создать кнопку «Автоматическая оплата», вам необходимо перейти к инструменту создания кнопки PayPal и выбрать «Автоматическое выставление счетов» в раскрывающемся списке «Выбрать тип кнопки».

Управление автоматическими соглашениями о выставлении счетов

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

Automated BillingAutomated BillingAutomated Billing

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

Кнопка оплаты платежа: до четырех платежей

Installment PlanInstallment PlanInstallment Plan

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

Этот тип оплаты также позволяет клиенту произвести полную оплату, поэтому вам не нужна кнопка «Купить» рядом с этим. Хорошей идеей было бы создать пользовательскую кнопку с изображением, в которой вы скажете «Купить сейчас» (заплатите до 4-х рассрочек, если хотите) ». Или используйте какой-то другой текст на свое усмотрение.

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

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

Добавить в корзину и просмотреть корзину: PayPal Корзина

Add to CartAdd to CartAdd to Cart

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

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

Add To Cart ButtonAdd To Cart ButtonAdd To Cart Button

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

Saved ButtonsSaved ButtonsSaved Buttons

Форма довольно проста, и вы можете настроить внешний вид. Когда вы будете готовы, нажмите кнопку «Создать», чтобы получить фрагмент HTML.

Create View Cart ButtonCreate View Cart ButtonCreate View Cart Button

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

Кнопка покупки подарочного сертификата

Buy Gift CertificateBuy Gift CertificateBuy Gift Certificate

Этот тип кнопки позволяет вам продавать подарочные сертификаты, которые ваши клиенты могут использовать для оплаты на вашем сайте. Этот тип кнопки, похоже, не привлекает большого внимания в наши дни, и доступна только старая документация в формате PDF. Я бы рекомендовал вам не использовать его, и я не удивлюсь, увидев, что эта кнопка будет удалена в ближайшем будущем.

Заключение

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.