Facebookページにフォームを追加する方法

公開: 2022-04-05

記入可能なFacebookフォームを作成する必要がありますか？このチュートリアルでは、簡単なドラッグアンドドロッププラグインを使用してFacebookページにフォームを追加する方法を説明します。

アクティブなFacebookページを持つことは、どのWebサイトにも最適です。そのページを使用して、更新を共有したり、フォロワーにオファーについて伝えたり、ユーザーと直接交流したりできます。

また、ソーシャルメディアを正しく使用している場合は、貴重なサブスクライバーを獲得することもできます。これを行ういくつかの方法は、お問い合わせフォーム、リードフォーム、注文フォーム、登録フォーム、およびFacebookビジネスページを使用した無料の連絡フォームを使用することです。 Facebookのフォームを使用して、イベントに寄付したり出欠確認をしたりすることもできます。

Formidable Formsは、最高のWordPressFormBuilderプラグインです。無料で入手！

ただし、Facebookには、サイトでフォームを作成するためのソフトウェアやフレームワークは付属していません。

そうは言っても、Facebookページにフォームを追加する方法を学ぶのはあなたが思っているよりも簡単です。フォーム作成プラグインのFormidableFormsを使用して、このタスクやその他の多くのタスクを完了することができます。 InstagramやTwitterのようなプラットフォームにはまだ統合の互換性がありませんが、このフォームビルダーツールは、WordPress、Facebookでフォームを使用したり、他のサイトにフォームを埋め込んだりするのに役立ちます。

Facebookページのサインアップフォームを設定することで、ソーシャルメディアプラットフォームを使用してリードの生成を改善できます。結局のところ、購読者と忠実な顧客のための素晴らしいリソースはあなたのFacebookファンで見つけることができます。

この記事では、FormidableFormsを使用してFacebookページにフォームを追加する方法を説明します。それを手に入れよう！

Facebookにフォームを投稿するにはどうすればよいですか？

Facebookのサインアップフォームを追加するには、ソーシャルメディアプラットフォームでカスタムの「ページタブ」を作成する必要があります。

デフォルトでは、Facebookでは企業がAboutやEventsなどのページを設定できます組み込みのツールを使用します。とはいえ、カスタムページタブの追加は、いいねが2000を超えるページでのみ利用できます。ページがその要件を満たしていない場合は、Facebookフォームを作成する前に、ビジネスページのフォロワーとエンゲージメントを高めることに集中する必要があります。

このチュートリアルの残りの部分では、FormidableAPIアドオンを備えたFormidableFormsProプラグインを使用します（両方が必要です！）。 Facebookの静的HTMLアプリも必要になります。

Facebookページに入力可能なフォームを追加するにはどうすればよいですか？

Facebookページに入力可能なフォームを追加するには、次の3つの簡単な手順を実行します。

フォームを作成する
Facebookでカスタムページを設定する
フォームを埋め込む

このチュートリアルでは、コードを編集する必要はありません。ただし、WordPressからFacebookにコードスニペットをコピーして貼り付ける必要があります。開始するには、フォームを作成する必要があります。

ステップ1：フォームを作成する

FormidableFormsを使用して新しいフォームを作成する方法をすでに知っているかもしれません。 WordPress管理ダッシュボードに移動し、[恐ろしい]→[フォーム]→[新規追加]に移動します。

作成するフォームの種類を尋ねるウィンドウがポップアップ表示されます。

FormidableFormsを使用してFacebookに新しい入力可能なフォームを追加する

Formidable Formsを使用すると、複数のフォームテンプレートとスタイルから選択できます。必要に応じて、フォームを最初からデザインすることもできます。

Facebookページの場合、Mailchimp、Mailgun、または使用している電子メールSMTPサービスに接続する電子メールサインアップフォームまたはリードコレクションフォームを設定することをお勧めします。

Formidable Formsを使用すると、事前に選択した要素をフォームにドラッグアンドドロップできます。フォームの[設定]タブまたはカスタムHTMLを使用して、柔軟なフォームのデザインと機能を調整することもできます。これは、フォームのテーマをビジネスのマーケティング戦略に一致させるのに役立つ方法です。

満足したら、Facebookページのフォームを保存します。さて、le7tはFacebookの統合に移ります。新しいFacebookカスタムページタブを作成した後、フォームのコードに戻ります。

ステップ2：Facebookでカスタムページタブを設定する

2,000件を超えるいいねのあるFacebookビジネスページがある場合は、静的HTMLアプリを使用できます。これにより、新しいカスタムページタブを設定できます。

まず、Facebookアカウントにサインインしていることを確認します。次に、静的HTMLアプリページに移動し、[静的HTMLをページに追加]をクリックします。

アプリは、カスタムタブを追加するページを選択するように求めます。

SimpleSetupオプションを選択します。次に、アプリはページの新しいカスタムタブに直接リロードします。ページの上部に2つのオプションが表示されます。1つは訪問者としてタブをプレビューするためのもので、もう1つはタブを編集するためのものです。 [編集]タブボタンをクリックします。

Facebookにフォームを投稿するための簡単なセットアップでタブを編集します。

簡単なコードエディタを含む新しいウィンドウがポップアップ表示されます。エディターを使用すると、 index.htmlの静的HTMLコードを変更できます。

前述したように、Facebookフォームを埋め込むためにコーディングをマスターする必要はありません。必要なのは、前に作成したフォームからコードを取得して、エディターに貼り付けることだけです。

ステップ3：Facebookページにフォームを追加する

WordPress管理ダッシュボードに戻り、 Formidable→Formsに移動します。以前に作成したFacebookページのフォームを選択し、そのエディターを開きます。

エディターに入ったら、画面上部の[埋め込み]ボタンを探します。

FormidableFormsを使用してFacebookページにフォームを追加するための埋め込みコードを取得する

次に、ポップアップするウィンドウから[手動で挿入]オプションを選択します。

次のページで、 APIフォームスクリプトフィールドを探し、次のコードをコピーします。

APIフォームスクリプトコードを取得することも、Facebookページにフォームを追加します

FacebookのカスタムページタブのHTMLエディターに戻り、そのコードをその中に貼り付けます。この段階では、 index.htmlファイルに他のコードは含まれていないはずです。あなたのフォームは、Facebookのカスタムページタブの唯一の要素になります。

ファイルへの変更を保存し、訪問者としてページをプレビューします。これで、Facebookの視聴者は、そのサインアップフォームを使用して、連絡先情報をあなたと共有できます。ユーザーがフォームに入力するとすぐに、データは検索可能なデータベースに直接送信されます。

注：Facebookページに設定した新しいタブはさまざまな方法でカスタマイズできます。ただし、HTMLとCSSに変更を加えるには、HTMLとCSSに関するいくつかの基本を知っておく必要があります。

Facebookページの結論にフォームを追加する

Facebookページにフォームを追加するのは、思ったより簡単です。ただし、フォームを埋め込みたい場合は、Facebookページに2,000以上のいいねが必要です。 Facebookでは、カスタムページタブを作成して、それらのいいねなしで外部フォームを埋め込むことはできません。

FormidableFormsProとFormidableAPIアドオンを使用してFacebookページにフォームを追加する方法を要約してみましょう。

フォームを作成します。
静的HTMLアプリを使用してFacebookカスタムページタブを設定します。
フォームをカスタムページタブに埋め込みます。

Formidable Formsを使用して、Facebookを含むWebサイトやソーシャルメディアページ用のWordPressフォームと要素を作成できます。今日、手ごわいフォームをお試しください！

Facebookのフォームを作成する