支払いフォーム

Payment Form を使用すると、Stripe や PayPal でのオンライン支払いを受け入れる手間が軽減されます。 支払いと寄付を数分で受け取ります。 製品、サービス、オンラインコースなどを販売します。

支払いページや寄付ページを簡単に作成できます あなたのウェブサイト または ページ を使用して寄付または XNUMX 回限りの支払いを受ける 支払いと寄付 のセクションから無料でダウンロードできます。

また、フォームに必要なフォーム フィールドを構成する機能も提供し、収集されたフォーム データを電子メールで送信する電子メール アドレスを指定することもできます。

すべてのフォーム データも保存され、 設定 > フォーム送信 スタジオの一角。 さらに詳しく.

お問い合わせフォーム経由で送信されたすべてのデータは、お問い合わせフォームの設定で指定された電子メール ID にも転送されます。 あなたの アカウントのメールアドレス がデフォルトとして採用されます。
チェック: アカウントのメール アドレスを変更します。 


ここで扱われる内容:

  1. ページに「支払いと寄付」セクションを追加する
  2. コンテンツ
  3. レイアウト
  4. フォームの管理
  5. 形式
  6. 設定
  7. 成功メール
  8. 支払いと支払い方法を確認する
  9. 実例

支払いと寄付のセクションを追加

  • ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
  • あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。

 

  • 今すぐ セクションカテゴリ 左側にあります。
  • 選択する 支払いと寄付のセクション (1) 任意のレイアウトを選択できるカテゴリ (2)。


支払いフォームの管理

  • ソフトウェアの制限をクリック 支払いフォームの編集 (1)ボタン。

  • 管理するオプションがあります コンテンツ (2) レイアウト (3) フォーム (4) 形式 (5) 設定 (6)と、 成功メール とします。
  • ヒット Save (8) 変更をフォームに適用します。


コンテンツ

  • 画像をアップロードする (1) フォームの場合。
  • 加える 役職 (2)、および説明 (3) フォームについて。 説明を追加する前に確認してください この 記事。

  • 特定します セクションの見出し (4) [支払いフォーム] セクション。


レイアウトの管理

  • セットアップボタンをクリックすると、セットアップが開始されます 支払いフォームの編集 (1)ボタン。

  • 選択する レイアウト (2) タブ。
  • 現在地に最も近い レイアウト あなたのセクション(3)と Save (4) 変更。


フォームの管理

セクションを追加したら: 

  • セットアップボタンをクリックすると、セットアップが開始されます 支払いフォームの編集 (1)ボタン。

  • Video Cloud Studioで フォーム (2)タブ。変更が完了したら、 Save (3) 設定。

フォームフィールドの管理

[フォーム フィールドの管理] で、訪問者がこのフォームに入力するフィールドを指定できます。

  • ソフトウェアの制限をクリック 新しいフィールドを追加 (1) ボタンをクリックしてフォームにフィールドを追加します。
  • 編集または削除 (2) すでに追加されているフィールド。
  • ドラッグ·アンド·ドロップ (3) フォーム内の順序を変更するフィールド。

  • をクリックすると、 +フィールドを追加 ボタンをクリックするとポップアップが開き、フォームフィールドを選択できます。

  1. キャプチャ あなたのクライアントの。
  2. あらゆる小さな情報をキャプチャします。 短いテキスト フィールド。
  3. 詳細な情報/メッセージは、 ロングテキスト フィールド。
  4. キャプチャ email あなたのクライアントの。
  5. 任意のキャプチャ 数値情報 クライアントから。
  6. から選択するサービスを追加します 落ちる 道。
  7. 単一選択: サービスのラジオ選択を追加します。
  8. 複数選択: 複数選択用のチェックボックス フィールドを追加します。
  9. 加える 日付ピッカー クライアントがあらゆるイベントの日付を選択できるようにします。
  10. 加える ライン フォームフィールドの間。
  11. キャプチャ 住所 あなたのクライアントの。
  12. キャプチャ ウェブサイト あなたのクライアントの。
  13. キャプチャ 電話 あなたのクライアントの。
  14. 加える 時間 フィールドを使用して、クライアントがイベント時間を自分で指定できるようにします。
  15. 加える セパレーター フォームフィールドの間。
  16.   同意フィールド このオプションを使用すると、ニュースレターの許可を取得し、プライバシーと利用規約に同意できます。
  17. を使用してクライアントのレビューを取得します 階段, 数字のスケール, スマイリースケール.
Note

メールアドレスと金額フィールドは必須フィールドであり、削除できません。


金額と支払い方法を更新する

更新金額

  • フォーム フィールドの管理 (1) フォームから収集する金額を設定するオプションがあります。
  • セットアップボタンをクリックすると、セットアップが開始されます 編集(2) 金額の横にあるアイコン。

  • フォームフィールドを設定するオプションがあります タイトルと説明.
  • ソフトウェアの制限をクリック 新しい金額を追加ボタン 新しい金額を追加します。
  • 金額フィールドをドラッグ アンド ドロップして順序を変更することもできます。
  • 加える ラベル 金額のために。
  • のオプションを確認してください ユーザー定義金額を有効にする ユーザーが任意の金額を追加できるようにします。
  • Save あなたの変更。

実際に見る:


支払方法

  • フォームの支払方法を更新できます。
  • PaypalとStripeからお選びいただけます。 インドのお客様は Razorpay と PayUMoney を追加することもできます さらに詳しく.

Note

一度に XNUMX つの支払い方法のみをフォームに関連付けることができます。


フォーム提出

  1. 以下を選択するオプションがあります フォーム クエリをメールに送信します。
  2. このコンタクト フォームがデータを送信する電子メール アドレスを 3 つまで指定します。 あなたの アカウントのメールアドレス フォームを追加するときのデフォルトとして使用されます。 方法を参照してください メールアドレスを追加します。
    チェック: アカウントのメールアドレスを変更する.
  3. Google スプレッドシートに送信 したがって、フォーム データは Google シートに直接追加されます。 さらに詳しく.
  4. フォーム データを CSVファイルさらに詳しく.


スタイルオプション

  • ソフトウェアの制限をクリック 支払いフォームの編集 (1)ボタン。

  • 選択する 形式 (2)タブ。
  • セクション要素のスタイルを変更し、 Save (3) お客様の変更。

セクションには複数のスタイル オプションがあります。 

画像 

  1. 選択する 画像の切り抜き 画像のために。 画像は、正方形、円形、横長、縦長、動的に設定できます。
  2. リスト項目の各辺に共通の角半径または異なる角半径を選択し、数値 (px) を設定します。 コーナー半径 リスト項目の画像。
    使い方 コーナー半径 フィールドでは、さまざまな形の画像を作成できます。 ここで 500 px を指定すると、画像は円形で表示されます。
    分割コーナーを選択した場合は、コーナーごとに異なるコーナー半径を設定できます。 もっと知る。 

  1. に選択します。 画像をアニメーション化する ホバー時 「はい」をクリックしてください。 アニメーションのスタイルも選択できます。

アラインメント 

  1. 選択する 水平方向の配置 内容の。 左、右、中央に設定できます。
  2. 選択する 垂直整列 内容の。 上部、中央、下部に設定できます。

サイズとスペース 

  1. 特定します 画像の幅。 
  2. 特定します セクション見出しの下のスペース (の %)。
  3. 特定します 画像とテキストの間のスペース (の %)。
  4. 特定します タイトルの下のスペース (の %)。

テキスト 

  1. セットアップボタンをクリックすると、セットアップが開始されます  文字スタイルの変更 にアクセスするためのボタン 設計 セクションと フォントのサイズとスタイルを管理します。 
  2. をセットする  役職 フォームのフォント スタイル。
  3. デフォルトを設定する 説明 フォームのフォント スタイル。


設定

  • フォーム全体をページに表示するか、行動喚起ボタンにリンクされたポップアップとして表示するかを選択できます。
  • フォームの動作を次から選択します フォームを次のように表示 オプション (1)。

  • インラインフォーム: フォームはページに直接追加されます。
  • ポップアップ フォーム: フォーム CTA ボタンをクリックすると、ポップアップ ウィンドウが開きます。
  • をセットする  Call to Action ボタンのラベル (2) フォーム。
  • 選択する ボタンのサイズ (3) 小、中、大から。
  • 選択する ボタンスタイル (4) ソリッド、アウトライン、テキストのリンクから。
  • 反転 (5) ボタンの色。 デフォルトの色が適用されます。 ボタンとリンク デザインセクションのオプション。
    チェック: ボタンとリンクのスタイリング。
  • 選択する ボタンの配置 (6) 左、中央、右から。

  • フォームを指定する 見出し (7) ある場合。

  • この見出しはポップアップ フォームでのみ使用されます。

提出後のアクション

送信後のアクションとして、次のことを選択できます。 成功メッセージを表示する (1)または 他のページにリダイレクトする とします。

成功メッセージを表示する場合:

  • 特定します 後払い成功 (2) ユーザーがフォームを送信した後に表示されるメッセージ。
  • 任意のスクリプトを追加することもできます 後払い成功 HTML (3) ボックス。

  • の場合 RURLへのeダイレクト, 設定 (🟐) アイコンをクリックすると、内部/外部ページを指定できます。 もっと知る.


成功メール

  1. 成功メールを有効/無効にします。
  2. 特定します 件名 成功メールの.
  3. 追加する メール本文 成功メールに送信されます。
  4. メール本文に変数を追加できます。この変数は、メール {TRNSACTION_ID}、{AMOUNT}、および {NAME} でキャプチャされて送信されます。


支払いの確認と支払い方法の追加

  • に行きます 支払いと寄付 (1) のセクションから無料でダウンロードできます。
  • ここでは、受け取ったすべての支払いを表示できます。
  • チェック 日付、受取金額、メール (2) 支払いの。
  • 任意のフォーム送信をクリックします (3) 支払いの取引詳細を表示します。
  • などのトランザクションの詳細を確認します トランザクション ID、名前、使用された支払い方法、および支払い方法のトランザクション ID 右の引き出しから。
  • すべての支払いの詳細を CSV形式 (4).


支払方法を追加

  • に行きます 設定 セクション (1) をクリックし、 支払いを受け入れる オプション (2) を左側のメニューから選択します。
  • 次に、有効な支払い方法と無効な支払い方法を確認します。
  • ソフトウェアの制限をクリック 有効化ボタン (3) 支払い方法を有効にする、またはその逆。
  • お問合せ ストライプ or ペイパルビジネス。 インドのお客様も有効にすることができます ペイモニー or ラゾルペイ.

Note

支払いと寄付   プレミアム機能 でのみ使用できます。 プロフェッショナルプランとアドバンスプラン.


ライブの支払い/寄付フォームは次のとおりです。 

ライブ デモ サイトを表示します。 

Note

フォームでのスパマーを減らすために、Google キャプチャ セキュリティがフォームで自動的に有効になります。


お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。