WordPressの上で支払いフォームをつくる方法

4260 ワード

支払いをオンラインにすることは、シームレスで、よりイライラするべきです.私は私の恐れを征服して、Flutterwaveをテストしました、そして、私は本当に感動しました.ここでは、FlutterWaveとWordPressを使用して簡単な支払いフォームを作成する方法です.

何が必要
  • XAMPP
  • ワードプレス
  • FlutterWaveアカウント(テストモード/ライブ)
  • WordPressをローカル開発環境で始めるには、ステップバイステップガイドです.

    アカウントの作成
  • アカウントを作成します.
  • 設定に移動し、API タブ、あなたのAPIキーを取得します.


  • ワードプレスプラグイン
    FlutterWave組み込みのプラグインを内蔵しています.
    あなたのWordPress管理者ページでplugins をクリックしてadd new .
    検索Flutterwave Payment Forms
    FlutterWave開発者によってプラグインをインストールします.インストールが完了したらActivate プラグインをアクティブにします.

    アクティベーションの後、あなたはインストールされたプラグインページにとられます、そして、あなたのFlutterWave APIキーを入力するために、大きな青いボタンをクリックして、ページの上に.

    ドロップダウンオプションから支払方法を選択します.

    下にスクロール通貨を選択する

    他のフィールドはオプションで、先に行くと設定を保存します.

    FlutterWaveショートコードの使用
    FlutterWave支払いフォームを追加するには、単にWordPressのページにショートコードを追加することができます.コードは以下の通りです.
    // button
     [flw-pay-button]
    
    // button with text
    [flw-pay-button]Button Text[/flw-pay-button]
    
    
    編集ページでshortcode 編集ブロックから:

    お好みのショートコードを挿入します.

    ページの保存とプレビュー


    支払いフォームのテスト
    フォームを入力してクリックするPay Now 何が起こるかを見る

    FlutterWaveモーダルボックスにリダイレクトされます.

    示されるように、ユーザーは好ましい支払方法を選ぶことができる
    一度支払いが完了すると、トランザクションはあなたのFlutterWaveダッシュボードに反映されますtransactions タブ


    ショートカット
    FlutterWaveは、シンプルで簡単に支払い機能を追加するには、WordPressの例の一つです.また、あなたの携帯電話の支払いのためのオプションを与える