質問&ディスカッション

真之介
メンバー

フォームスタイル

解決

リンク先のように、CTAをクリックするとURL遷移せずにフォームが表示されるようにするにはどのように設定したらよろしいでしょうか?

 

https://hubstaff.com/demo

スクリーンショット 2021-07-20 20.23.01.jpg

0 いいね!
1件の承認済みベストアンサー
marykashima
解決策
キーアドバイザー | Platinum Partner
キーアドバイザー | Platinum Partner

フォームスタイル

解決

@真之介 さんこんにちは。

まず、CTAはイベント発火は出来ません。URLに依存しますので、上記の要求は難しいです。

回避策として以下があります。

  1. CTAを優先し、素直に遷移させる。
  2. ポップアップフォームを使う。ただし、CTAの代わりにコールアウトというポップアップのボタンになる(ビュー数、クリックスルー率、フォームビュー数、フォームコンバージョン率、送信数の計測はできます) 。動き的にはポップアップのコールアウトボタン→ポップアップのフォームです。ただし、フォームの項目数が最大4に限られます。

さて…これだけだとなんなので、参考のHubstuffのサイトを見てみました。こちらもHubSpotを使われていました。
ではどうやっているか。

  • リンクボタンはCTAを用いていません。
  • #requestDemo_dialog というページ内リンクで、隠してあるフォームをjsで表示させていました。

 

こちらは通常のフロントエンド技法で解決できるかと思います。

参考になれば幸いです。


Mary Kashima
HubSpot Community Champion
Grow Better at Community 2021,2022,2023
著書「HubSpotワンストップマーケティング」発売中

株式会社クリエイティブホープ HubSpot Platinum Partner
JPで唯一の HubSpot INBOUND2024 Correspondent やってました!

元の投稿で解決策を見る

4件の返信
marykashima
解決策
キーアドバイザー | Platinum Partner
キーアドバイザー | Platinum Partner

フォームスタイル

解決

@真之介 さんこんにちは。

まず、CTAはイベント発火は出来ません。URLに依存しますので、上記の要求は難しいです。

回避策として以下があります。

  1. CTAを優先し、素直に遷移させる。
  2. ポップアップフォームを使う。ただし、CTAの代わりにコールアウトというポップアップのボタンになる(ビュー数、クリックスルー率、フォームビュー数、フォームコンバージョン率、送信数の計測はできます) 。動き的にはポップアップのコールアウトボタン→ポップアップのフォームです。ただし、フォームの項目数が最大4に限られます。

さて…これだけだとなんなので、参考のHubstuffのサイトを見てみました。こちらもHubSpotを使われていました。
ではどうやっているか。

  • リンクボタンはCTAを用いていません。
  • #requestDemo_dialog というページ内リンクで、隠してあるフォームをjsで表示させていました。

 

こちらは通常のフロントエンド技法で解決できるかと思います。

参考になれば幸いです。


Mary Kashima
HubSpot Community Champion
Grow Better at Community 2021,2022,2023
著書「HubSpotワンストップマーケティング」発売中

株式会社クリエイティブホープ HubSpot Platinum Partner
JPで唯一の HubSpot INBOUND2024 Correspondent やってました!
真之介
メンバー

フォームスタイル

解決

ありがとうございます!

HubSpot単独機能ではないのですね!どこかに設定項目があるかと思っていました!

 

neemo
トップ投稿者

フォームスタイル

解決

@真之介 さん、こんにちは。

フォーム作成時、「フォームのタイプを選択」の画面で「ポップアップボックス」をご選択いただくことで再現可能かと存じますが、いかがでしょうか?

 

こちらも合わせてご確認いただけたらさらに理解が深まるかと思います。
ポップアップフォームを作成する 

 

ご参考になりましたら幸いです。

20210721_ポップアップボックス選択_スクリーンショット 2021-07-21 105722.png

真之介
メンバー

フォームスタイル

解決

ありがとうございます!

どうやら、marykashima さんの回答のように、HubSpot外で制御しているっぽいです。

0 いいね!