スマートフォームの作成方法

更新日時 July 12, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Pro & Enterprise
フォームは、HubSpotコンタクトデータベースへの直接の入り口になります。オーディエンスに応じてこのフォームを提供することができれば、マーケティングの強力な武器になります。たとえば、モバイルフォンを使っている訪問者には小さなフォームを提供する必要があります。HubSpotのスマートフォームを使用すると、訪問者がモバイルデバイスを使っていることを認識し、それに合わせてフォームを変更できます。
この機能は、Professional版とEnterprise版のお客様のみご利用いただけます。

スマートフォームを使うメリット

r

事例

ウェブサイト上でスマートフォームを使用する際に参考にしていただける使用例をご紹介しています。以下のブログ投稿をご覧ください。5 Creative Ways to Increase Leads from Smart Forms(スマートフォームを使ってリードを増やす5つのクリエイティブな方法)
続きを読む

コンテンツのパーソナライズは、訪問者の名前を挿入したり、数行のテキストを変えるといったことだけにとどまりません。スマートフォームモジュールを使用すれば、ウェブサイトの訪問者に応じて、フォーム全体を変えることができます。

この機能があなたのサイトでも有益なものであれば、幸いです。HubSpotページまたはHubSpotテンプレート上にスマートフォームをセットアップするには、以下の手順に従ってください。

HubSpotページの場合の手順

HubSpotページ上にスマートフォームモジュールを作成するには、以下の手順に従ってください。

1.Site Pages(サイトページ)またはLanding Pages(ランディングページ)に移動する

既存ページに移動するか、新しいページを作成します。このためには、[Content(コンテンツ)] > [Site Pages(サイトページ)]または[Content(コンテンツ)] > [Landing Pages(ランディングページ)]の順に移動します。 ([Site Pages(サイトページ)]が表示されない場合は、[Landing Pages(ランディングページ)]を選択してください。)
HubSpot Help article screenshot

2.ページを新規作成または編集する

[Landing Pages(ランディングページ)]または[Site Pages(サイトページ)]に移動したら、既存のページを編集するか、青い[Create a new website page(新規ウェブサイトページを作成)]ボタンまたは[Create a new landing page(新規ランディングページを作成)]ボタンをクリックします。
HubSpot Help article screenshot

3.モジュールをスマート設定する

HubSpot Help article screenshot

HubSpotページに移動したら、通常はコンテンツを編集したり挿入したりするページの左側にあるフォームモジュールに移動します。このフォームモジュールをスマート設定するには、まず、ターゲットではない訪問者向けに設定しているデフォルトフォームに問題がないことを確認する必要があります。 

デフォルトフォームに問題がない場合、スマートコンテンツを追加するフォームモジュールに移動して、スマートアイコンをクリックします

4.スマートコンテンツのタイプを選択および作成する

この時点でターゲットとする訪問者を決定している必要があります。使用するスマートコンテンツのタイプを選択します。オプションは、国、デバイスタイプ、流入元、コンタクトリストメンバーシップ、ライフサイクルステージの5つです。ここでは、作成するスマートコンテンツのタイプを1つだけ選択できます。  オプションを1つ選択したら、[Next step(次のステップ)]をクリックします。
HubSpot Help article screenshot
タイプを決定し、その条件を選択したら、青いボタンをクリックして、次のステップへと進みます。
HubSpot Help article screenshot

5.スマートルールをカスタマイズする

ここで、スマートルールの内容を設定します。この領域の上部で、フォームオプションを選択します(デフォルトフォームで既に行っている手順と同じです)。その後、スマートルールのオプションを設定したら、[Done(完了)]をクリックします。
HubSpot Help article screenshot

これで、ウェブページ用のスマートテキストを設定できました。

HubSpotテンプレートの場合の手順

HubSpotテンプレート上にスマートフォームを作成するには、以下の手順に従ってください。

1.Design Manager(デザインマネージャー)に移動する

既存のテンプレートに移動するか、新しいテンプレートを作成します。このためには、[Content(コンテンツ)] > [Design Manager(デザインマネージャー)]の順に移動します。
HubSpot Help article screenshot

2.テンプレートを新規作成または編集する

Design Manager(デザインマネージャー)に移動したら、現在のテンプレートの名前をクリックするか、青い[New template(新規テンプレート)]ボタンをクリックします。
HubSpot Help article screenshot

3.モジュールをスマート設定する

テンプレート内で、スマート設定するフォームモジュールを見つけます。モジュールを見つけたら、そのモジュール内のギアアイコンをクリックし、表示されるドロップダウンメニューから[Make smart(スマートにする)]を選択します。
HubSpot Help article screenshot

4.スマートコンテンツのタイプを選択および作成する

この時点でターゲットとする訪問者を決定している必要があります。使用するスマートコンテンツのタイプを選択します。オプションは、国、デバイスタイプ、流入元、コンタクトリストメンバーシップ、ライフサイクルステージの5つです。ここでは、作成するスマートコンテンツのタイプを1つだけ選択できます。オプションを1つ選択したら、[Next step(次のステップ)]をクリックします。
HubSpot Help article screenshot
タイプを決定し、その条件を選択したら、青いボタンをクリックして、次のステップへと進みます。
HubSpot Help article screenshot

5.スマートルールをカスタマイズする

ここで、スマートルールの内容を設定します。作成したルール用のフォームコンテンツ領域が表示されます。ここで、新しいスマートルールを適用するフォームまたはフォームオプションを編集できます。このコンテンツの編集が終了したら、[Done(完了)]をクリックします。
HubSpot Help article screenshot
これで、テンプレートのスマートフォームが完成しました。

前の記事

次の記事