AIサマリー
メールマーケティングにKit（旧ConvertKit）をご利用の方は、WordPressのフォームと連携させることを考えたことがあるでしょう。Kitには独自のフォームビルダーがありますが、カスタマイズ機能には制限があります。
WPFormsを使えば、思い通りのフォームを作成し、購読者データをKitアカウントに直接送信できます。フォームのデザインや条件分岐を自由に設定でき、送信されたすべてのデータがKitに直接連携されます。
この記事では、WordPressでKitの問い合わせフォームを作成し、コーディングなしでアカウントに連携させる方法をご紹介します。
WordPressでカスタマイズされたキットのコンタクトフォームを作成する方法
ここでは、WPFormsを使ってKitの問い合わせフォームを作成し、Kitアカウントに連携させる方法をご紹介します。この手順に従えば、どのWPFormsフォームでもKitに連携させることができます。
ステップ1: WPFormsプラグインをインストールし、キットアドオンを有効にする
WordPressのフォームをKitに連携させるには、Kitとの連携機能が組み込まれたフォームプラグインが必要です。WPFormsプラグインは、2,100種類以上のテンプレートを備えたドラッグ＆ドロップ式のフォームビルダーであり、フォームの送信データをKitアカウントに直接同期させる専用のKitアドオンが付属しています。
この用途でWPFormsを使う最大のメリットは、Kitとの連携がバックグラウンドで動作している間も、フォームのデザインを完全に自由にコントロールできる点です。Kitアドオンを利用するには、WPForms Plus以上のライセンスが必要です。
まずは、プラグインをダウンロードして、ウェブサイトにインストールしてください。もしお手伝いが必要なら、WordPressプラグインのインストール手順を詳しく解説したガイドをご用意していますので、そちらをご参照ください。
あなたのウェブサイトにWPFormsをインストールしたら、次にKitアドオンをインストールして有効化する必要があります。WordPressのダッシュボードからWPForms " Addonsに移動します。
Kitアドオンが見つかるまで下にスクロールします。まだインストールされていない場合は、Install Addonボタンをクリックしてください。アドオンがインストールされた後、インストール時に自動的に有効化されていない場合は、トグルスイッチを回して有効化します。
Kitアドオンをインストールして有効化したら、次のステップに進む準備が整いました。次のステップでは、KitアカウントをWPFormsに連携させます。
なお、ステップ3のフォーム作成にすぐに進みたい場合は、この作業を後回しにすることも可能ですが、フォームの作成に取り掛かる前に、今この作業を済ませておく方が簡単だと思います。
ステップ2: WPFormsとKitアカウントを接続する
WPFormsをKit（旧ConvertKit）に連携するには、まず新しいタブを開き、Kitのウェブサイトにログインしてアカウント情報にアクセスする必要があります。KitからWPFormsへ情報をコピー＆ペーストするため、新しいタブまたはウィンドウで行うようにしてください。
ログインしたら、ページ右上の名前の横にあるドロップダウンメニューをクリックし、「設定」を選択します。
Settings（設定）ページで、左サイドバーのオプションをDeveloper（開発者）が見つかるまでスクロールダウンし、それをクリックする。
「開発者設定」ページに、APIキーとシークレットキーが表示されているはずです。ひとまずそのウィンドウは閉じて、WPFormsのアカウント画面に戻ってください。
ここでの最後の作業は、Kitアドオンのインストールと有効化でした。次に、アカウント間の連携を設定します。
これを行うには、左側のサイドバーメニューにある「WPForms」の下にある「設定」をクリックします。そのページで、「統合」というタブをクリックします。画面を下にスクロールして、「Kit」のオプションが見つかるまで進みます。
Add New Accountボタンをクリックします。ここでKitアカウント情報のタブに戻り、APIキーとAPIシークレットキーをコピーする必要があります。
アカウント接続が確立されると、確認のメッセージが表示されます。
これで、KitアカウントがWPFormsに連携されました。先ほどもお伝えした通り、フォームを作成した後でも、後から連携を行うことは可能です。チュートリアルの中で、どこで設定できるかについても説明します。
事前にすべて準備しておいた方が、その後の流れがスムーズになるから、その方が楽なんです。では、続きを進めましょう。
ステップ3: キットのWordPressフォームを作成する
WPFormsには、2,100以上のWordPressフォームテンプレートで構成される素晴らしい組み込みフォームテンプレートライブラリが付属しています。そのまま使用することも、必要に応じてカスタマイズすることも可能です。
これらのテンプレートを使えば、フォーム作成プロセスをわずか数クリックで開始することができます。
WPFormsで新しいフォームを作成するには、WordPressのダッシュボードでWPForms " Add Newをクリックします。
フォームの設定画面が表示されます。ここで、フォームの名前を追加し、使用するフォームテンプレートを選択する必要があります。
この例では シンプルなコンタクトフォームを使い、名前を "Kit Form" とします。もし必要であれば、代わりにこちらのニュースレター登録フォームテンプレートを選ぶこともできます。テンプレートを選択してデモを見るボタンをクリックするとプレビューできます。
使用するテンプレートを選択したら、「テンプレートを使用」ボタンをクリックして、フォームビルダーに読み込んでください。フォームビルダーのダッシュボードでは、フォームがこのように表示されます。お好みに応じて、フィールドの追加、編集、並び替えを自由に行ってください。
追加したい、または追加する必要があるかもしれないものとして、GDPR同意フィールドがあります。これは完全にオプションなので、ここでは深く説明しませんが、GDPRフィールドを有効にしてフォームに追加する方法について詳しく知りたい場合は、GDPRに準拠したフォームの作成に関するドキュメントをご覧ください。
ステップ4：フォームをキットに接続する
ここまでで、WPFormsとKitアドオンのインストールと有効化、KitアカウントとWPFormsの接続、フォームの作成が完了しました。次に、フォームからの情報が Kit アカウントに送られるようにする必要があります。
このチュートリアルの前半でWPFormsとKitの連携を設定した際、WPFormsで使用するアカウントを設定しました。
特定のフォームからKitアカウントへ送信データを転送したい場合は、そのフォームで転送機能を有効にする必要があります。ここでは、その設定方法について説明します。
まだKitアカウントに接続していない場合は、このままお進みください。ステップ2でアカウントに接続した場合は、次の数段落を飛ばして、下の「アカウントに接続済みの場合...」から再開できます。
まだアカウントに接続していない場合...
フォームエディタでKitフォームを開いた状態で、左サイドバーのMarketingをクリックします。まだKitアカウントをWPFormsに接続していない場合は、ここでKitを選択し、新しい接続を追加ボタンをクリックします。
続行する前に、上記のステップ2の指示に従ってアカウントを接続する必要があります。
すでにアカウントに接続している場合...
フォームビルダーでフォームを開いた状態で、左サイドバーのMarketingをクリックします。オプションをスクロールダウンしてKit を見つけ、クリックします。
アカウントはすでに接続されているので、アカウントを接続するオプションは表示されないはずです。代わりに、「新しい接続を追加」ボタンをクリックしてください。
その後、接続に名前を付け、OKボタンをクリックするだけで統合プロセスが完了します。接続名は内部的なもので、複数の接続がある場合に区別しやすくするためのものです。
接続に名前を付けたら、セットアップのドロップダウンメニューから、使用するアカウントと実行するアクションを選択する必要があります。
行動オプションは以下の通り：
- サブスクライブ
- 登録解除
- 購読者のタグを削除する
このチュートリアルでは「購読」を選びますが、あなたのフォームに最も適したものを選んでください。購読を選択すると、より多くのオプションが表示されます。
次に、フォームのフィールドをマッピングします。利用可能なオプションは、作成したフォームのフィールドによって異なります。「フォーム」および「タグ」フィールドは、Kitアカウントにすでに存在する内容に基づいています。
WPFormsのフォームをKitのフォームに連携させることもできますが、その場合はおそらくタグを使用することになるでしょう。すでにタグを作成している場合は、それらを選択肢として利用できます。
WPFormsから新しいタグを作成することも可能です。その場合、Kitアカウントにも同じタグが作成されます。また、特定の送信データのみをこの方法で処理したい場合は、条件分岐ロジックを利用することもできます。
キットを使ってフォームフィールドをマップする
お問い合わせフォームのフィールドを Kit にマッピングする方法については、Kit Addon のドキュメントを参照してください。
よくやったKitとWPFormsの統合に成功し、フォームをウェブサイトに埋め込む準備が整いました。
ステップ 5: キットのコンタクトフォームを埋め込む
これで最後のステップです。フォームをウェブサイトに埋め込み、新規購読者の登録を開始しましょう。フォームを埋め込む最も簡単な方法は、フォームビルダーの上部にある「埋め込み」ボタンを使用することです。
それをクリックすると、フォームを新しいページに埋め込むか、既存のページに埋め込むかを確認するメッセージが表示されます。既存のページを選択すると、サイト内のページ一覧が表示され、そこから選択できます。
新しいページを作成する場合は、フォームビルダーから直接作成できます。フォームを埋め込む3つの方法については、こちらのガイドをご覧ください。
ブロックエディタでは、フィールド、ラベル、ボタン、コンテナ、背景のスタイルを直接設定することで、機能性とブランドイメージを両立させたフォームを作成することもできます。
これがあなたのキットフォームがライブページでどのように見えるかです。埋め込んだフォームが意図したとおりに動作するか、必ずテストしてください。
これで完了です！これで、訪問者があなたのサイトのフォームを送信するたびに、自動的にKitアカウントに購読者を追加することができます。
Kit（ConvertKit）のコンタクトフォームに関するよくある質問
Kit（旧ConvertKit）は、クリエイターの間で最も人気のあるメールマーケティングツールの一つです。ここでは、WordPressでKitのコンタクトフォームを使用する際のよくある質問への回答をご紹介します。
キットはコンタクトフォームを持っていますか？
はい、Kitは簡単に作成でき、ウェブサイトに埋め込むことができるコンタクトフォームを提供しています。これらのフォームは、購読者の情報を取得し、Kitのメールマーケティングツールとシームレスに統合するように設計されています。
さらにカスタマイズが必要な場合は、WPFormsにKitアドオンを組み合わせることで、フォームのデザインや機能を自由に制御できます。
フォームキットはどのように作成するのですか？
Kitでのフォーム作成は簡単です。Kitにログインしたら、「フォーム」セクション に移動し、「新規作成」をクリックして、「フォーム」を選択してください。
その後、テンプレートを選択し、カスタムフィールドやデザイン要素など、必要に応じてカスタマイズすることができます。
WPFormsとKitを統合するには？
WPFormsとKitを連携させるには、まずWordPressサイトにWPFormsプラグインとKitアドオンがインストールされていることを確認してください。WPFormsでフォームを作成し、「マーケティング」＞「Kit」に移動して、新しい接続を追加します。Kitアカウントの認証を行い、フォームをKitのフォームまたはタグにリンクさせてください。
WPFormsでコンタクトフォームを作成するには？
WPFormsで問い合わせフォームを作成するのはとても簡単です。「WPForms」→「新規追加」をクリックし、問い合わせフォームのテンプレートを選択するか、一から作成を始め、フォームのフィールドをカスタマイズし、設定を調整して、サイトにフォームを埋め込むだけです。
次に、メールリストの購読者を増やす。
ブログやウェブサイトの購読者獲得に苦戦していませんか？ご心配なく。Eメールリストを素早く増やすための強力なヒントをご紹介します。
この記事を楽しんでいただけたなら、WPFormsの隠しフィールドで隠された顧客データのロックを解除する賢いハックについてもお読みになりたいかもしれません。
フォームを作る準備はできましたか？最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
