デフォルトのウェブモジュール

{% module "blog_comments" path="@hubspot/blog_comments" %}

{% module "blog_subscribe" path="@hubspot/blog_subscribe" %}

{% module "blog_posts"
  path="@hubspot/blog_posts"
  layout="grid",
  columns=4,
  displayForEachListItem=[
   "image",
   "title",
   "authorName",
   "tags",
   "publishDate",
   "description",
   "button"
  ]
%}

{% module "post_filter" path="@hubspot/post_filter" %}

{% module "post_listing" path="@hubspot/post_listing" %}

{% module "button" path="@hubspot/button" %}

{% module "cta" path="@hubspot/cta" %}

{% module "divider" path="@hubspot/divider" %}

{% 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"
 }
%}

{% module "header" path="@hubspot/header" %}

{% module "horizontal_spacer" path="@hubspot/horizontal_spacer" %}

{% module "icon" path="@hubspot/icon" %}

{% module "linked_image" path="@hubspot/linked_image" %}

{% module "image_grid" path="@hubspot/image_grid", label="image_grid.module" %}

{% module "gallery" path="@hubspot/gallery" %}

{% module "unique_name"
    path="@hubspot/image_slider_gallery",
    slides=[
        {
        "img": {
            "src": "",
            "alt": "Default image alt text"
        },
        "caption": "<strong>1</strong> 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": "<strong>2</strong> 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
        }
    }
%}

{% module "language_switcher" path="@hubspot/language_switcher" %}

{% module "logo" path="@hubspot/logo" %}

{% 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
    }
  }
%}

{% module "meetings" path="@hubspot/meetings" %}

{% module "social" path="@hubspot/membership_social_logins",
        clientid=""
        appid=""
        facebook_enabled=true
        google_enabled=true
        %}

{% module "menu" path="@hubspot/menu" %}

{% module "page_footer" path="@hubspot/page_footer" %}

{% module "password_prompt" path="@hubspot/password_prompt" %}

{% module "payments" path="@hubspot/payments" %}

{% 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
  }
%}

{% module "download" path="@hubspot/quote_download" %}

{% module "payment" path="@hubspot/quote_payment" %}

{% module "signature" path="@hubspot/quote_signature" %}

{% module "module_165350106057652" path="@hubspot/line_items", label="line_items.module" %}

{% module "rich_text" path="@hubspot/rich_text" %}

{% module "rss_listing" path="@hubspot/rss_listing" %}

{% module "search_input" path="./local-search_input"
  placeholder="Search"
  include_search_button=true
  results={
   "use_custom_search_results_template": "true",
   "path_id": "77977569400"
  }
%}

{% module "search_results" path="@hubspot/search_results" %}

{% module "section_header" path="@hubspot/section_header" %}

{% module "simple_menu" path="@hubspot/simple_menu" %}

{% module "social_follow" path="@hubspot/social_follow" %}

{% module "social_sharing" path="@hubspot/social_sharing" %}

{% module
  path="@hubspot/tabbed_card",
  tabs=[
   {
    "content" : "<p>This is the descriptive text contained in tab 1.</p>",
    "tab_label" : "Tab 1 label"
   },
   {
    "content" : "<p>This is the descriptive text contained in tab 2.</p>",
    "tab_label" : "Tab 2 label"
   }
  ],
  fixed_height=false
%}

{% module "text" path="@hubspot/text" %}

{% module "video" path="@hubspot/video" %}

{% module "video_embed_lp" path="@hubspot/video_embed_lp" %}

{% module "whatsapp_link" path="@hubspot/whatsapp_link", label="whatsapp_link" %}