> ## Documentation Index > Fetch the complete documentation index at: https://br.developers.hubspot.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Módulos da Web padrão > Saiba mais sobre os módulos padrão que o HubSpot fornece para criar páginas do site, posts de blog e modelos de listagem de blog. Esses módulos são separados dos módulos de e-mail padrão, que são para modelos de e-mail. Abaixo, saiba mais sobre os módulos padrão que a HubSpot fornece para criar modelos para páginas de site, posts de blog e páginas de listagem de blog. Você também encontrará módulos padrão que podem ser usados para criar modelos de orçamento. Ao desenvolver localmente, você pode [buscar](https://br.developers.hubspot.com/docs/guides/cms/tools/local-development-cli#fetch-files) um módulo padrão específico usando o caminho do módulo (por exemplo, `hs fetch @hubspot/linked_image.module`). Para exibir o código de um módulo padrão, você pode exibir e clonar o módulo na pasta `@hubspot` do gerenciador de design. No código, alguns módulos padrão usam o ID de conta padrão 7052064, em vez do que pertence à conta atual. design-manager-default-modules ### Observação: Os módulos da Web padrão são separados de [módulos de e-mail padrão](/cms/start-building/building-blocks/modules/default-email-modules), que são para modelos de e-mail. Se seus modelos de e-mail incluírem um dos módulos da Web padrão a seguir, você deverá [substituí-los pelo módulo específico de e-mail correspondente](https://br.developers.hubspot.com/docs/guides/cms/content/templates/default-email-modules): * `cta` * `header` * `linked_image` * `logo` * `post_filter` * `post_listing` * `section_header` * `social_sharing` * `text` ## Comentários do blog Suportado em posts de blog e listagens de blog. ```hubl theme={null} {% module "blog_comments" path="@hubspot/blog_comments" %} ``` ## Assinatura de e-mail do blog Suportado em páginas, posts de blog e listagens de blog. ```hubl theme={null} {% module "blog_subscribe" path="@hubspot/blog_subscribe" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------ | --------- | -------------------------------------------- | ------------------------- | | `select_blog` | Blog | O blog a ser usado para o módulo. | | | `title` | String | Título para o módulo (envolto em uma tag h3) | `"Subscribe Here!"` | | `response_message` | Rich text | A mensagem mostrada ao enviar o formulário. | `Thanks for subscribing!` | ## Posts do blog Adicione este módulo às páginas de listagem de blog para exibir visualizações de posts de blog contendo o título, a imagem em destaque, o autor, a data de publicação de cada post e muito mais com um botão clicável que navega para o post. Este módulo padrão foi criado usando React, e você pode [exibir seu código fonte no GitHub](https://github.com/HubSpot/cms-react/tree/main/default-react-modules/src/components/modules/BlogPosts-V0). ### Observação: * Este módulo não pode ser acessado a partir do gerenciador de design. O módulo pode ser referenciado com HubL em modelos codificados e adicionado ao [editor de páginas de listagem do blog](https://knowledge.hubspot.com/pt/blog/edit-a-blog-listing-page). * Este módulo substitui o módulo `blog_listing` anterior, que foi descontinuado. ```hubl theme={null} {% module "blog_posts" path="@hubspot/blog_posts" layout="grid", columns=4, displayForEachListItem=[ "image", "title", "authorName", "tags", "publishDate", "description", "button" ] %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------- | | `layout` | Escolha | O layout do conteúdo de cada visualização de post de blog. | `grid` | | `columns` | Número | Ao usar o layout `grid`, o número de posts por linha. Pode ser `2`, `3` ou `4`. | `3` | | `alternateImage` | Booleano | Ao usar o layout `sideBySide`, defina como `true` para alinhar as imagens em destaque à direita e à esquerda da visualização da publicação. | `false` | | `fullImage` | Booleano | Ao usar os layouts `grid` ou `singleColumn`, defina este campo como `true` para tornar a imagem em destaque o plano de fundo da visualização do post. | `false` | | `displayForEachListItem` | Matriz | O conteúdo a ser incluído em cada visualização de post de blog. As opções incluem: | `[ 'image', 'title', 'authorImage', 'authorName', 'tags', 'publishDate', 'description', 'button' ]` | | `buttonText` | String | O texto exibido no botão Leia mais, se incluído. | `Read more` | ## Filtro de post de blog Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "post_filter" path="@hubspot/post_filter" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------ | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | | `select_blog` | Blog | Selecione um blog para exibir. O padrão usará o blog atual quando usado em um modelo de blog, ou o blog principal quando usado em outro lugar. | | | `filter_type` | Escolha | Tipo de links de filtragem a serem exibidos. As opções incluem: | `tag` | | `order_by` | Escolha | Classificação dos valores dos links de filtro. As opções incluem: | `post_count` | | `list_title` | Texto | Um título H3. | `"Posts by Tag"` | | `max_links` | Número | Número de links de filtro para mostrar. Deixe em branco para mostrar todos. | `5` | | `expand_link_text` | Texto | O texto a ser exibido se mais do que o valor `max_links` estiver disponível. | `"See all"` | ## Listagem de posts de blog Suportado em páginas, listagens de blog e posts de blog. ### Observação: Uma nova versão deste módulo foi lançada no final de março de 2024. Saiba mais sobre o [novo módulo de listagem de posts padrão](/cms/reference/modules/default-module-versioning#post-listing). ```hubl theme={null} {% module "post_listing" path="@hubspot/post_listing" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | -------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | | `select_blog` | Blog | Selecione um blog para exibir. O padrão usará o blog atual quando usado em um modelo de blog, ou o blog principal quando usado em outro lugar. | | | `listing_type` | Escolha | O tipo de listagem para seus posts. As opções incluem: | `recent` | | `list_title` | Texto | Um título H3. | `"Recent Posts"` | | `max_links` | Número | Número máximo de publicações para exibir. | `5` | ## Botão Suportado em páginas, posts de blog e listagens de blog. ```hubl theme={null} {% module "button" path="@hubspot/button" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------- | ------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `link` | Link | O URL para o qual o botão redireciona. | `{ "url": { "type": "EXTERNAL", "href": "www.hubspot.com", "content_id": null }, "open_in_new_tab": false, "no_follow": false }` | | `button_text` | Texto | O texto que será exibido no botão. | `"Add a button link here"` | | `style` | Objeto | | `{ "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 } }` | ## Call to action Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "cta" path="@hubspot/cta" %} ``` | Parâmetro | Tipo | Descrição | | --------- | ------ | --------------------------------------------- | | `guid` | String | O identificador globalmente exclusivo da CTA. | ## Excluir dados Desde 26 de maio de 2025, este módulo foi reprovado em favor do [recurso da página de solicitação de privacidade de dados](https://knowledge.hubspot.com/pt/privacy-and-consent/manage-data-privacy-requests). As informações de referência para este módulo foram movidas para a [documentação de módulos preteridos](/cms/versions-deprecations/deprecated/modules#delete-data). ## Divisor Suportado em páginas. Há uma [nova versão deste módulo](/cms/reference/modules/default-module-versioning#divider) disponível para contas criadas após 25 de agosto de 2022. [Saiba mais sobre essa alteração](https://developers.hubspot.com/changelog/divider-module-v1). ```hubl theme={null} {% module "divider" path="@hubspot/divider" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | -------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | | `height` | Número | Altura em pixels (px) da linha divisória. | `1` | | `width` | Número | Largura percentual (%) da linha divisória. | `50` | | `color` | Cor | Cor (hexadecimal) e opacidade (número) da linha divisória. | `{ "color": "#000000", "opacity": 100 }` | | `line_type` | Escolha | Tipo de linha. As opções incluem: | `solid` | | `alignment` | Escolha | Alinhamento horizontal da linha divisória. As opções incluem: | `center` | | `show_padding` | Booleano | Mostre/oculte as margens superior e inferior no divisor. | `false` | | `padding` | Número | Valor de pixel (px) para a margem na parte superior e inferior da linha divisória. Opção disponível quando `show_padding` é igual a `true`. | `5` | ## Fazer download de dados Desde 26 de maio de 2025, este módulo foi reprovado em favor do [recurso da página de solicitação de privacidade de dados](https://knowledge.hubspot.com/pt/privacy-and-consent/manage-data-privacy-requests). As informações de referência para este módulo foram movidas para a [documentação de módulos preteridos](/cms/versions-deprecations/deprecated/modules#download-data). ## Formulário Suportado em páginas, posts de blog e listagens de blog. ```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" } %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | | `title` | Text | Cabeçalho H3 | | | `form` | Objeto | Objeto de formulário incluindo: | | | `{ "form_id": "", "response_type": "redirect", "message": "Thanks for submitting the form.", "redirect_id": null, "redirect_url": "http://www.google.com" }` | | | | | `notifications_are_overridden` | Booleano | E-mail para o qual enviar a notificação de formulário em vez das configurações padrão. | `false` | | `notifications_override_email_addresses` | E-mail | Lista separada por vírgulas de e-mails a serem enviados quando `notifications_are_overridden` for igual a `true`. | | | `follow_up_type_simple` | Booleano | Envio de um e-mail de acompanhamento ativado. | `false` | | `simple_email_for_live_id` | Followupemail | ID do e-mail de acompanhamento. Disponível quando `follow_up_type_simple` é igual a `true`. | | | `sfdc_campaign` | Salesforcecampaign | Quando a integração com o Salesforce está ativa, o ID da campanha. | | ## Cabeçalho Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "header" path="@hubspot/header" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------ | ------- | ---------------------------------------------------------- | --------------------------- | | `value` | Texto | Texto do cabeçalho. | `"A clear and bold header"` | | `header_tag` | Escolha | Escolha um nível de título. Opções incluem de `h1` a `h6`. | `h1` | ## Espaçador horizontal Suportado em páginas, posts de blog, listagens de blog e e-mails. ```hubl theme={null} {% module "horizontal_spacer" path="@hubspot/horizontal_spacer" %} ``` ## Ícone Suportado em páginas, listagens de blog e posts de blog. Os ícones podem ser extraídos dos conjuntos de ícones Font Awesome 5.0.10 e 5.14.0. ```hubl theme={null} {% module "icon" path="@hubspot/icon" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | | `name` | String | O nome do ativo. | `"hubspot"` | | `purpose` | Escolha | Uma opção de acessibilidade que categoriza a finalidade do ícone para os leitores de tela. Os valores disponíveis são: | `"decorative"` | | `title` | String | Uma opção de acessibilidade que atribui um título ao ícone. | | | `style` | String | o tipo de ícone. Pode ser um dos seguintes: `solid`, `regular`, `light`, `thin` ou `duotone`. | `"solid"` | | `unicode` | String | O valor unicode do ícone. | `f3b2` | ## Imagem Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "linked_image" path="@hubspot/linked_image" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `img` | Imagem | Objeto de imagem contendo: | `{ "src": "https://static.hubspot.com/final/img/content/email-template-images/placeholder_200x200.png", "alt": "placeholder_200x200", "loading": "disabled", "width": 200, "height": 200 }` | | `link` | Texto | Link opcional para a imagem. | | | `target` | Booleano | Abre o link em uma nova guia. | `false` | ## Grade de imagem Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "image_grid" path="@hubspot/image_grid", label="image_grid.module" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | | `slides` | Objeto | Objeto que contém informações para cada slide. O objeto contém: | `[ { "show_caption": false, "open_in_new_tab": false } ]` | | `display_mode` | Escolha | Modo de exibição da Galeria de imagens. As opções incluem: | `standard` | | `lightboxRows` | Número | Número de linhas na galeria Lightbox quando `display_mode` é igual a `lightbox`. | `3` | | `loop_slides` | Booleano | Habilita o loop pelos slides com próximo/anterior quando `display_mode` é igual a `standard` ou `thumbnail`. | `true` | | `auto_advance` | Booleano | Avança automaticamente para o próximo slide quando `display_mode` é igual a `standard` ou `thumbnail`. | `true` | | `num_seconds` | Número | Tempo (segundos) entre o avanço para o próximo slide quando `display_mode` é igual a `standard` ou `thumbnail`. | `5` | | `show_pagination` | Booleano | Mostre os botões de navegação quando `display_mode` for igual a `standard` ou `thumbnail`. | `true` | | `sizing` | Escolha | Define a altura dos slides quando `display_mode` é igual a `standard` ou `thumbnail`. As opções incluem: | `static` | | `transition` | Escolha | Estilos de transição de slides quando `display_mode` é igual a `standard` ou `thumbnail`. As opções incluem: | `slide` | | `caption_position` | Escolha | Posição das legendas do slide quando `display_mode` for igual a `standard` ou `thumbnail`. As opções incluem: | `below` | ## Galeria de imagens Suportado em páginas, posts de blog e listagens de blog. ```hubl theme={null} {% module "gallery" path="@hubspot/gallery" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- | | `slides` | Objeto | Objeto que contém informações para cada slide. O objeto contém: | `[ { "show_caption": false, "open_in_new_tab": false } ]` | | `display_mode` | Escolha | Modo de exibição da Galeria de imagens. As opções incluem: | `standard` | | `lightboxRows` | Número | Número de linhas na galeria Lightbox quando `display_mode` é igual a `lightbox`. | `3` | | `loop_slides` | Booleano | Habilita o loop pelos slides com próximo/anterior quando `display_mode` é igual a `standard` ou `thumbnail`. | `true` | | `auto_advance` | Booleano | Avança automaticamente para o próximo slide quando `display_mode` é igual a `standard` ou `thumbnail`. | `true` | | `num_seconds` | Número | Tempo (segundos) entre o avanço para o próximo slide quando `display_mode` é igual a `standard` ou `thumbnail`. | `5` | | `show_pagination` | Booleano | Mostre os botões de navegação quando `display_mode` for igual a `standard` ou `thumbnail`. | `true` | | `sizing` | Escolha | Define a altura dos slides quando `display_mode` é igual a `standard` ou `thumbnail`. As opções incluem: | `static` | | `transition` | Escolha | Estilos de transição de slides quando `display_mode` é igual a `standard` ou `thumbnail`. As opções incluem: | `slide` | | `caption_position` | Escolha | Posição das legendas do slide quando `display_mode` for igual a `standard` ou `thumbnail`. As opções incluem: | `below` | ## Galeria com controle deslizante de imagens Suportado em páginas, posts de blog e listagens de blog. ```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 } } %} ``` | Parâmetro | Tipo | Descrição | | -------------------- | --------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `slides` | Grupo de campos | Um grupo de campos que contém os seguintes campos: | | `slideshow_settings` | Grupo de campos | O grupo de campos de configurações do controle deslizante de imagens. Inclui os seguintes grupos de campos: | | `default_text` | Grupo de campos | Os elementos de texto padrão do módulo, incluindo: | ## Troca de idiomas Suportado em páginas. ```hubl theme={null} {% module "language_switcher" path="@hubspot/language_switcher" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | -------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- | | `display_mode` | Escolha | O idioma do texto no seletor de idiomas. Os valores são: | `localized` | ## Logotipo Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "logo" path="@hubspot/logo" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ----------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | | `img` | Imagem | Objeto de imagem contendo: | `{ "override_inherited_src": false, "src": null, "alt": null }` | | `link` | Texto | Link opcional para o logotipo. Se nenhum URL for especificado, seu logotipo será vinculado ao *URL do Logotipo* definir em seu [configurações de marca](https://knowledge.hubspot.com/pt/branding/edit-your-logo-favicon-and-brand-colors#edit-your-logo). | | | `open_in_new_tab` | Booleano | Abre o link em uma nova guia. | `false` | | `suppress_company_name` | Booleano | Oculte o nome da empresa quando uma imagem não estiver selecionada. | `true` | | `heading_level` | Escolha | Escolha um nível de título quando nenhuma imagem estiver selecionada e `suppress_company_name` for igual `false`. As opções incluem `h1` até `h6`. | `h1` | ## Grid de logotipo Uma grade personalizável de contêineres para exibir logotipos de forma uniforme. Suportado em páginas, listagens de blog e posts de blog. ```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 } } %} ``` | Parâmetro | Tipo | Descrição | | ------------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `group_logos` | Matriz | Uma matriz que contém um objeto para cada logotipo na grade. | | `logo` | Objeto | Em `group_logos`, um objeto para cada logotipo na grade. Cada logotipo pode incluir os seguintes parâmetros: | | `styles` | Matriz | Uma matriz que contém os campos de estilo que afetam o layout de grade, os contêineres de logotipo e as imagens de logotipo. Essa matriz contém os seguintes grupos de estilos: | ## Reuniões Suportado em páginas, posts de blog e listagens de blog. ```hubl theme={null} {% module "meetings" path="@hubspot/meetings" %} ``` | Parâmetro | Tipo | Descrição | | --------- | ------- | ----------------------------- | | `meeting` | Reunião | Selecione um link de reunião. | ## Logins sociais de associações Oferece opções de login do Google e do Facebook para [páginas de membros](/cms/start-building/features/memberships/overview). O usuário deve fazer login com uma conta vinculada ao endereço de e-mail do seu registro de contato no CRM. Você pode escolher quais logins de redes sociais devem ser habilitados. Compatível nas páginas de login de membros. ```hubl theme={null} {% module "social" path="@hubspot/membership_social_logins", clientid="" appid="" facebook_enabled=true google_enabled=true %} ``` O Facebook requer uma [Conta de desenvolvedor do Facebook](https://developers.facebook.com/docs/development/register) e um [aplicativo Facebook criado](https://developers.facebook.com/docs/development/create-an-app) com configurações básicas. Depois de ter feito isso, o id do aplicativo é o que você transmite para o módulo. O Google requer uma conta do Google e a [criação de credenciais de autorização ](https://developers.google.com/identity/sign-in/web/sign-in#create_authorization_credentials); com isso, você transmitirá o ID do cliente do seu aplicativo para o módulo. | Parâmetro | Tipo | Descrição | Padrão | | ------------------ | -------- | --------------------------------------------------------------------- | ------- | | `facebook_appid` | String | O ID do aplicativo do Facebook. | | | `facebook_enabled` | booleano | Ative o botão para login do Facebook. `facebook_appid` é obrigatório. | `False` | | `google_clientid` | String | O ID de cliente do Google. | | | `google_enabled` | Booleano | Ative o botão para login do Google. `google_clientid` é necessário. | `False` | ## Menu Suportado em páginas, posts de blog e listagens de blog. Deseja criar seu próprio menu personalizado? Experimente nossa [função menu()](/cms/reference/hubl/functions#menu). ```hubl theme={null} {% module "menu" path="@hubspot/menu" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------ | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | | `id` | Menu | ID do menu. | | | `root_type` | Escolha | Tipo de menu avançado. As opções incluem: | `site_root` | | `max_levels` | Escolha | Determina o número de filhos da árvore do menu que podem ser expandidos no menu. As opções incluem `1` até `10` | `2` | | `flow` | Escolha | A orientação do menu. As opções incluem: | `horizontal` | | `flyouts` | Booleano | Funcionalidade de passar o mouse habilitada para itens do menu secundário. | `true` | ## Rodapé da página Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "page_footer" path="@hubspot/page_footer" %} ``` ## Solicitação de senha Suportado em páginas, posts de blog e listagens de blog. ```hubl theme={null} {% module "password_prompt" path="@hubspot/password_prompt" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ---------------------- | --------- | ------------------------------------------------------------------ | ----------------------------- | | `submit_button_text` | Texto | Texto que aparece no botão Enviar. | `"Submit"` | | `password_placeholder` | Texto | Texto temporário para o campo de senha. | `"Password"` | | `bad_password_message` | Rich Text | Mensagem a ser exibida quando uma senha é inserida incorretamente. | `"Sorry, please try again. "` | ## Pagamentos Suportado em páginas, posts de blog e listagens de blog. ```hubl theme={null} {% module "payments" path="@hubspot/payments" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- | | `payment` | String | Para configurar o módulo para usar um link de pagamento específico, inclua o ID do link de pagamento. Você pode [localizar a ID](/cms/reference/fields/module-theme-fields#link) no URL ao editar o link de pagamento. | | | `checkout_location` | String | Defina se o formulário de pagamento abre em uma nova guia ou em uma sobreposição. Os valores disponíveis são: | `"new_tab"` | | `button_text` | String | Define o texto do botão de finalização da compra. | `"Checkout"` | | `button_target` | Escolha | Se o botão usa um link de pagamento da HubSpot ou um link externo. As opções incluem: | `"payment_link"` | | `button_link` | Link | Quando `button_target` está definido como `custom_link`, especifica o destino do link externo. Os tipos compatíveis incluem: | `EXTERNAL` | ## Produto Exibe um produto da conta [biblioteca de produtos](https://knowledge.hubspot.com/pt/products/how-do-i-use-products). Suportado em páginas, posts de blog e listagens de blog. ```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 } %} ``` | Parâmetro | Tipo | Descrição | | ------------------- | --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | `product` | Produto | O produto a ser exibido, especificado pelo ID do produto. | | `group_button` | Grupo de campos | Por padrão, o módulo inclui um botão que direciona os usuários para o URL definido do produto. Para personalizar o destino do botão, inclua este grupo de campos opcionais junto com os seguintes campos: | | `button_override` | Objeto | No grupo de campos `group_button`, isso define o comportamento do URL do botão quando `override_product_button` está definido como `true`. Inclui os seguintes campos:No campo`url`, você pode definir o tipo de destino por meio do campo `type`, que suporta os seguintes tipos de conteúdo: | | `group_name` | Grupo de campos | Por padrão, o módulo exibirá o nome do produto na parte superior do módulo como um h3. Para personalizar o nome, inclua este grupo de campos opcionais junto com os seguintes campos: | | `group_description` | Grupo de campos | Por padrão, o módulo exibirá a descrição do conjunto do produto. Para personalizar a descrição, inclua este grupo de campos opcionais junto com os seguintes campos: | | `group_image` | Grupo de campos | Por padrão, o módulo exibirá a imagem definida do produto. Para personalizar esta imagem, inclua este grupo de campos opcionais com os seguintes campos: | ## Download de orçamento Suportado em modelos de orçamento. ```hubl theme={null} {% module "download" path="@hubspot/quote_download" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ---------------- | ------ | ---------------------------------------------- | -------------------------------------------------------------- | | `button_text` | String | O texto exibido no botão de download. | `Download` | | `download_error` | String | Mensagem de erro exibida se o download falhar. | `There was a problem downloading the quote. Please try again.` | ## Pagamento de orçamento Suportado em modelos de orçamento. ```hubl theme={null} {% module "payment" path="@hubspot/quote_payment" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ---------------------- | --------- | ----------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | | `heading_text` | String | O cabeçalho exibido acima da seção de pagamento de um modelo de orçamento. | `Payment` | | `heading_tag` | Escolha | O tipo de cabeçalho usado para exibição de `heading_text`. Os valores incluem `h1`, `h2`, `h3`, `h4`, `h5`, `h6`. | `h3` | | `checkout` | String | Texto do botão de pagamento. | `Pay now` | | `needs_signature` | String | O texto do botão quando uma assinatura é necessária. | `Payment can't be made because the quote isn't fully signed.` | | `checkout_error` | Rich text | Mensagem que é exibida quando ocorre um erro durante a finalização da compra. | `There was a problem setting up checkout. Please contact the person who sent you this quote.` | | `payment_status_error` | Rich text | Mensagem que é exibida quando ocorre um erro ao tentar fazer um pagamento. | `There was a problem loading the payment status for this quote. Please try refreshing the page.` | | `paid` | String | Um indicador de status de pagamento bem-sucedido. | `Paid` | | `payment_processing` | String | Um indicador de status de processamento de pagamento. | `Payment processing` | ## Assinatura do orçamento Suportado em modelos de orçamento. ```hubl theme={null} {% module "signature" path="@hubspot/quote_signature" %} ``` Quando um orçamento requer uma assinatura eletrônica, os seguintes campos estão disponíveis em um objeto `esignature`: | Parâmetro | Tipo | Descrição | Padrão | | ------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | | `pretext` | Rich text | Texto de explicação da assinatura eletrônica. | `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` | String | O texto exibido no botão de verificação. | `Verify to sign` | | `failure` | String | O texto de alerta que é exibido quando as informações de assinatura não podem ser recuperadas. | `There was a problem retrieving the signature information. Please reload the page.` | | `verification_sent` | String | Um indicador de status que aparece quando a solicitação de verificação foi enviada com sucesso ao signatário do orçamento. | `Verification sent` | | `signed` | String | O texto que é exibido quando o orçamento foi assinado com êxito. | `Signed` | Quando um orçamento requer uma assinatura por escrito, os seguintes campos estão disponíveis em um objeto `print_signature`: | Parâmetro | Tipo | Descrição | Padrão | | ------------------ | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- | | `header` | Rich text | Texto exibido na parte superior da seção de assinatura. | `Signature` | | `signature` | String | O texto exibido ao lado do campo de assinatura. | `Signature` | | `date` | String | O texto exibido ao lado do campo de data. | `Date` | | `printed_name` | String | O texto exibido ao lado do campo de nome por extenso. | `Printed name` | | `countersignature` | Objeto | Um objeto que contém conteúdo para a seção de assinatura. Este objeto pode conter os seguintes campos: | `Signed` | ## Itens de linha Suportado em modelos de orçamento. Este módulo também inclui o texto padrão usado em orçamentos personalizados. ```hubl theme={null} {% module "module_165350106057652" path="@hubspot/line_items", label="line_items.module" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------------------------------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------- | | `title` | Texto | O título da coluna de item de linha. | `Column description` | | `use_additional_product_property` | Booleano | Exibir caixa de seleção para permitir que os usuários selecionem colunas de item de linha adicionais nas propriedades do produto. | `False` | | `additional_product_properties` | Escolha | Uma propriedade de produto. As opções incluem: | | | `crm_product_property` | Propriedade do objeto do CRM | Selecione qualquer propriedade de produto a ser exibida como um cabeçalho de coluna de item de linha. | | ## Rich text Suportado em todos os tipos de modelo. ```hubl theme={null} {% module "rich_text" path="@hubspot/rich_text" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------- | --------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `html` | Rich Text | Bloco HTML. | ` ## Something Powerful \n ### Tell The Reader More \n The headline and subheader tells us what you're [offering](https://br.developers.hubspot.com/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` | ## Lista de RSS Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "rss_listing" path="@hubspot/rss_listing" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | | `title` | Texto | Um título H3. | `"Test"` | | `rss_feed_type` | Escolha | Tipos de feeds RSS. As opções incluem: | `blog` | | `rss_url` | Texto | URL RSS a ser usado quando `rss_feed_type` for igual a `external`. | | | `content_group_id` | Blog | ID do blog a ser usado quando `rss_feed_type` for igual a `blog`. | | | `topic_id` | Tag | (opcional) Id da tag a ser filtrada quando `rss_feed_type` for igual a `blog`. | | | `number_of_items` | Número | Número máximo de publicações para exibir. | `5` | | `include_featured_image` | Booleano | Inclua a imagem em destaque | `false` | | `show_author` | Booleano | Mostre o nome do autor. | `true` | | `attribution_text` | Texto | O texto que atribui um autor a uma publicação Disponível quando `show_author` é igual a `true`. | `"by"` | | `show_detail` | Booleano | Mostre o Texto de resumo do post. | `true` | | `limit_to_chars` | Número | Limita o comprimento do texto de resumo quando `show_detail` é igual a `true`. | `200` | | `click_through_text` | Texto | O texto que será exibido para o link de clickthrough no final de um resumo de post quando `show_detail` for igual a `true`. | `"Read more"` | | `show_date` | Booleano | Mostre a data de publicação. | `true` | | `publish_date_format` | Escolha | Formato da data de publicação quando `show_date` for igual a `true`. As opções incluem: | `short` | | `publish_date_text` | Texto | O texto que indica quando um post foi publicado quando `show_date` for igual a `true`. | `"posted at"` | ## Entrada de pesquisa do site Suportado em páginas, posts de blog e listagens de blog. ```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" } %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ----------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | | `field_label` | Texto | Texto do rótulo de entrada da pesquisa | | | `placeholder` | Texto | Texto temporário para o campo de entrada. | `"Search"` | | `include_search_button` | Booleano | Inclui um botão de pesquisa. | `false` | | `content_types` | Objeto | Quais tipos de conteúdo devem ser incluídos nos resultados da pesquisa. O objeto contém as seguintes chaves com valores booleanos: | `{ "website_pages": true, "landing_pages": false, "blog_posts": true, "knowledge_articles": false }` | | `results` | Objeto | Um objeto que permite controles para usar uma página de resultados de pesquisa personalizada. Inclui as seguintes propriedades:
| | ## Resultados de pesquisa Suportado em páginas, posts de blog e listagens de blog. ```hubl theme={null} {% module "search_results" path="@hubspot/search_results" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------------------- | -------- | ------------------------------------- | ------- | | `display_featured_images` | Booleano | Exiba imagens em destaque para itens. | `false` | ## Cabeçalho da sessão Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "section_header" path="@hubspot/section_header" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------------- | ------- | --------------------------------------------------------------- | ---------------------------- | | `header` | Texto | Conteúdo do cabeçalho da seção. | `"A clear and bold header"` | | `heading_level` | Escolha | Nível de título para `header`. As opções incluem `h1` até `h6`. | `h1` | | `subheader` | Texto | Texto do parágrafo de subtítulo da seção. | `"A more subdued subheader"` | ## Menu simples Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "simple_menu" path="@hubspot/simple_menu" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | ------------- | ------------ | ------------------------------------------------------------------------------------------ | ------------ | | `menu_tree` | Menu simples | Objeto de menu simples. | `[]` | | `orientation` | Escolha | A orientação do menu. As opções incluem: | `horizontal` | ## Seguir na rede social Adicione links aos seus perfis de mídias sociais, com a reordenação de arrastar e soltar no editor de conteúdo. Insere ícones automaticamente com base no URL social, mas os ícones podem ser substituídos. Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "social_follow" path="@hubspot/social_follow" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | -------------------- | -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | | `link` | Texto | O link de destino para a página social adicionada no editor. | | | `open_in_new_window` | Booleano | Quando definido como `false`, o link será aberto na mesma guia do navegador. | `true` | | `is_podcast` | Booleano | Defina como `true` para exibir um ícone de podcast em vez de um ícone padrão ou personalizado. | `false` | | `customize_alt_text` | Booleano | Por padrão, o texto alternativo é gerado automaticamente. Quando definido como `true`, você pode substituir o texto alternativo padrão por um valor personalizado usando o campo `aria_label`. | `false` | | `aria-label` | String | Quando `customize_alt_text` é `true`, este campo define o ícone de texto alternativo (por exemplo, `Follow us on Facebook`). É usado por leitores de tela para descrever o ícone para usuários com deficiência visual. | `False` | | `customize_icon` | Booleano | Por padrão, os ícones são preenchidos automaticamente com base na URL do link. Quando definido como `true`, você pode usar o `custom_icon` para selecionar um dos outros ícones fornecidos (Font Awesome 6.4.2). | `false` | | `custom_icon` | Ícone | Quando `customize_icon` é `true` e `is_podcast` é `false`, use este campo para especificar um ícone personalizado do conjunto fornecido. Os ícones disponíveis são do Font Awesome 6.4.2. | | ## Compartilhamento social Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "social_sharing" path="@hubspot/social_sharing" %} ``` Observação: a variável `social_link_url` na coluna padrão abaixo é o mesmo valor que o parâmetro `link`. | Parâmetro | Tipo | Descrição | Padrão | | ----------- | ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | `link` | Texto | Esse é o link de destino que será encurtado para facilitar o compartilhamento nas redes sociais | | | `facebook` | Objeto | Objeto contendo: | `{ "enabled": false, "custom_link_format": "http://www.facebook.com/share.php?u={{ social_link_url }}" }` | | `twitter` | Objeto | Objeto que contém: | \{ "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` | Objeto | Objeto contendo: | `{ "enabled": false, "custom_link_format": "http://www.linkedin.com/shareArticle?mini=true&url={{ social_link_url }}" }` | | `pinterest` | Objeto | Objeto que contém: | `{ "enabled": false, "custom_link_format": "http://pinterest.com/pin/create/button/?url={{ social_link_url }}&media={{ pinterest_media }}", "pinterest_media": { "src": "", "alt": null } }` | | `email` | Objeto | Objeto contendo: | `{ "enabled": false, "custom_link_format": "mailto:?subject=Check out {{ social_link_url }} &body=Check out {{ social_link_url }}" }` | ## Cartão com guias Suportado em páginas, listagens de blog e posts de blog. ```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 %} ``` | Parâmetro | Tipo | Descrição | Padrão | | -------------- | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------- | | `tabs` | Grupo de campos | Um grupo de campos que contém o rótulo da guia e o conteúdo do texto de cada guia. Contém os seguintes campos: | `"Some additional information in one line"` | | `fixed_height` | Booleano | Por padrão, as guias serão definidas em uma altura fixa para que a altura do contêiner permaneça a mesma ao alternar entre guias. Você pode definir isso como `false` se quiser que a altura do contêiner do cartão com guias se baseie no conteúdo da guia ativa. | `False` | ## Uma linha de texto Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "text" path="@hubspot/text" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------- | ----- | ------------------------------------ | ------------------------------------------- | | `value` | Texto | Adicione seu texto a este parâmetro. | `"Some additional information in one line"` | ## Vídeo Suportado em páginas, listagens de blog e posts de blog. ```hubl theme={null} {% module "video" path="@hubspot/video" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | -------------------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | | `video_type` | Escolha | O tipo de vídeo. As opções incluem: | `embed` | | `hubspot_video` | Reprodutor de vídeo | Vídeo hospedado pela HubSpot. Quando `video_type` for igual a `hubspot_video`. | | | `embed_field` | Incorporar | Suporta tipos de incorporação: | | | `oembed_thumbnail` | Imagem | Substitua a imagem de miniatura oembed quando `video_type` for igual a `embed` e `embed_field` for igual a `oembed`. | | | `style_options` | Objeto | Objeto que contém `oembed_thumbnail_play_button_color` - Campo de cor. | `{"oembed_thumbnail_play_button_color":"#ffffff"}` | | `placeholder_fields` | Objeto | Objeto que contém: | `{"placeholder_title":"No video selected", "placeholder_description":"Select a video type in the sidebar."}` | ## Incorporação de vídeo (landing page) Suportado em páginas. ```hubl theme={null} {% module "video_embed_lp" path="@hubspot/video_embed_lp" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------------- | -------- | ------------------------------------------------------------------------------------------------- | ----------------------------------------------- | | `url` | Texto | O URL do vídeo. URLs do Vimeo e do YouTube são suportados. | `"https://www.youtube.com/watch?v=X1Rr5BFO5rg"` | | `is_full_width` | Booleano | Define o vídeo para largura total (`true`), ou defina manualmente a largura e a altura (`false`). | `true` | | `max_width` | Número | Largura máxima (px) | `800` | | `max_height` | Número | Altura máxima (px) | `450` | ## Link do WhatsApp Suportado em páginas, posts de blog e listagens de blog. Requer um [canal do WhatsApp conectado](https://knowledge.hubspot.com/pt/inbox/connect-whatsapp-to-the-conversations-inbox). ```hubl theme={null} {% module "whatsapp_link" path="@hubspot/whatsapp_link", label="whatsapp_link" %} ``` | Parâmetro | Tipo | Descrição | Padrão | | --------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | | `whatsapp_number` | URL | Selecione nos [Canais do WhatsApp conectados à conta](https://knowledge.hubspot.com/pt/inbox/connect-whatsapp-to-the-conversations-inbox). | | | `optin_text` | Escolha | O [texto de opt-in e opt-out](https://knowledge.hubspot.com/pt/inbox/collect-consent-for-whatsapp-conversations#subscribe-a-contact-using-opt-in-keywords-in-a-whatsapp-thread). | | | `whatsapp_display` | Mostrar: | selecione se o botão apresenta texto, um ícone do WhatsApp ou ambos. As opções incluem: | `text_and_icon` | | `icon_position` | Escolha | A posição do ícone no botão. As opções incluem `left` e `right`. | `left` | | `button_text` | String | O texto do botão. | `Chat on WhatsApp` | | `whatsapp_icon_title` | String | O texto do ícone para leitores de tela. | `WhatsApp Icon` |