> ## Documentation Index > Fetch the complete documentation index at: https://developers.hubspot.jp/docs/llms.txt > Use this file to discover all available pages before exploring further. # デフォルトのウェブモジュール > ウェブサイトページ、ブログ記事、ブログリストテンプレートを作成するためにHubSpotが提供しているデフォルトのモジュールをご紹介します。これらのモジュールは、Eメールテンプレートで使用するデフォルトのEメールモジュールとは別のものです。 この記事では、ウェブサイトページ、ブログ記事、ブログリストページのテンプレートを作成するためにHubSpotが提供しているデフォルトのモジュールをご紹介します。見積もりテンプレートを作成するために使用できるデフォルトのモジュールもあります。 ローカルで開発する際は、モジュールのパス（例：`hs fetch @hubspot/linked_image.module`）を使用して特定のデフォルトのモジュールを[取得](https://developers.hubspot.jp/docs/guides/cms/tools/local-development-cli#fetch-files)できます。 デフォルトのモジュールのコードを確認するには、デザインマネージャーの`@hubspot`フォルダーに格納されているモジュールを表示して複製します。このコードでは、一部のデフォルトモジュールは、現在のアカウントに属するIDではなく、デフォルトのアカウントID 7052064を使用します。 デザインマネージャーのデフォルトのモジュール ### 注： デフォルトのウェブモジュールは、Eメールテンプレートで使用する[デフォルトのEメールモジュール](/cms/start-building/building-blocks/modules/default-email-modules)とは別のものです。Eメールテンプレートに次のいずれかのデフォルトのウェブモジュールが含まれている場合は、[対応するEメール固有のモジュールに置き換える](https://developers.hubspot.jp/docs/guides/cms/content/templates/default-email-modules)必要があります。 * `cta` * `header` * `linked_image` * `logo` * `post_filter` * `post_listing` * `section_header` * `social_sharing` * `text` ## ブログコメント ブログ記事やブログリストでサポートされています。 ```hubl theme={null} {% module "blog_comments" path="@hubspot/blog_comments" %} ``` ## ブログのEメール配信登録 ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "blog_subscribe" path="@hubspot/blog_subscribe" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------ | ------- | ---------------------- | ------------------------- | | `select_blog` | ブログ | モジュールに使用するブログ。 | | | `title` | 文字列 | モジュールのタイトル（h3タグで囲みます）。 | `"Subscribe Here!"` | | `response_message` | リッチテキスト | フォームの送信時に表示されるメッセージ。 | `Thanks for subscribing!` | ## ブログ記事 このモジュールをブログリストページに追加すると、ブログ記事に移動するクリック可能なボタンを使用して、各記事のタイトル、キービジュアル、執筆者、公開日などを含むブログ記事のプレビューを表示できるようになります。 このデフォルトのモジュールはReactを使用して作成されており、[ソースコードはGitHubで確認](https://github.com/HubSpot/cms-react/tree/main/default-react-modules/src/components/modules/BlogPosts-V0)できます。 ### 注： * デザインマネージャーからこのモジュールにアクセスすることはできません。このモジュールは、コードテンプレート内でHubLを使って参照し、[ブログリストページエディター](https://knowledge.hubspot.com/ja/blog/edit-a-blog-listing-page)内に追加できます。 * このモジュールは、非推奨になった以前の`blog_listing`モジュールを置き換えるものです。 ```hubl theme={null} {% module "blog_posts" path="@hubspot/blog_posts" layout="grid", columns=4, displayForEachListItem=[ "image", "title", "authorName", "tags", "publishDate", "description", "button" ] %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------------ | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | | `layout` | 選択肢 | 各ブログ記事プレビューのコンテンツレイアウト。 | `grid` | | `columns` | 数値 | `grid`レイアウトを使用する場合の1行当たりの記事数。`2`、`3`、`4`のいずれかにできます。 | `3` | | `alternateImage` | ブール値 | `sideBySide`レイアウトを使用する場合、このブール値を`true`に設定すると、記事プレビューの右側と左側に交互にキービジュアルが並べられます。 | `false` | | `fullImage` | ブール値 | `grid`レイアウトまたは`singleColumn`レイアウトを使用する場合、このブール値を`true`に設定すると、キービジュアルが記事プレビューの背景になります。 | `false` | | `displayForEachListItem` | 配列 | 各ブログ記事プレビューに含めるコンテンツ。次の選択肢があります。 | `[ 'image', 'title', 'authorImage', 'authorName', 'tags', 'publishDate', 'description', 'button' ]` | | `buttonText` | 文字列 | 続きを読むボタンに表示されるテキスト（このボタンが含まれる場合）。 | `Read more` | ## ブログ記事フィルター ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "post_filter" path="@hubspot/post_filter" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------ | ---- | ------------------------------------------------------------------------------------ | ---------------- | | `select_blog` | ブログ | 表示するブログを選択します。デフォルトでは、ブログテンプレートで使用する場合は現在のブログが使用され、その他の場合はプライマリーブログが使用されます。 | | | `filter_type` | 選択肢 | 表示するフィルターリンクのタイプ。次の選択肢があります。 | `tag` | | `order_by` | 選択肢 | フィルターリンクの値の順序。次の選択肢があります。 | `post_count` | | `list_title` | テキスト | H3見出し。 | `"Posts by Tag"` | | `max_links` | 数値 | 表示するフィルターリンクの数。全て表示する場合は空白のままにします。 | `5` | | `expand_link_text` | テキスト | `max_links`の値を超える数のリンクが使用可能な場合に表示するテキスト。 | `"See all"` | ## ブログ記事リスト ページ、ブログリスト、ブログ記事でサポートされています。 ### 注： このモジュールの新しいバージョンが2024年3月末にリリースされました。詳しくは[新しいデフォルトの記事リストモジュール](/cms/reference/modules/default-module-versioning#post-listing)についてご確認ください。 ```hubl theme={null} {% module "post_listing" path="@hubspot/post_listing" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | -------------- | ---- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | | `select_blog` | ブログ | 表示するブログを選択します。デフォルトでは、ブログテンプレートで使用する場合は現在のブログが使用され、その他の場合はプライマリーブログが使用されます。 | | | `listing_type` | 選択肢 | 記事リストのタイプ。次の選択肢があります。 | `recent` | | `list_title` | テキスト | H3見出し。 | `"Recent Posts"` | | `max_links` | 数値 | 表示する記事の最大数。 | `5` | ## ボタン ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "button" path="@hubspot/button" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------- | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `link` | リンク | ボタンによるリダイレクト先URL。 | `{ "url": { "type": "EXTERNAL", "href": "www.hubspot.com", "content_id": null }, "open_in_new_tab": false, "no_follow": false }` | | `button_text` | テキスト | ボタンに表示されるテキスト。 | `"Add a button link here"` | | `style` | オブジェクト | | `{ "override_default_style": false, "button_font": { "color": "#FFFFFF", "size_unit": "px" }, "button_color": { "color": "#000000", "opacity": 100 }, "text_hover_color": { "color": "#000000", "opacity": 100 }, "button_hover_color": { "color": "#CCCCCC", "opacity": 100 } }` | ## CTA（Call-To-Action） ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "cta" path="@hubspot/cta" %} ``` | パラメーター | 型 | 説明 | | ------ | --- | -------------- | | `guid` | 文字列 | CTAのグローバル固有ID。 | ## データを削除 2025年5月26日をもってこのモジュールは非推奨となり、[データプライバシーリクエストページ機能](https://knowledge.hubspot.com/ja/privacy-and-consent/manage-data-privacy-requests)に移行されました。 このモジュールのリファレンス情報は、[非推奨のモジュールドキュメント](/cms/versions-deprecations/deprecated/modules#delete-data)に移動されました。 ## 区切り ページでサポートされています。2022年8月25日以降に作成されたアカウントでは、[このモジュールの新しいバージョン](/cms/reference/modules/default-module-versioning#divider)を利用できます。詳しくは[この更新に関する情報](https://developers.hubspot.com/changelog/divider-module-v1)をご確認ください。 ```hubl theme={null} {% module "divider" path="@hubspot/divider" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | -------------- | ---- | ------------------------------------------------------------------------------------ | ---------------------------------------- | | `height` | 数値 | 区切り線の高さ（px）。 | `1` | | `width` | 数値 | 区切り線の幅のパーセンテージ（%）。 | `50` | | `color` | 色 | 区切り線の色（16進数）と不透明度（数値）。 | `{ "color": "#000000", "opacity": 100 }` | | `line_type` | 選択肢 | 線のタイプ。次の選択肢があります。 | `solid` | | `alignment` | 選択肢 | 区切り線の水平方向の位置合わせ。次の選択肢があります。 | `center` | | `show_padding` | ブール値 | 区切りの上下に設けられる余白の表示または非表示を指定します。 | `false` | | `padding` | 数値 | 区切り線の上下に設けられる余白のピクセル（px）値。このオプションは、`show_padding`が`true`に設定されている場合に使用可能になります。 | `5` | ## データをダウンロード 2025年5月26日をもってこのモジュールは非推奨となり、[データプライバシーリクエストページ機能](https://knowledge.hubspot.com/ja/privacy-and-consent/manage-data-privacy-requests)に移行されました。 このモジュールのリファレンス情報は、[非推奨のモジュールドキュメント](/cms/versions-deprecations/deprecated/modules#download-data)に移動されました。 ## フォーム ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "form" path="@hubspot/form" form={ "form_id": "9e633e9f-0634-498e-917c-f01e355e83c6", "response_type": "redirect", "message": "Thanks for submitting the form.", "redirect_id": null, "redirect_url": "http://www.google.com" } %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | | `title` | テキスト | H3見出し | | | `form` | オブジェクト | 次のフィールドを含むフォームオブジェクト。 | | | `{ "form_id": "", "response_type": "redirect", "message": "Thanks for submitting the form.", "redirect_id": null, "redirect_url": "http://www.google.com" }` | | | | | `notifications_are_overridden` | ブール値 | フォームのデフォルトではなく、フォームの通知Eメールを送信するかどうかを指定します。 | `false` | | `notifications_override_email_addresses` | Eメール | `notifications_are_overridden`が`true`の場合に送信するEメールのカンマ区切りリスト。 | | | `follow_up_type_simple` | ブール値 | フォローアップEメールの送信を有効にするかどうかを指定します。 | `false` | | `simple_email_for_live_id` | Followupemail | フォローアップEメールのID。`follow_up_type_simple`が`true`の場合に使用可能になります。 | | | `sfdc_campaign` | Salesforcecampaign | Salesforce連携がアクティブな場合のキャンペーンID。 | | ## ヘッダー ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "header" path="@hubspot/header" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------ | ---- | --------------------------------- | --------------------------- | | `value` | テキスト | 見出しのテキスト。 | `"A clear and bold header"` | | `header_tag` | 選択肢 | 見出しのレベルを選択します。`h1`から`h6`まで選択できます。 | `h1` | ## 水平方向スペーサー ページ、ブログリスト、ブログ記事、およびEメールでサポートされています。 ```hubl theme={null} {% module "horizontal_spacer" path="@hubspot/horizontal_spacer" %} ``` ## アイコン ページ、ブログリスト、ブログ記事でサポートされています。アイコンは、Font Awesome 5.0.10および5.14.0のアイコンセットから取得できます。 ```hubl theme={null} {% module "icon" path="@hubspot/icon" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | --------- | --- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | | `name` | 文字列 | アイコンの名前。 | `"hubspot"` | | `purpose` | 選択肢 | アイコンの目的を分類するスクリーンリーダー用のアクセシビリティーオプション。有効な値は次の通りです。 | `"decorative"` | | `title` | 文字列 | アイコンにタイトルを割り当てるアクセシビリティーオプション。 | | | `style` | 文字列 | アイコンのタイプ。`solid`、`regular`、`light`、`thin`、`duotone`のいずれかを指定できます。 | `"solid"` | | `unicode` | 文字列 | アイコンのUnicode値。 | `f3b2` | ## 画像 ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "linked_image" path="@hubspot/linked_image" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | -------- | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `img` | 画像 | 次のフィールドを含む画像オブジェクト。 | `{ "src": "https://static.hubspot.com/final/img/content/email-template-images/placeholder_200x200.png", "alt": "placeholder_200x200", "loading": "disabled", "width": 200, "height": 200 }` | | `link` | テキスト | 画像のリンク（オプション）。 | | | `target` | ブール値 | 新しいタブでリンクを開くかどうかを指定します。 | `false` | ## 画像グリッド ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "image_grid" path="@hubspot/image_grid", label="image_grid.module" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------ | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | | `slides` | オブジェクト | 各スライドの情報を含むオブジェクト。オブジェクトには次のフィールドが含まれます。 | `[ { "show_caption": false, "open_in_new_tab": false } ]` | | `display_mode` | 選択肢 | 画像ギャラリーの表示モード。次の選択肢があります。 | `standard` | | `lightboxRows` | 数値 | `display_mode`が`lightbox`の場合に表示するLightboxギャラリーの行数。 | `3` | | `loop_slides` | ブール値 | `display_mode`が`standard`または`thumbnail`の場合にスライドを循環して表示するかどうかを指定します。 | `true` | | `auto_advance` | ブール値 | `display_mode`が`standard`または`thumbnail`の場合に自動的に次のスライドに進むかどうかを指定します。 | `true` | | `num_seconds` | 数値 | `display_mode`が`standard`または`thumbnail`の場合に次のスライドに進むまでの時間の間隔（秒数）。 | `5` | | `show_pagination` | ブール値 | `display_mode`が`standard`または`thumbnail`の場合にナビゲーションボタンを表示するかどうかを指定します。 | `true` | | `sizing` | 選択肢 | `display_mode`が`standard`または`thumbnail`の場合にスライドの高さを設定します。次の選択肢があります。 | `static` | | `transition` | 選択肢 | `display_mode`が`standard`または`thumbnail`の場合に使用する、スライドの遷移スタイル。次の選択肢があります。 | `slide` | | `caption_position` | 選択肢 | `display_mode`が`standard`または`thumbnail`の場合に表示する、スライドのキャプションの位置。次の選択肢があります。 | `below` | ## 画像ギャラリー ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "gallery" path="@hubspot/gallery" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------ | ------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | | `slides` | オブジェクト | 各スライドの情報を含むオブジェクト。オブジェクトには次の情報が含まれます。 | `[ { "show_caption": false, "open_in_new_tab": false } ]` | | `display_mode` | 選択肢 | 画像ギャラリーの表示モード。次の選択肢があります。 | `standard` | | `lightboxRows` | 数値 | `display_mode`が`lightbox`の場合に表示するLightboxギャラリーの行数。 | `3` | | `loop_slides` | ブール値 | `display_mode`が`standard`または`thumbnail`の場合にスライドを循環して表示するかどうかを指定します。 | `true` | | `auto_advance` | ブール値 | `display_mode`が`standard`または`thumbnail`の場合に自動的に次のスライドに進むかどうかを指定します。 | `true` | | `num_seconds` | 数値 | `display_mode`が`standard`または`thumbnail`の場合に次のスライドに進むまでの時間の間隔（秒数）。 | `5` | | `show_pagination` | ブール値 | `display_mode`が`standard`または`thumbnail`の場合にナビゲーションボタンを表示するかどうかを指定します。 | `true` | | `sizing` | 選択肢 | `display_mode`が`standard`または`thumbnail`の場合にスライドの高さを設定します。次の選択肢があります。 | `static` | | `transition` | 選択肢 | `display_mode`が`standard`または`thumbnail`の場合に使用する、スライドの遷移スタイル。次の選択肢があります。 | `slide` | | `caption_position` | 選択肢 | `display_mode`が`standard`または`thumbnail`の場合に表示する、スライドのキャプションの位置。次の選択肢があります。 | `below` | ## 画像スライダーギャラリー ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "unique_name" path="@hubspot/image_slider_gallery", slides=[ { "img": { "src": "", "alt": "Default image alt text" }, "caption": "1 An optional caption for the image that will be added to the gallery. Enter any descriptive text for this image that you would like visitors to be able to read.", "link_url": "" }, { "img": { "src": "", "alt": "Default image alt text" }, "caption": "2 An optional caption for the image that will be added to the gallery. Enter any descriptive text for this image that you would like visitors to be able to read.", "link_url": "" } ] slideshow_settings={ "slides": { "per_page": 1, "sizing": "natural", "aspect_ratio": "16/9", "show_captions": true, "caption_position": "below" }, "movement": { "transition": "slide", "loop_slides": false, "auto_advance": false, "auto_advance_speed_seconds": 5 }, "navigation": { "show_main_arrows": true, "show_thumbnails": false, "show_dots": false } } %} ``` | パラメーター | 型 | 説明 | | -------------------- | --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `slides` | フィールドグループ | 次のフィールドが含まれるフィールドグループ。 | | `slideshow_settings` | フィールドグループ | 画像スライダー設定のフィールドグループ。次のフィールドグループがあります。 | | `default_text` | フィールドグループ | モジュールのデフォルトのテキスト要素。次の要素が含まれます。 | ## 言語切り替え機能 ページでサポートされています。 ```hubl theme={null} {% module "language_switcher" path="@hubspot/language_switcher" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | -------------- | --- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- | | `display_mode` | 選択肢 | 言語切り替え機能のテキストの言語。次のオプションがあります。 | `localized` | ## ロゴ ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "logo" path="@hubspot/logo" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ----------------------- | ---- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | | `img` | 画像 | 次のフィールドを含む画像オブジェクト。 | `{ "override_inherited_src": false, "src": null, "alt": null }` | | `link` | テキスト | ロゴのリンク（オプション）。URLが指定されていない場合、ロゴは[ブランド設定](https://knowledge.hubspot.com/ja/branding/edit-your-logo-favicon-and-brand-colors#edit-your-logo)で設定されているロゴURLにリンクされます。 | | | `open_in_new_tab` | ブール値 | 新しいタブでリンクを開くかどうかを指定します。 | `false` | | `suppress_company_name` | ブール値 | 画像が選択されていない場合に会社名を非表示にするかどうかを指定します。 | `true` | | `heading_level` | 選択肢 | 選択されている画像がなく、`suppress_company_name`が`false`に設定されている場合の見出しのレベルを選択します。`h1`から`h6`まで選択できます。 | `h1` | ## ロゴグリッド コンテナーのカスタマイズ可能なグリッドで、ロゴを均一に表示できます。ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "logo grid" path="@hubspot/logo_grid" group_logos=[ { "logo": { "loading": "lazy", "alt": "company_logo", "src": "https://www.example.com/Logos/color/logo.png" } }, { "logo": { "loading": "lazy", "alt": "company2_logo", "src": "https://www.example.com/Logos/color/logo2.png" } }, { "logo": { "alt": "lorem-logo", "height": 40, "loading": "lazy", "max_height": 40, "max_width": 175, "src": "https://www.example.com/Logos/color/logo3.png", "width": 175 } } ], styles={ "group_logo": { "group_background": { "aspect_ratio": "1/1", "background_color": { "color": "#8E7CC3", "opacity": 100 } }, "group_spacing": { "padding": { "padding": { "bottom": { "units": "px", "value": 75 }, "left": { "units": "px", "value": 75 }, "right": { "units": "px", "value": 75 }, "top": { "units": "px", "value": 75 } } } }, "max_logo_height": 85 }, "group_logo_grid": { "column_count": 3, "grid_gap": 54 } } %} ``` | パラメーター | 型 | 説明 | | ------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `group_logos` | 配列 | グリッド内の各ロゴのオブジェクトを含む配列。 | | `logo` | オブジェクト | `group_logos`に含まれる、グリッド内の各ロゴのオブジェクト。各ロゴには、次のパラメーターを含めることができます。 | | `styles` | 配列 | グリッドレイアウト、ロゴコンテナー、およびロゴ画像に影響するスタイルフィールドを含む配列。この配列には、次のスタイルグループが含まれています。 | ## ミーティング ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "meetings" path="@hubspot/meetings" %} ``` | パラメーター | 型 | 説明 | | --------- | ------ | ---------------- | | `meeting` | ミーティング | ミーティングリンクを選択します。 | ## ソーシャルログインのアクセス権設定 [メンバーシップページに](/cms/start-building/features/memberships/overview)Google とFacebookのログインオプションが表示されます。サインイン時は、CRM内のコンタクトレコードのEメールアドレスに結び付いたアカウントを使用する必要があります。有効にするソーシャルログインを選択できます。 アクセス権設定を利用可能なログインページでサポートされています。 ```hubl theme={null} {% module "social" path="@hubspot/membership_social_logins", clientid="" appid="" facebook_enabled=true google_enabled=true %} ``` Facebookを使用する場合は、[Facebook開発者アカウント](https://developers.facebook.com/docs/development/register)と、基本的な設定を使用して[作成したFacebookアプリ](https://developers.facebook.com/docs/development/create-an-app)が必要です。これらの要件を満たした上で、作成したアプリのIDをモジュールに渡します。 Googleを使用する場合は、Googleアカウントと[認証情報の作成](https://developers.google.com/identity/sign-in/web/sign-in#create_authorization_credentials)が必要になります。これらの要件を満たした上で、アプリのクライアントIDをモジュールに渡します。 | パラメーター | 型 | 説明 | デフォルト値 | | ------------------ | ---- | ------------------------------------------------------- | ------- | | `facebook_appid` | 文字列 | FacebookアプリのID。 | | | `facebook_enabled` | ブール値 | Facebookログインのボタンを有効にするかどうかを指定します。`facebook_appid`が必要です。 | `False` | | `google_clientid` | 文字列 | GoogleクライアントのID。 | | | `google_enabled` | ブール値 | Googleログインのボタンを有効にするかどうかを指定します。`google_clientid`が必要です。 | `False` | ## メニュー ページ、ブログ記事、ブログリストでサポートされています。 独自のカスタムメニューを作成する場合は、HubSpotの[menu()関数](/cms/reference/hubl/functions#menu)をお試しください。 ```hubl theme={null} {% module "menu" path="@hubspot/menu" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------ | ---- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | | `id` | メニュー | メニューのID。 | | | `root_type` | 選択肢 | 詳細メニュータイプ。次の選択肢があります。 | `site_root` | | `max_levels` | 選択肢 | メニューで展開可能なメニューツリーの子の数を指定します。`1`から`10`まで選択できます。 | `2` | | `flow` | 選択肢 | メニューの向き。次の選択肢があります。 | `horizontal` | | `flyouts` | ブール値 | 子メニュー項目にカーソルを合わせたときに詳細表示を有効にするかどうかを指定します。 | `true` | ## ページフッター ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "page_footer" path="@hubspot/page_footer" %} ``` ## パスワードプロンプト ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "password_prompt" path="@hubspot/password_prompt" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ---------------------- | ------- | ------------------------------- | ----------------------------- | | `submit_button_text` | テキスト | 送信ボタンに表示されるテキスト。 | `"Submit"` | | `password_placeholder` | テキスト | パスワードフィールドのプレースホルダーテキスト。 | `"Password"` | | `bad_password_message` | リッチテキスト | パスワードが正しく入力されていない場合に表示されるメッセージ。 | `"Sorry, please try again. "` | ## 支払い ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "payments" path="@hubspot/payments" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------- | --- | ------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | | `payment` | 文字列 | 特定の支払いリンクを使用するようにモジュールを設定するには、支払いリンクのIDを含めます。支払いリンクを編集する際に、URLで[このIDを確認](/cms/reference/fields/module-theme-fields#link)できます。 | | | `checkout_location` | 文字列 | 支払いフォームを新しいタブで開くか、オーバーレイで開くかを設定します。有効な値は次の通りです。 | `"new_tab"` | | `button_text` | 文字列 | ご注文の確認ボタンのテキストを設定します。 | `"Checkout"` | | `button_target` | 選択肢 | ボタンでHubSpot支払いリンクと外部リンクのどちらを使用するかを設定します。次の選択肢があります。 | `"payment_link"` | | `button_link` | リンク | `button_target`を`custom_link`に設定した場合、外部リンクの宛先を設定します。次のリンクタイプがサポートされています。 | `EXTERNAL` | ## 製品 アカウントの[製品ライブラリー](https://knowledge.hubspot.com/ja/products/how-do-i-use-products)に含まれている製品が表示されます。ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module path="@hubspot/product", product={ "id" : 2124070179 }, group_button={ "button_text" : "Buy", "override_product_button" : true, "button_override" : { "no_follow" : false, "open_in_new_tab" : false, "sponsored" : false, "url" : { "href" : "https://www.test.com", "type" : "EXTERNAL" } }, group_description={ "description_override" : "Monthly gym membership with access to shared locker facilities.", "override_product_description" : true }, group_name={ "heading_level" : "h3", "name_override" : "Gym membership", "override_product_name" : true }, group_image={ "image_override" : { "alt" : "360_F_317724775_qHtWjnT8YbRdFNIuq5PWsSYypRhOmalS", "height" : 360, "loading" : "lazy", "src" : "https://2272014.fs1.hubspotusercontent-na1.net/hubfs/2272014/360_F_317724775_qHtWjnT8YbRdFNIuq5PWsSYypRhOmalS.jpg", "width" : 640 }, "override_product_image" : true } %} ``` | パラメーター | 型 | 説明 | | ------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `product` | 製品 | 表示する製品を製品IDで指定します。 | | `group_button` | フィールドグループ | デフォルトでは、製品に設定されているURLにユーザーを誘導するためのボタンがモジュールに表示されます。このボタンによる誘導先をカスタマイズするには、このオプションのフィールドグループと併せて次のフィールドを含めます。 | | `button_override` | オブジェクト | `group_button`フィールドグループで、`override_product_button`が`true`に設定されている場合、このパラメーターによってボタンのURL動作が設定されます。`url`フィールドでは、`type`フィールドを使用して誘導先のタイプを設定できます。このフィールドは、次のコンテンツタイプでサポートされています。 | | `group_name` | フィールドグループ | デフォルトでは、このモジュールの上部にh3として製品名が表示されます。名前をカスタマイズするには、このオプションのフィールドグループと併せて次のフィールドを含めます。 | | `group_description` | フィールドグループ | デフォルトでは、製品に設定されている説明がモジュールに表示されます。説明をカスタマイズするには、このオプションのフィールドグループと併せて次のフィールドを含めます。 | | `group_image` | フィールドグループ | デフォルトでは、製品に設定されている画像がモジュールに表示されます。この画像をカスタマイズするには、このオプションのフィールドグループと併せて次のフィールド含めます。 | ## 見積もりのダウンロード 見積もりテンプレートでサポートされています。 ```hubl theme={null} {% module "download" path="@hubspot/quote_download" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ---------------- | --- | ---------------------------- | -------------------------------------------------------------- | | `button_text` | 文字列 | ダウンロードボタンに表示されるテキスト。 | `Download` | | `download_error` | 文字列 | ダウンロードに失敗した場合に表示されるエラーメッセージ。 | `There was a problem downloading the quote. Please try again.` | ## 見積もりの支払い 見積もりテンプレートでサポートされています。 ```hubl theme={null} {% module "payment" path="@hubspot/quote_payment" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ---------------------- | ------- | ------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------ | | `heading_text` | 文字列 | 見積もりテンプレートの支払いセクションの上に表示される見出し。 | `Payment` | | `heading_tag` | 選択肢 | `heading_text`を表示するために使用する見出しのタイプ。有効な値は、`h1`、`h2`、`h3`、`h4`、`h5`、`h6`です。 | `h3` | | `checkout` | 文字列 | 支払いボタンのテキスト。 | `Pay now` | | `needs_signature` | 文字列 | 署名が必要な場合のボタンテキスト。 | `Payment can't be made because the quote isn't fully signed.` | | `checkout_error` | リッチテキスト | 注文手続き中にエラーが発生した場合に表示されるメッセージ。 | `There was a problem setting up checkout. Please contact the person who sent you this quote.` | | `payment_status_error` | リッチテキスト | 支払いを試行中にエラーが発生した場合に表示されるメッセージ。 | `There was a problem loading the payment status for this quote. Please try refreshing the page.` | | `paid` | 文字列 | 支払いが正常に完了したことを示すステータスインジケーター。 | `Paid` | | `payment_processing` | 文字列 | 支払いが処理中であることを示すステータスインジケーター。 | `Payment processing` | ## 見積もりの署名 見積もりテンプレートでサポートされています。 ```hubl theme={null} {% module "signature" path="@hubspot/quote_signature" %} ``` 見積もりに電子署名が必要な場合は、`esignature`オブジェクトに含まれる次のフィールドを使用できます。 | パラメーター | 型 | 説明 | デフォルト値 | | ------------------- | ------- | ------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | | `pretext` | リッチテキスト | 電子署名の説明テキスト。 | `Before you sign this quote, an email must be sent to you to verify your identity. Find your profile below to request a verification email.` | | `verify_button` | 文字列 | 確認ボタンに表示されるテキスト。 | `Verify to sign` | | `failure` | 文字列 | 署名情報を取得できない場合に表示されるアラートテキスト。 | `There was a problem retrieving the signature information. Please reload the page.` | | `verification_sent` | 文字列 | 認証リクエストが見積もり署名者に正常に送信されると表示されるステータスインジケーター。 | `Verification sent` | | `signed` | 文字列 | 見積もりが正常に署名されると表示されるテキスト。 | `Signed` | 見積もりに印刷された署名が必要な場合、`print_signature`オブジェクトに含まれる次のフィールドを使用できます。 | パラメーター | 型 | 説明 | デフォルト値 | | ------------------ | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------- | | `header` | リッチテキスト | 署名セクションの上部に表示されるテキスト。 | `Signature` | | `signature` | 文字列 | 署名フィールドの横に表示されるテキスト。 | `Signature` | | `date` | 文字列 | 日付フィールドの横に表示されるテキスト。 | `Date` | | `printed_name` | 文字列 | 印刷された名前フィールドの横に表示されるテキスト。 | `Printed name` | | `countersignature` | オブジェクト | 連署セクションのコンテンツを含むオブジェクト。このオブジェクトには、次のフィールドを含めることができます。 | `Signed` | ## 商品項目 見積もりテンプレートでサポートされています。このモジュールには、カスタム見積もりで使用されるデフォルトのテキストも含まれています。 ```hubl theme={null} {% module "module_165350106057652" path="@hubspot/line_items", label="line_items.module" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | --------------------------------- | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | | `title` | テキスト | 商品項目列のタイトル。 | `Column description` | | `use_additional_product_property` | ブール値 | ユーザーが製品のプロパティーから追加の商品項目列を選択するために使用できるチェックボックスを表示するかどうかを指定します。 | `False` | | `additional_product_properties` | 選択肢 | 製品プロパティー。次の選択肢があります。 | | | `crm_product_property` | CRMオブジェクトプロパティー | 商品項目列のヘッダーとして表示する製品プロパティーを選択します。 | | ## リッチテキスト 全てのテンプレートタイプでサポートされています。 ```hubl theme={null} {% module "rich_text" path="@hubspot/rich_text" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------ | ------- | --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `html` | リッチテキスト | HTMLブロック。 | ` ## Something Powerful \n ### Tell The Reader More \n The headline and subheader tells us what you're [offering](https://developers.hubspot.jp/docs\"#\"), and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for. \n Remember: \n` | ## RSSリスティング ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "rss_listing" path="@hubspot/rss_listing" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------------ | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | | `title` | テキスト | H3見出し。 | `"Test"` | | `rss_feed_type` | 選択肢 | RSSフィードのタイプ。次の選択肢があります。 | `blog` | | `rss_url` | テキスト | `rss_feed_type`が`external`の場合に使用するRSS URL。 | | | `content_group_id` | ブログ | `rss_feed_type`が`blog`の場合に使用するブログのID。 | | | `topic_id` | タグ | `rss_feed_type`が`blog`の場合にフィルター基準として使用するタグのID（オプション）。 | | | `number_of_items` | 数値 | 表示する記事の最大数。 | `5` | | `include_featured_image` | ブール値 | キービジュアルを含めるかどうかを指定します。 | `false` | | `show_author` | ブール値 | 執筆者名を表示するかどうかを指定します。 | `true` | | `attribution_text` | テキスト | 執筆者を記事に関連付けるテキスト。`show_author`が`true`の場合に表示されます。 | `"by"` | | `show_detail` | ブール値 | 記事のサマリーテキストを表示するかどうかを指定します。 | `true` | | `limit_to_chars` | 数値 | `show_detail`が`true`の場合のサマリーテキストの長さを制限します。 | `200` | | `click_through_text` | テキスト | `show_detail`が`true`の場合に、記事サマリーの最後にあるクリックスルーリンクに表示されるテキスト。 | `"Read more"` | | `show_date` | ブール値 | 公開日を表示するかどうかを指定します。 | `true` | | `publish_date_format` | 選択肢 | `show_date`が`true`の場合に使用する公開日の形式。次の選択肢があります。 | `short` | | `publish_date_text` | テキスト | `show_date`が`true`の場合に使用する、記事の公開日時を示すテキスト。 | `"posted at"` | ## サイト検索入力 ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "search_input" path="./local-search_input" placeholder="Search" include_search_button=true results={ "use_custom_search_results_template": "true", "path_id": "77977569400" } %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ----------------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | | `field_label` | テキスト | 検索入力のラベルテキスト。 | | | `placeholder` | テキスト | 入力フィールドのプレースホルダーテキスト。 | `"Search"` | | `include_search_button` | ブール値 | 検索ボタンを含めるかどうかを指定します。 | `false` | | `content_types` | オブジェクト | 検索結果に含めるコンテンツのタイプを指定します。このオブジェクトには、ブール値を設定する次のキーが格納されます。 | `{ "website_pages": true, "landing_pages": false, "blog_posts": true, "knowledge_articles": false }` | | `results` | オブジェクト | カスタム検索結果ページを使用するためのコントロールを有効にするオブジェクト。次のプロパティーが含まれます。
| | ## 検索結果 ページ、ブログ記事、ブログリストでサポートされています。 ```hubl theme={null} {% module "search_results" path="@hubspot/search_results" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------------------- | ---- | -------------------------- | ------- | | `display_featured_images` | ブール値 | 項目のキービジュアルを表示するかどうかを指定します。 | `false` | ## セクションヘッダー ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "section_header" path="@hubspot/section_header" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | --------------- | ---- | ----------------------------------- | ---------------------------- | | `header` | テキスト | セクションヘッダーのコンテンツ。 | `"A clear and bold header"` | | `heading_level` | 選択肢 | `header`の見出しレベル。`h1`から`h6`まで選択できます。 | `h1` | | `subheader` | テキスト | セクションの小見出しの段落のテキスト。 | `"A more subdued subheader"` | ## シンプルメニュー ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "simple_menu" path="@hubspot/simple_menu" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------------- | -------- | -------------------------------------------------------------------- | ------------ | | `menu_tree` | シンプルメニュー | シンプルメニューオブジェクト。 | `[]` | | `orientation` | 選択肢 | メニューの向き。次の選択肢があります。 | `horizontal` | ## ソーシャルフォロー ソーシャルメディアのプロフィールへのリンクを追加して、コンテンツエディターでドラッグ＆ドロップ操作によってリンクを並べ替えることができます。ソーシャルURLに基づいて自動的にアイコンが挿入されますが、これらのアイコンはオーバーライドできます。 ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "social_follow" path="@hubspot/social_follow" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | -------------------- | ---- | ------------------------------------------------------------------------------------------------------------------------------------- | ------- | | `link` | テキスト | エディターで追加したソーシャルページのリンク先。 | | | `open_in_new_window` | ブール値 | `false`に設定すると、リンクが同じブラウザータブで開きます。 | `true` | | `is_podcast` | ブール値 | `true`に設定すると、デフォルトのアイコンやカスタムアイコンではなく、ポッドキャストアイコンが表示されます。 | `false` | | `customize_alt_text` | ブール値 | デフォルトでは、代替テキストが自動的に生成されます。`true`に設定すると、`aria_label`フィールドを使用して、デフォルトの代替テキストをカスタムの値でオーバーライドできます。 | `false` | | `aria-label` | 文字列 | `customize_alt_text`が`true`の場合、このフィールドでアイコンの代替テキストを設定します（例：`Follow us on Facebook`）。この説明は、スクリーンリーダーが目の不自由なユーザーにアイコンについて説明するために使用されます。 | `False` | | `customize_icon` | ブール値 | デフォルトでは、リンクURLに基づいてアイコンが自動入力されます。`true`に設定すると、`custom_icon`フィールドを使用して、提供されている他のアイコン（Font Awesome 6.4.2）のいずれかを選択できます。 | `false` | | `custom_icon` | アイコン | `customize_icon`が`true`で、`is_podcast`が`false`の場合、このフィールドを使用して、提供されているアイコンのセットからカスタムアイコンを指定します。Font Awesome 6.4.2で提供されているアイコンが使用可能です。 | | ## ソーシャルシェアリング ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "social_sharing" path="@hubspot/social_sharing" %} ``` 注：以下に示されているデフォルトの列に含まれる変数`social_link_url`の値は、`link`パラメーターの値と同じです。 | パラメーター | 型 | 説明 | デフォルト値 | | ----------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `link` | テキスト | この宛先リンクは、ソーシャルネットワークで共有しやすいように短縮されます。 | | | `facebook` | オブジェクト | このオブジェクトには次のフィールドが含まれます。 | `{ "enabled": false, "custom_link_format": "http://www.facebook.com/share.php?u={{ social_link_url }}" }` | | `twitter` | オブジェクト | このオブジェクトには次のフィールドが含まれます。 | \{ "enabled": false, "custom\_link\_format": "[https://twitter.com/intent/tweet?original\_referer=\\\{\\\{](https://twitter.com/intent/tweet?original_referer=\\\{\\\{) social\_link\_url }}\&url=\{\{ social\_link\_url }}\&source=tweetbutton\&text=\{\{ social\_page\_title\|urlencode }}" } | | `linkedin` | オブジェクト | このオブジェクトには次のフィールドが含まれます。 | `{ "enabled": false, "custom_link_format": "http://www.linkedin.com/shareArticle?mini=true&url={{ social_link_url }}" }` | | `pinterest` | オブジェクト | このオブジェクトには次のフィールドが含まれます。 | `{ "enabled": false, "custom_link_format": "http://pinterest.com/pin/create/button/?url={{ social_link_url }}&media={{ pinterest_media }}", "pinterest_media": { "src": "", "alt": null } }` | | `email` | オブジェクト | このオブジェクトには次のフィールドが含まれます。 | `{ "enabled": false, "custom_link_format": "mailto:?subject=Check out {{ social_link_url }} &body=Check out {{ social_link_url }}" }` | ## タブ付きカード ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module path="@hubspot/tabbed_card", tabs=[ { "content" : "

This is the descriptive text contained in tab 1.

", "tab_label" : "Tab 1 label" }, { "content" : "

This is the descriptive text contained in tab 2.

", "tab_label" : "Tab 2 label" } ], fixed_height=false %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | -------------- | --------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | | `tabs` | フィールドグループ | 各タブのタブラベルとテキストコンテンツを含むフィールドグループ。次のフィールドがあります。 | `"Some additional information in one line"` | | `fixed_height` | ブール値 | デフォルトでは、タブを切り替えてもコンテナーの高さが変わらないように、タブの高さは固定されます。このブール値を`false`に設定すると、タブ付きカードコンテナーの高さが、アクティブなタブのコンテンツに応じて調整されます。 | `False` | ## 1行テキスト ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "text" path="@hubspot/text" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | ------- | ---- | -------------------- | ------------------------------------------- | | `value` | テキスト | このパラメーターにテキストを追加します。 | `"Some additional information in one line"` | ## 動画 ページ、ブログリスト、ブログ記事でサポートされています。 ```hubl theme={null} {% module "video" path="@hubspot/video" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | -------------------- | ------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | | `video_type` | 選択肢 | 動画のタイプ。次の選択肢があります。 | `embed` | | `hubspot_video` | 動画プレーヤー | HubSpotでホスティングされている動画。`video_type`が`hubspot_video`に設定されている場合に使用されます。 | | | `embed_field` | 埋め込み | 次の埋め込みタイプを使用できます。 | | | `oembed_thumbnail` | 画像 | `video_type`が`embed`に、`embed_field`が`oembed`に設定されている場合に、埋め込みサムネイル画像をオーバーライドします。 | | | `style_options` | オブジェクト | `oembed_thumbnail_play_button_color`色フィールドを含むオブジェクト。 | `{"oembed_thumbnail_play_button_color":"#ffffff"}` | | `placeholder_fields` | オブジェクト | このオブジェクトには次のフィールドが含まれます。 | `{"placeholder_title":"No video selected", "placeholder_description":"Select a video type in the sidebar."}` | ## 動画埋め込み（ランディングページ） ページでサポートされています。 ```hubl theme={null} {% module "video_embed_lp" path="@hubspot/video_embed_lp" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | --------------- | ---- | ------------------------------------------------- | ----------------------------------------------- | | `url` | テキスト | 動画のURL。VimeoとYouTubeのURLがサポートされています。 | `"https://www.youtube.com/watch?v=X1Rr5BFO5rg"` | | `is_full_width` | ブール値 | 動画を全幅に設定（`true`）、または手動で幅と高さを設定（`false`）するかを指定します。 | `true` | | `max_width` | 数値 | 最大幅（px） | `800` | | `max_height` | 数値 | 最大高さ（px） | `450` | ## WhatsAppリンク ページ、ブログ記事、ブログ リスト ページでサポートされています。[WhatsAppチャネルの接続](https://knowledge.hubspot.com/ja/inbox/connect-whatsapp-to-the-conversations-inbox)が必要です。 ```hubl theme={null} {% module "whatsapp_link" path="@hubspot/whatsapp_link", label="whatsapp_link" %} ``` | パラメーター | 型 | 説明 | デフォルト値 | | --------------------- | --- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | | `whatsapp_number` | URL | [アカウントに接続されているWhatsAppチャネル](https://knowledge.hubspot.com/ja/inbox/connect-whatsapp-to-the-conversations-inbox)の中から選択します。 | | | `optin_text` | 選択肢 | [オプトインとオプトアウトのテキスト](https://knowledge.hubspot.com/ja/inbox/collect-consent-for-whatsapp-conversations#subscribe-a-contact-using-opt-in-keywords-in-a-whatsapp-thread)。 | | | `whatsapp_display` | 選択肢 | ボタンにテキストまたはWhatsAppアイコン、あるいはその両方を表示するかを選択します。次の選択肢があります。 | `text_and_icon` | | `icon_position` | 選択肢 | ボタン上のアイコンの位置。`left`と`right`が選べます。 | `left` | | `button_text` | 文字列 | ボタンのテキスト。 | `Chat on WhatsApp` | | `whatsapp_icon_title` | 文字列 | スクリーンリーダー用のアイコンのテキスト。 | `WhatsApp Icon` |