WordPress注文フォームにクーポンコードフィールドを追加する方法


WordPress注文フォームに割引クーポンコードフィールドを追加しますか??

顧客に割引を提供するために、高度なeコマースプラグインをインストールする必要はありません。このチュートリアルでは、WordPress注文フォームのクーポンコードフィールドを有効にする方法を説明します.

WordPress注文フォームにクーポンコードフィールドを追加する

ウェブサイトで販売している商品が数個しかない場合は、WooCommerceのような重いプラグインをインストールして、支払いを収集し、クーポンコードで割引を提供したくない場合があります。あなたがしなければならないすべては、次のようなWordPressフォームプラグインをインストールすることです WPForms 支払いゲートウェイと統合します.

WPFormsは、WordPressに最適なコンタクトフォームプラグインです。お問い合わせフォーム、支払いフォーム、注文フォーム、寄付フォーム、その他のWordPressフォームをすばやく簡単に作成できます.

最良の部分は、WPFormsを使用して注文フォームにクーポンコードフィールドを追加できることです。.

間違いなく、注文フォームに割引クーポンコードフィールドを追加すると、コンバージョンだけでなく売上も増加します。.

ステップ1:WPFormsのインストール

wpforms-overview-contact-form-plugin

注文フォームにクーポンコードを追加するには、最初に WPForms あなたのサイトのプラグイン.

ステップ2:注文フォームの作成

次のステップは、注文フォームを作成することです WPForms. フォームを作成するには、 WPForms»新規追加. これで、テンプレートを選択できる新しいページに移動します。ここで 請求/注​​文フォーム テンプレート.

WPFormsテンプレート

これで、すべてのフィールドが左側にあり、フォームが右側にあるフォームビルダーが表示されます。フォームフィールドをドラッグして、注文フォームにドロップするだけです。フィールドを編集するには、フィールドをクリックして、フォームの左側に入力を追加するだけです。.

WPFormsフィールド

注文フォームテンプレートが有利なスタートを切る一方で、WPFormsの優れた点は、好きなようにカスタマイズできることです。.

ステップ2:条件付きロジックを使用してクーポンコードフィールドを追加する

最良の結果を得るには、クーポンコードを実際に利用する顧客にのみクーポンコードフィールドを表示することをお勧めします.

フォームにドロップダウンフィールドを作成して、顧客がクーポンコードを持っているかどうかを確認します。これを行うには、 落ちる 下のフォームへのフィールド 標準フィールド セクション.

次に、このフィールドをカスタマイズする必要があります。フィールドオプションをクリックして、ラベルを 割引クーポンコードはありますか. 次に、以下を変更します。

  • 最初に選んだ 選択する
  • 第二希望 はい
  • 第三選択番号

WPForms

次に、ユーザーが割引クーポンコードを入力できるフィールドを追加する必要があります。だからドラッグ 単一行テキスト 左からフィールドをフォームの[はい/いいえ]フィールドのすぐ下にドロップします.

WPForms条件付きロジック

このフィールドの名前を 割引クーポンコード. これを行うには、フィールドをクリックして、画面の右側のテキストを変更します.

WPForms割引クーポンコード

次に、条件付きロジックを有効にします。そのためには、画面を下にスクロールして 条件付き オプション.

WPForms割引クーポンコード

そのすぐ下にあるチェックボックスを選択して、条件付きロジックを有効にします。あなたの条件付きロジックは 「割引コードをお持ちですか」が「はい」の場合、このフィールドを表示します 下のスクリーンショットのように.

つまり 割引クーポンコード フィールドは、ユーザーがクーポンコードを利用できることを確認した場合にのみ表示されます.

条件付きロジック、wpforms

ステップ4:クーポンコードフィールドの検証を作成する

次のステップは、作成したフォームに検証を追加することです WPForms. この手順では、クーポンコードが有効かどうかをユーザーに示すことができます。そのために、 支払いフィールド タブ。追加します 単品 あなたのすぐ下のフィールド2回 割引クーポンコード フィールド.

次に、これらの各フィールドをクリックします。最初のフィールドを使用してクーポンを利用し、2番目のフィールドを使用して、クーポンコードが正しくない場合にエラーメッセージを表示します.

最初のものでは、ラベルを編集して あなたの価格. 下 説明 フィールドで、提供したい割引について説明します。の中に アイテム価格, 割引価格を追加.

次に、下にスクロールして 条件付き タブをクリックしてチェックボックスを選択します 条件付きロジックを有効にする オプション。ここでは、これを表示するタイミングを設定できます 単品 フィールド。次に、割引コードを任意に追加します。あなたのコードが 100%オフ.

割引コードWPForms

をクリックすると、複数の割引コードを追加できます 新しいグループを追加 そのすぐ下のオプション.

上記のように、2番目のフィールドを使用して、クーポンコードが正しくない場合にエラーメッセージを表示しましょう.

そのために、2番目の 単一のラインアイテム, あなたの価格としてラベルを追加します。説明では、 割引コードが無効です. このフィールドは、クーポンコードが無効な場合に表示されることに注意してください。それを行うには、下にスクロールして 条件付き チェックボックスを選択します 条件付きロジックを有効にする オプション.

WPForms割引クーポンコードフィールド

その下に、割引クーポンが100%オフでない場合にフィールドを表示させます。さらに割引クーポンコードがある場合は、 新しいグループを追加 ボタン.

条件付きロジック2

完了したら、 セーブ 画面の右上隅にあるボタン。これでフォームを公開する準備ができました.

ステップ5:WordPressでフォームを公開する

次のステップは、フォームを発行することです。そのためには、フォームを表示するページまたは投稿エディターに移動します。次に、 + 画面の左上隅に署名します。次に、検索ボタンを使用して探します WPForms.

WPformsの公開

あなたが見つけたとき WPForms, クリックして。これで、ドロップダウン矢印をクリックしてフォームを選択できます。フォームがページに追加されます。次に、投稿を更新してフォームを公開してください.

それでおしまい。 WordPress注文フォームにクーポンコードフィールドを追加しました.

wpにクーポンコードフィールドを追加する

この記事が気に入った場合は、WPFormsのレビューもご覧ください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map