Forms

外部サイトでのHubSpotフォームの共有

更新日時 November 19, 2018

free

(HubSpotでホストされていない)外部サイトを使用している場合、フォームは2つの方法で共有できます。

どちらの方法でも、HubSpot内でフォームに加えた変更は、外部サイトのフォームに自動的に反映されます。 

エンベッドコード 

注:Salesforceキャンペーンをフォームに関連付けると、フォームのエンベッドコードが変更されます。この場合、外部サイトにコードを再追加する必要があります。

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。
  • フォームの名前をクリックします。
ユーザー追加画像
[埋め込み]タブを選択します。
  • [オプション]タブをクリックし、訪問者がフォームを送信した後の処理をカスタマイズします。訪問者がフォームを送信したときに訪問者をサンキューページにリダイレクトするか、インラインのサンキューメッセージを表示するかを選択できます。
  • 右上の[共有]をクリックします。 forms-share-form-updated-screenshot
ユーザー追加画像
  • ダイアログボックスで、フォームをSalesforceキャンペーンに送信するコンタクトを追加する場合は、[コンタクトをSalesforceキャンペーンに追加]ドロップダウンメニューをクリックし、キャンペーンを選択します。
  • フォームの外観をカスタマイズする場合は、埋め込みフォームのスタイル設定の方法について、詳細を確認してください。
  • [コピー]をクリックします。
    forms-editor-share-form-copy-form-embed

 

  • フォームエディターで[公開]をクリックします。 
  • 外部ページのHTMLの目的の場所に埋め込みコードを貼り付けます。HubSpotフォームを配置する外部ページにHubSpotトラッキングコードも含めていることを確認してください。このトラッキングコードにより、フォームで送信されたすべてのデータが正しく取得されます。

スタンドアロンフォームページ 

JavaScriptを使用する代わりに、フォームページ経由でフォームを共有することができます。つまり、フォームは独自のURLの独自のページに存在します。  

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [フォーム]の順に進みます。 
  • フォームの名前をクリックします。
  • フォームエディターで[共有]をクリックします。 forms-share-form-updated-screenshot
  • ダイアログボックスで[リンクをシェア]タブをクリックします。 
  • [コピー]をクリックして、フォームページのURLをクリップボードにコピーします。

share-form-own-page

  • フォームエディターで[公開]をクリックします。HubSpotの無料マーケティングツールまたはMarketing Hub Starterアカウントを使用している場合は、[公開]をクリックした後にダイアログボックスも表示され、フォームを共有するためのオプションを使用できます。
  • フォームページのURLをブラウザーの新しいウィンドウに貼り付けて、ページにフォームを読み込みます.他のユーザーがこのページのフォームにアクセスできるようにこのURLを他のユーザーと直接共有することもできます。