# HubSpotCMSランディングページでの動的要素作成について

**URL:** <https://community.hubspot.com/t/hubspotcms/86331>\
**Category:** Tips, Tricks & Best Practices\
**Created:** [July 28, 2023, 4:34am UTC](https://community.hubspot.com/t/hubspotcms/86331 "2023-07-28T04:34:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jmatsumoto](https://avatars.discourse-cdn.com/v4/letter/j/f05b48/32.png) [@jmatsumoto](https://community.hubspot.com/u/jmatsumoto)\
**Post date:** [July 28, 2023, 4:34am UTC](https://community.hubspot.com/t/hubspotcms/86331/1 "2023-07-28T04:34:24Z")

</div>

HubSpotCMSで既存のテーマをベースに独自デザインのランディングページを作成しています。  
メニューを追従させたりモーダルウィンドウを起動したりと、一般的にJqueryなどを使って作られるよくある要素を使いたいのですが、CTAを使う以外に方法はあるのでしょうか。

CTAだとカスタマイズやデザインに制限があり、もっと自由にできるとよいのですが。

ご存知のかたがいらっしゃいましたらお教えいただければ幸いです。

---

<div class="post-metadata">

**Author:** ![mikemura](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mikemura/32/57417_2.png) [@mikemura](https://community.hubspot.com/u/mikemura)\
**Post date:** [July 28, 2023, 9:12am UTC](https://community.hubspot.com/t/hubspotcms/86331/2 "2023-07-28T09:12:37Z")

</div>

@jmatsumoto さん、こんにちは。

jQueryについてはについては例えば下記方法で挿入が可能です。

ランディングページの編集ページの、［設定］＞［詳細オプション］＞［追加のコードスニペット］で、

［Headの HTML］に直接jQueryを追記、［フッターHTML］にHTML部分を追加。

 ![mikemura_0-1690535432210.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/4/7/47d2d7a7b4d4d537da1064824c1421b6a5272855.png)

こちらで少しでも解決のヒントになっていれば幸いです！

[@yoshi-axis](https://community.hubspot.com/t5/user/viewprofilepage/user-id/151791) さん、@assi さん、他にベストプラクティスあれば共有いただけると嬉しいです。

---

<div class="post-metadata">

**Author:** ![jmatsumoto](https://avatars.discourse-cdn.com/v4/letter/j/f05b48/32.png) [@jmatsumoto](https://community.hubspot.com/u/jmatsumoto)\
**Post date:** [July 30, 2023, 10:58am UTC](https://community.hubspot.com/t/hubspotcms/86331/3 "2023-07-30T10:58:47Z")

</div>

ご回答ありがとうございます！  
ファイルにアップロードしたJqueryのライブラリを読み込んで使用できるんですね。  
てっきりJqueryライブラリは使えないものと思い込んでいました。これで色々解決しそうです！