Платежные формы

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

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

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

Все данные формы также сохраняются и доступны в Настройки > Отправка формы часть студии. Узнать больше.

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


В этой статье:

  1. Добавьте на страницу раздел «Оплата и пожертвование»
  2. Содержание
  3. Планировка
  4. Управление формой
  5. Стиль
  6. Настройки
  7. Электронная почта об успешном завершении
  8. Проверьте платежи и способы оплаты
  9. Живой пример

Добавьте раздел «Оплата и пожертвования»

  • На страницу можно добавить раздел. Вы можете добавить раздел на уже существующую страницу или создать новую страницу на вашем сайте.
  • На твоей странице, нажмите на синий + значок добавить Новый раздел на вашу страницу.

 

  • Теперь вы увидите опцию категории разделов на левой стороне.
  • Выберите Раздел оплаты и пожертвований (1) категория, где вы можете выбрать любую раскладку (2).


Управление платежной формой

  • Нажмите на Редактировать форму оплаты (1) кнопка.

  • У вас будет возможность управлять Содержание (2) Планировка (3) форма для заполнения (4) Стиль (5) Настройки (6), и Электронная почта об успешном завершении (7).
  • Удар Сохранить (8) применить изменения к форме.


Содержание

  • Загрузить изображение (1) для формы.
  • Добавить Название (2), и Описание (3) для формы. Перед добавлением описания проверьте этой статьи.

  • Укажите Заголовок раздела (4) для раздела «Форма оплаты».


Управление макетом

  • Нажмите на Редактировать форму оплаты (1) кнопка.

  • Выберите Планировка (2) вкладка.
  • Выберите макет для вашего раздела (3) и Сохранить (4) изменения.


Управление формой

После добавления раздела: 

  • Нажмите на Редактировать форму оплаты (1) кнопка.

  • Откройте приложение форма для заполнения (2) таб. Как только вы закончите вносить изменения, Сохранить (3) настройки.

Управление полями формы

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

  • Нажмите на Добавить новое поле (1), чтобы добавить дополнительные поля в форму.
  • Изменить или удалить (2) уже добавленное поле.
  • Перетаскивание (3) поле для изменения последовательности в форме.

  • При нажатии на + Добавить поле Кнопка откроет всплывающее окно, из которого вы можете выбрать поля формы.

  1. Захватить имя вашего клиента.
  2. Захват любой небольшой информации через Краткий текст поле.
  3. Захватывайте любую сложную информацию/сообщение через Длинный текст поле.
  4. Захватить e-mail вашего клиента.
  5. Захват любого числовая информация от вашего клиента.
  6. Добавляйте услуги на выбор в падать пути.
  7. Одиночный выбор: Добавьте выбор радио для ваших услуг.
  8. Множественный выбор: Добавьте поле флажка для множественного выбора.
  9. Добавить выбор даты чтобы ваши клиенты могли выбрать дату для любого мероприятия.
  10. Добавить линия между полями формы.
  11. Захватить адрес вашего клиента.
  12. Захватить веб-сайт вашего клиента.
  13. Захватить Телефон номер вашего клиента.
  14. Добавить время поле, чтобы ваши клиенты могли сами указать время события.
  15. Добавить разделитель между полями формы.
  16. Ассоциация поле согласия Опция может использоваться для получения разрешений на информационные бюллетени, принимая условия конфиденциальности и использования.
  17. Соберите отзывы клиентов с помощью звезда лестница, числовая шкалакачества масштаб смайликов.
Внимание

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


Обновить сумму и способ оплаты

Обновить сумму

  • Под Управление полями формы (1) у вас есть возможность установить сумму, которую вы хотите получить через форму.
  • Нажмите на Изменить (2) значок рядом с суммой.

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

Смотрите в действии:


Оплата

  • Вы можете обновить Способы оплаты для формы.
  • Вы можете выбрать Paypal и Stripe. Клиенты из Индии также могут добавить Razorpay и PayUMoney. Узнать больше.

Внимание

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


Представления формы

  1. У вас есть возможность выбрать отправить форму запроса на вашу электронную почту.
  2. Укажите до 3 адресов электронной почты, на которые эта контактная форма должна отправлять данные. Твой адрес электронной почты учетной записи принимается по умолчанию при добавлении формы. Посмотрите, как для добавления адресов электронной почты.
    Также проверьте: Изменить адрес электронной почты аккаунта.
  3. Отправить в Google Таблицы поэтому данные формы будут напрямую добавлены в ваш лист Google. Узнать больше.
  4. Экспорт данных формы в виде CSV-файлУзнать больше.


Параметры стиля

  • Нажмите на Редактировать форму оплаты (1) кнопка.

  • Выберите Стиль (2) таб.
  • Измените стиль для элементов раздела и Сохранить (3) ваши изменения.

У вас будет несколько вариантов стиля для раздела: 

Фотографии 

  1. Выберите обрезка изображения для изображения. Вы можете установить изображение как Квадрат, Круг, Пейзаж, Портрет и Динамический.
  2. Выберите общий радиус угла или разный радиус угла для каждой стороны элементов списка и установите число (в пикселях) для угловой радиус изображений элементов списка.
    Посмотрите на график угловой радиус поле, вы можете создавать различные формы изображения. Если вы укажете здесь 500 пикселей, изображение будет отображаться в форме круга.
    Если вы выбрали разделенные углы, вы можете установить разные радиусы углов для каждого угла. Узнать больше. 

  1. Выберите анимировать изображение при наведении нажав Да. Вы также можете выбрать стиль анимации.

центровка 

  1. Выберите горизонтальное выравнивание содержания. Вы можете установить его слева, справа или по центру.
  2. Выберите вертикальное выравнивание содержания. Вы можете установить его сверху, по центру или снизу.

Размер и пространство 

  1. Укажите Ширина изображения. 
  2. Укажите Пробел под заголовком раздела (в %).
  3. Укажите Пробел между изображением и текстом (в %).
  4. Укажите Пробел под заголовком (в %).

Текст 

  1. Нажмите на Изменить стиль текста кнопка для посещения Проект и управлять размерами и стилями шрифта. 
  2. Установить Название стиль шрифта для формы.
  3. Установить по умолчанию Описание стиль шрифта для формы.


Настройки

  • Вы можете выбрать отображение всей формы на странице или в виде всплывающего окна, связанного с кнопкой призыва к действию.
  • Выберите поведение формы из Показать форму как вариант (1).

  • Встроенная форма: Форма будет добавлена ​​прямо на страницу.
  • Всплывающая форма: Форма откроется во всплывающем окне при нажатии кнопки призыва к действию.
  • Установить Ярлык кнопки призыва к действию (2) для формы.
  • Выберите размер кнопки (3) от малого, среднего и большого.
  • Выберите стиль кнопки (4) из сплошной, контурной и текстовой ссылки.
  • Инвертировать (5) цвет кнопки. Цвет по умолчанию будет применен из Кнопки и ссылки вариант в разделе «Дизайн».
    Также проверьте: Стилизация кнопок и ссылок.
  • Выберите выравнивание кнопок (6) слева, по центру и справа.

  • Укажите форму Headline (7), если таковой имеется.

  • Этот заголовок используется только во всплывающей форме.

Действие после отправки

В качестве действия после отправки вы можете выбрать показывать сообщения об успехе (1) или перенаправить на любую другую страницу (2).

В случае сообщений об успешном показе:

  • Укажите Успешное завершение платежа (2) сообщение, которое отображается после того, как пользователь отправит форму.
  • Вы также можете добавить любой скрипт в успешное завершение платежа HTML (3) пунктом.

  • В случае Rперенаправить на URL, вы можете указать любую внутреннюю/внешнюю страницу, щелкнув значок настроек (🟐). Узнать больше.


Электронная почта об успешном завершении

  1. Включить/отключить успешное электронное письмо.
  2. Укажите Тема  электронного письма об успехе.
  3. Добавьте тело письма на письмо об успехе.
  4. Вы можете добавить переменные в текст сообщения электронной почты, которые будут перехвачены и отправлены по электронной почте {TRNSACTION_ID}, {AMOUNT} и {NAME}.


Проверьте платежи и добавьте способ оплаты

  • Перейдите в Платежи и пожертвования (1) .
  • Здесь вы можете просмотреть все платежи, которые вы получили.
  • Проверить дата, полученная сумма и электронная почта (2) оплаты.
  • Нажмите на любую отправку формы (3) для просмотра сведений о транзакции платежа.
  • Проверьте детали транзакции, например Идентификатор транзакции, имя, используемый способ оплаты и идентификатор транзакции способа оплаты. из правого ящика.
  • Экспортируйте все детали платежа в Формат CSV (4).


Добавить способ оплаты

  • Перейдите в Настройки раздел (1) и нажмите кнопку Принимать платежи вариант (2) из ​​левого меню.
  • Теперь проверьте активные и неактивные способы оплаты.
  • Нажмите на Кнопка включения (3) для включения способа оплаты и наоборот.
  • Свяжитесь Полоса or Paypal Бизнес. Индийские клиенты также могут включить PayUMoney or Razorpay.

Внимание

Оплата и пожертвования - это Премиум функция и доступен только в Профессиональные и расширенные планы.


Вот живая форма оплаты/пожертвования: 

Просмотрите демо-сайт в реальном времени. 

Внимание

Чтобы уменьшить количество спамеров в форме, в вашей форме автоматически включается защита Google captcha.


Не можете найти то, что ищете?

Свяжитесь с экспертом Pixpa.