お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Integrations

HubSpotフォームをWordPressページと投稿に追加

更新日時 2019年 10月 31日

「HubSpot All-In-One Marketing – Forms, Popups, Live Chat WordPress plugin」を正常にインストールすると、WordPressからHubSpotフォームを作成できます。WordPressのクラシックエディターでHubSpotフォームのショートコードをコピー&ペーストして、HubSpotフォームを埋め込みます。WordPressのGutenbergエディターでは、「HubSpotフォーム」のブロックを投稿に追加し、ドロップダウンメニューを使用してHubSpotフォームを選択します。

注:コンタクトフォーム7またはNinja Formsなどの別のフォームプラグインを使用している場合、HubSpotでの送信を収集することができます。サポートされているフォームの表を確認し、HubSpotでないフォームの使用方法を参照してください。 

サポートされているがHubSpotでないフォームを WordPressで使用しており、HubSpotで送信データが表示されない場合、HubSpot -WordPressプラグインと抵触する別の WordPressプラグインがインストールされている可能性があります。プラグインを無効にするか、よくある質問を確認して、その他のトラブルシューティング手順についてご確認ください。

クラシックエディター

  • WordPress アカウントの左のサイドバーメニューで、[HubSpot]> [Forms (フォーム)]に移動します。 
  • ウェブサイトに追加したいフォームの上にカーソルを置き、[ショートコードをコピー]をクリックします。[フォームを作成]をクリックして、新しいHubSpotフォームを作成することもできます。
    wordpress-copy-short-code
  • WordPress ページまたは投稿に移動し、ショートコードをページエディターにpaste貼り付けます。アドショートコード-ウェブサイト
  • WordPress ページで HubSpot フォームを公開するページを公開する。
  • HubSpot でフォームに送信を表示するには、WordPress のフォームダッシュボードに戻ります。フォームの上にカーソルを置き、[アクション] ドロップダウンメニューをクリックして [送信数を表示] を選択します。フォーム送信の分析についてもっと詳しく。 

Gutenbergエディター

  • Wordpressアカウントで、ページまたは投稿に移動します。 
  • ツールバーの[プラスアイコン]をクリックします。「HubSpotフォーム」のブロックを探し、クリックしてコンテンツに追加します。 

wordpress-hubspot-form-block

  • ブロックで、ドロップダウンメニューをクリックしてフォームを選択します。新しいフォームを作成するには、左側のサイドバーメニューで[HubSpot][フォーム]に移動し、[フォームを作成]をクリックします。 

wordpress-hubspot-form-select-an-existing-form

  • フォームへの送信を表示するには、Wordpressのサイドバーメニューで[HubSpot][フォーム]に移動します。フォームの上にカーソルを置き、[アクション]ドロップダウンメニューをクリックして、[送信数を表示] を選択します。フォーム送信の分析についての詳細はこちらをご参照ください。
 
HubSpot「CRM」ツール でのHubSpot All-In-One Marketing – Forms, Popups, Live Chat pluginの使用についてご不明な点がございましたら、 HubSpotコミュニティーをご利用ください。