Integrations

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

更新日時 2020年 10月 19日

対象製品

すべての製品とプラン

HubSpot All-In-One Marketing - フォーム、ポップアップ、ウェブチャットWordPressプラグインを正常にインストールすると、WordPressからHubSpotフォームを作成できます。WordPressのClassic Editor(クラシックエディター)でHubSpotフォームのショートコードをコピー&ペーストして、HubSpotフォームを埋め込みます。WordPressのGutenbergエディターでは、HubSpotフォームのブロックを投稿に追加し、ドロップダウンメニューを使用してHubSpotフォームを選択します。

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

HubSpot以外のサポートされているフォームをWordPressで使用していて、HubSpot上で送信データを確認できない場合、HubSpot -WordPressプラグインの動作と競合する別のWordPressプラグインがインストールされている場合があります。該当するプラグインを無効にするか、よくある質問を確認して、追加のトラブルシューティング手順を確認してください。

クラシックエディター

  • WordPressアカウントの左のサイドバーメニューで、[HubSpot]> [フォーム]の順に進みます。 
  • ウェブサイトに追加したいフォームの上にカーソルを置き、[ショートコードをコピー]をクリックします。[フォームを作成]をクリックして、新しいHubSpotフォームを作成することもできます。
    wordpress-copy-short-code
  • WordPressのページまたは投稿に移動し、ショートコードをページエディターにpaste貼り付けます。add-shortcode-to-website
  • 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 - フォーム、ポップアップ、ウェブチャットプラグインの使用についてご不明な点がございましたら、HubSpotコミュニティーをご利用ください。