モジュール表示テスト用のWebサイトページの作り方をご説明します。
あくまでもテスト表示用なので、最低限の設定の説明に留まる内容となっています。
Hubspot管理画面ヘッダー【マーケティング】→【ウェブサイト】→【ウェブサイトページ】を開きます。
「作成」ボタンから【ウェブサイトページ】を選択します。
ページ名を入力し「ページを作成」ボタンを押下します。
このウェブページで使うテンプレートを選びます。
今回は、Hub研Lab.内の関連記事で作成したドラッグアンドドロップできるシンプルなテンプレート「Implement」を選択します。
ウェブサイトページの編集画面が表示されました。
【設定】に切り替えます。
内部ページ名は上記で入力した文字情報が自動的に入力されていると思います。
ページタイトルも任意の内容を入力します。
コンテンツスラッグはURLの末尾にくるページのアドレスです。わかりやすいものにしましょう。
メタディスクリプションも入力します。ページタイトルとメタディスクリプションは、SEO的に重要なのでしっかりと書くようにしましょう。
キービジュアル（OGP画像）は設定しないと公開ができませんので、画像を用意し設定します。
Hubspot CMS Hubには、ブラウザ上でデザインができる「Canva」が付属されています。デザインテンプレートも多数用意されているので、画像を作る際は利用してみるといいと思います。
【コンテンツ】に切り替えます。
共通のモジュールからお好きなモジュールを入れてみましょう。
この記事では、Hub研Lab.の記事内で作成したモジュール「accordion-level-1」を配置してみます。
モジュール「accordion-level-1」が配置された状態です。
公開または更新ボタンを押下します。
今すぐページを更新ボタンを押下します。
URL箇所に書かれたテキストリンクから実際のページを確認してみます。
https://www.hub-ken.net/accordion-module
任意のモジュールが表示されていれば、成功です。