Elementor

プラサント・ライ

執筆者:Prasant Rai
更新日:

このページについて

Elementor と AffiliateWP の連携により、Elementor のフォームウィジェットを使用してカスタムアフィリエイト登録フォームを作成できるようになります。また、アフィリエイトはサイト上のあらゆるフォームを宣伝できます。紹介されたユーザーがフォームを送信すると、アフィリエイトWP に紹介が記録されます。

このガイドでは、Elementor 連携の設定方法、アフィリエイト登録フォームの作成方法、Elementor フォームの紹介追跡の有効化方法について説明します。


Elementor 連携の有効化

Elementor のサポートを有効にするには、AffiliateWP » 設定 » 連携 に移動します。 Elementor チェックボックスを有効にして、変更を保存 をクリックします。

フォームウィジェットの追加とフィールドのカスタマイズ

Elementor ページビルダーでページを編集しながら、フォームウィジェットを見つけてページに挿入します。

Elementorのフォームウィジェットを挿入する

フォームウィジェットが挿入されると、基本的なフォームが表示され、ウィジェットの編集パネルが表示されます。

フォームウィジェットを挿入した後の基本的なフォーム

アフィリエイト登録フォームに表示したいフィールドのカスタマイズから始めます。

たとえば、次のようなフィールドを追加できます。

名前
タイプ:テキスト
アフィリエイトの名前。

ユーザー名
タイプ:テキスト
アフィリエイトが希望するユーザー名。

メールアドレス
タイプ:メールアドレス
アフィリエイトのメールアドレス。

支払いメールアドレス
タイプ:メールアドレス
PayPal、Moneybookers などのシステムで使用するアフィリエイトの支払い用メールアドレス。

ウェブサイト URL
タイプ:URL
アフィリエイトがあなたのサイトを宣伝する予定のウェブサイト。

どのように宣伝してくれますか?
タイプ:テキストエリア
アフィリエイトがあなたのビジネスを宣伝する方法。

パスワード
タイプ:パスワード
アフィリエイトの新しいアカウント用のパスワード。

フィールドの追加/編集とスタイルのカスタマイズが完了したら、次のようになります。

アフィリエイト登録フォームを作成するためにElementorフォームウィジェットを編集する

利用規約チェックボックスの追加

フォームに利用規約チェックボックスを追加するには、まず利用規約ページを生成します。AffiliateWP » ツール に移動し、利用規約ジェネレーター メニューをクリックします。

利用規約ジェネレーター

ここから 新しい利用規約ページを作成 ボタンをクリックすると、AffiliateWP が自動的に利用規約ページを作成します。

利用規約ボタン

次に、Elementor Builderで登録ページを開き、フォームウィジェットをクリックしてフォームフィールドを表示します。左側のサイドバーの「フォームフィールド」の下にある「アイテムを追加」ボタンをクリックして、新しいフィールドを追加します。

アイテムを追加 Elementor

タイプフィールドでフィールドタイプを「チェックボックス」に変更します。オプションフィールドに、利用規約ページへのHTMLリンクを追加します。

利用規約スニペット

アフィリエイト登録を有効にする

次に、AffiliateWPにあなたのフォームがアフィリエイト登録フォームであることを伝える必要があります。

Elementorの「送信後のアクション」セクションをクリックします。

フォームウィジェットの送信後のアクションセクション

開いたら、アクションを追加フィールド(または代替として+アイコン)をクリックし、リストから「AffiliateWP」を選択します。

AffiliateWPカスタムアクションを追加する

カスタムアクションが追加されると、下のパネルに新しい「AffiliateWP」セクションが表示されます。

AffiliateWPセクションを開くためにクリックし、「アフィリエイト登録を有効にする」トグルスイッチをクリックしてアフィリエイト登録をオンにします。

アフィリエイト登録トグルスイッチを有効にする

次にフィールドのマッピングを行います。これにより、AffiliateWPはどのフィールドが特定のタスクを実行する必要があるかを知ることができます。できるだけ多くのフィールドをマッピングすることをお勧めします。

フィールドをマッピングするには、左側のラベルに一致する選択メニューからフィールドを選択します。

AffiliateWPでフォームフィールドをマッピングする

たとえば、「ユーザー名」フィールドがマッピングされている場合、このフィールドの値はアフィリエイトのWordPressユーザー名に使用されます。

パスワードフィールドがマッピングされている場合、AffiliateWPはそのフィールドをアフィリエイトのWordPressアカウントのパスワードとして使用します。

名前

選択されたフィールドは、ユーザープロファイル画面のユーザーの「名」および「姓」フィールドに入力するために使用されます。

ユーザー名

アフィリエイトのWordPressユーザー名に使用されます。

アカウントメール

アフィリエイトのWordPressアカウントのメールアドレスに使用されます。

支払いメール

アフィリエイトの支払いメール(必要な場合)に使用されます。これは、AffiliateWP内のアフィリエイトの編集画面に表示されます。

ウェブサイトURL

ウェブサイトURLは、アフィリエイトを確認する際に表示されます。また、アフィリエイトの編集画面やWordPressのユーザープロファイルページにも表示されます。

プロモーション方法

プロモーション方法は、アフィリエイトを確認する際に表示されます。また、アフィリエイトの編集画面にも表示されます。

パスワード

パスワードフィールドは、アフィリエイトのWordPressユーザーアカウントのパスワードを生成するために使用されます。パスワードフィールドがマッピングされていない場合、アフィリエイトのパスワードは自動的に生成されます。

これで完了です!Elementorで完全に作成されたカスタムアフィリエイト登録フォームができました。

Elementorで作成されたカスタムアフィリエイト登録フォーム。

アフィリエイトの提出済みデータを表示する

アフィリエイトの申請を確認する際に、AffiliateWPのマッピング済みフィールドからのすべての値を確認できます。

アフィリエイト登録フォームにマッピングされていないフィールドがある場合、それらは読みやすい表に表示されます。AffiliateWPでのアフィリエイトの承認または拒否は簡単です。

アフィリエイトが送信したデータを表示する

アフィリエイトがアクティブになる前にアフィリエイト申請を確認したい場合は、「AffiliateWP » 設定 » アフィリエイト」から「承認が必要」を有効にします。

アフィリエイトがアフィリエイトプログラムに参加した後、最初に送信されたデータは常に利用可能です。これを確認するには、AffiliateWP » Affiliates のメインのAffiliates画面に移動し、アフィリエイトの名前をクリックします。AffiliateWPフィールドにマッピングされたすべてのデータとカスタムデータは、画面に表示されます。

アフィリエイト編集画面でアフィリエイトが送信したデータを表示する

紹介トラッキングの有効化

Elementor紹介トラッキングは、アフィリエイトがメールサインアップ、リード生成、フィードバック、アンケート、ウェビナーサインアップ、求人応募など、サイト上のあらゆるフォームを宣伝できるようにすることで、コンバージョンを向上させます。アフィリエイトによってユーザーが紹介され、フォームが送信されるたびに、AffiliateWP内に紹介が作成されます。

紹介を生成するためにElementorフォームを設定するには、まず上記のセクションに示すように、Formウィジェットをページに追加することから始めます。

Formウィジェットが挿入されたら、紹介トラッキングフォームでキャプチャされるフィールドをカスタマイズできます。

紹介エントリにマッピングできるフィールドは次のとおりです。

名
タイプ: テキスト
リードの名前。

姓
タイプ: テキスト
リードの姓。

メール
タイプ: メール
リードのメールアドレス。

上記フィールドを追加し、いくつかのスタイル調整を行った後のサンプルリードフォームを次に示します。

紹介追跡フォームを作成するためにElementorフォームウィジェットを編集する

次に、このフォームを紹介を作成するように有効にする必要があります。

Elementorの「送信後のアクション」セクションをクリックします。

フォームウィジェットの送信後のアクションセクション

開いたら、[Add Action]フィールドをクリックするか(または+アイコンをクリック)、リストからAffiliateWPを選択します。

AffiliateWPカスタムアクションを追加する

カスタムアクションが追加されると、下のパネルに新しいAffiliateWPセクションが表示されます。

AffiliateWPセクションを開くためにクリックすると、紹介トラッキングのためにすでにオンになっているEnable Referralsトグルスイッチに気づくでしょう。

紹介を有効にするトグルスイッチが有効になっていることを確認してください。

次に、AffiliateWPセクションの紹介設定を構成し、フォームフィールドの内容を宛先にマッピングできます。

フィールドをマッピングするには、左側のラベルに一致する選択メニューからフィールドを選択します。

AffiliateWPで紹介追跡フォームフィールドをマッピングする

紹介タイプ

紹介タイプはLeadまたはOpt-inにできます。紹介タイプは、メインのAffiliateWP » Referrals画面に表示されます。

紹介ステータス

紹介ステータスはPendingまたはUnpaidにできます。Pending紹介は、紹介金額がゼロより大きい場合に最適です。これにより、アフィリエイトマネージャーはリードを確認できます。

紹介金額

これは作成される紹介の金額です。

これで完了です!これで、Elementorでカスタム紹介トラッキングフォームが作成されました!

アフィリエイトの紹介エントリを表示する

Elementorフォームによって生成された紹介を表示するには、管理画面のAffiliateWP » Referrals画面に移動します。そこでは、フォームの名前と、紹介説明フィールドのメールアドレスが表示されます。

管理画面のAffiliateWP紹介リストにElementor紹介が表示される

[Actions]列の[Edit]リンクをクリックして紹介の編集画面を表示します。そこでは、Elementorフォームからのマッピングされたデータを示す下部にある[Lead Details]セクションを表示できます。

よくある質問

AffiliateWPのElementor統合とは何ですか?

AffiliateWPのElementor連携機能を使用すると、カスタムアフィリエイト登録フォームを作成し、Elementorのフォームウィジェットを使用して紹介を追跡できます。この連携により、アフィリエイトはサイト上のあらゆるフォームを宣伝でき、紹介されたユーザーがフォームを送信すると、AffiliateWPに紹介が記録されます。

この連携にはElementor Proが必要ですか?

はい、カスタムアフィリエイト登録フォームの作成と紹介追跡を有効にするために必要なフォームウィジェットにアクセスするには、Elementor Proが必要です。

アクティブになる前にアフィリエイトを承認または拒否できますか?

はい、アクティブになる前にアフィリエイト申請を確認して承認または拒否するには、AffiliateWP » 設定 » アフィリエイトから承認が必要オプションを有効にすることができます。

Elementorフォームで紹介が記録されないのはなぜですか?

Elementorフォームで紹介が記録されない理由をトラブルシューティングするには、まずAffiliateWP » 設定 » 連携機能に移動し、Elementorチェックボックスがオンになっていることを確認して、Elementor連携が有効になっていることを確認してください。次に、Elementorフォーム設定の送信後のアクションの下にAffiliateWPアクションが追加されていることを確認し、紹介を有効にするトグルがオンになっていることを確認してください。最後に、データが正しく記録および追跡されるように、フォームフィールドが対応するAffiliateWPフィールドに正しくマッピングされていることを確認してください。


これで完了です!Elementorフォームの力を活用して、アフィリエイトがオプトインまたはリード追跡の紹介を生成し、リーチを拡大できるようになりました。

まだ解決しませんか? チケットを送信 開発チームがお手伝いします。

AffiliateWP で今日から売上を増やしましょう

今日からアフィリエイトプログラムを開始し、新しい収益チャネルを解放してビジネスをより速く成長させましょう。