# ポップアップ（スライドイン）作成について **URL:** \ **Category:** Tips, Tricks & Best Practices\ **Created:** [August 25, 2023, 2:55am UTC](https://community.hubspot.com/t/topic/88303 "2023-08-25T02:55:26Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![green\_11](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@green\_11](https://community.hubspot.com/u/green_11)\ **Post date:** [August 25, 2023, 2:55am UTC](https://community.hubspot.com/t/topic/88303/1 "2023-08-25T02:55:26Z")
ポップアップ（スライドイン）についての質問です。 以前は、フォーム作成→スライドインと、ページの右下にポップアップが表示されるように作成しておりました。この際、表示されるポップアップは【画像＋テキスト＋ボタン】であり、ボタンをクリックした後に名前などを記入いただく【ステップフォーム】を表示し、資料のダウンロード、という流れにしておりました。 今回、フォーム作成からスライドインの作成ができなくなり、新CTA（ベータ）からの作成飲みになるかと思います。新CTAにおいて以前のように、最初の表示→ステップフォーム（LPではなくポップアップ内で完結）に飛ばす二段階のポップアップ表示は可能でしょうか？ ---
**Author:** ![natsumimori](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/natsumimori/32/39807_2.png) [@natsumimori](https://community.hubspot.com/u/natsumimori)\ **Post date:** [August 25, 2023, 9:17am UTC](https://community.hubspot.com/t/topic/88303/2 "2023-08-25T09:17:06Z")
[@green\_11](https://community.hubspot.com/t5/user/viewprofilepage/user-id/620717) さん、コミュニティーへの投稿ありがとうございます。 [@yskz\_aoyama](https://community.hubspot.com/t5/user/viewprofilepage/user-id/544228) @yoshisegawa @marykashima 新CTAでは”ボタンクリック→フォーム入力”と2段階にできない認識です:thinking:一番近い流れを作れそうなのが、HubSpotでホストしているページに”ボタン”を入れて、そのボタンクリックをトリガーにスライドインCTAを起動させる方法だと思うのですが、皆さんアイデア・コメントをいただけないでしょうか？🙏 ナレッジベース：[HubSpotでボタンクリック時にCTAをトリガーする](https://knowledge.hubspot.com/ja/ctas/add-ctas-to-your-pages#hubspot%E3%81%A7%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E6%99%82%E3%81%ABcta%E3%82%92%E3%83%88%E3%83%AA%E3%82%AC%E3%83%BC%E3%81%99%E3%82%8B%E3%80%82) ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/9/89b85480c6ac20355a5cf1f767ef07d435e6a134.png) ---
**Author:** ![yskz\_aoyama](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/yskz_aoyama/32/32662_2.png) [@yskz\_aoyama](https://community.hubspot.com/u/yskz_aoyama)\ **Post date:** [September 1, 2023, 2:07am UTC](https://community.hubspot.com/t/topic/88303/3 "2023-09-01T02:07:25Z")
[HubSpotでボタンクリック時にCTAをトリガーする](https://knowledge.hubspot.com/ja/ctas/add-ctas-to-your-pages#hubspot%E3%81%A7%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E6%99%82%E3%81%ABcta%E3%82%92%E3%83%88%E3%83%AA%E3%82%AC%E3%83%BC%E3%81%99%E3%82%8B%E3%80%82) の方法だと、指定できるのは「ポップアップCTA」のみになりますね。 どうしても「スライドイン」CTA を使って 2段階でCTAを起動したい場合は、上記のページの後半に書かれている - [外部コンテンツにCTAを追加する](https://knowledge.hubspot.com/ja/ctas/add-ctas-to-your-pages#%E5%A4%96%E9%83%A8%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%81%ABcta%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B) の方法を試してみるのがいいかなと思います。 この方法が「HubSpotでホストしているページ」でも利用できるのか？という疑問はあるのですが… ---
**Author:** ![yskz\_aoyama](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/yskz_aoyama/32/32662_2.png) [@yskz\_aoyama](https://community.hubspot.com/u/yskz_aoyama)\ **Post date:** [September 1, 2023, 5:29am UTC](https://community.hubspot.com/t/topic/88303/4 "2023-09-01T05:29:09Z")
\> この方法が「HubSpotでホストしているページ」でも利用できるのか？という疑問はあるのですが… 上記、一応検証してみました。 HubSpotで作成したWebページ内に以下の HTML を埋め込み、スライドインCTA が動作することが確認できました。 ```lia-code-sample お問い合わせ ``` ---
**Author:** ![green\_11](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@green\_11](https://community.hubspot.com/u/green_11)\ **Post date:** [September 1, 2023, 9:58am UTC](https://community.hubspot.com/t/topic/88303/5 "2023-09-01T09:58:28Z")
検証までありがとうございます。 こちらで試してみたいと思います。 ---
**Author:** ![green\_11](https://avatars.discourse-cdn.com/v4/letter/g/5e9695/32.png) [@green\_11](https://community.hubspot.com/u/green_11)\ **Post date:** [September 1, 2023, 9:57am UTC](https://community.hubspot.com/t/topic/88303/6 "2023-09-01T09:57:44Z")
ご回答ありがとうございます🙏