> ## 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.

# Tags suportadas pelo HubL que estão obsoletas

> Veja a seguir uma lista das tags suportadas pelo HubL que estão obsoletas. Embora essas tags ainda funcionem como pretendido, tags mais novas, simples e otimizadas, foram criadas para substituí-las. Essas novas tags são indicadas abaixo. Esta página é para fins de referência histórica. 

Veja a seguir uma lista das tags suportadas pelo HubL que estão obsoletas. Embora essas tags ainda funcionem como pretendido, tags mais novas, simples e otimizadas, foram criadas para substituí-las. Essas novas tags são indicadas abaixo. Esta página é para fins de referência histórica.

## Widgets personalizados

<Warning>
  Esta tag foi substituída pela [**tag de módulo personalizado.**](/cms/reference/hubl/tags/standard-tags#custom-modules)
</Warning>

## Siga-me

Os módulos Siga-me renderizam ícones com links para seus perfis nas mídias sociais. Os ícones exibidos se baseiam nas suas Configurações sociais.

<Warning>
  Esta tag foi substituída pelo novo módulo Siga-me padrão.
</Warning>

<CodeGroup>
  ```text entrada.txt theme={null}
  {% follow_me "follow_me" %}
  {% follow_me "follow_us" title='Follow Us', module_title_tag="h2" %}
  ```

  ```text saída.txt theme={null}
  <span id="hs_cos_wrapper_module_14162805806361260" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_follow_me" style="" data-hs-cos-general-type="widget" data-hs-cos-type="follow_me">
  <h2>Follow Us</h2>
  <div style="">
  <a target="_blank" class="fm_button fm_googleplus" href=""><span title="Follow us on Google+"></span></a>
  <a target="_blank" class="fm_button fm_facebook" href=""><span title="Follow us on Facebook"></span></a>
  <a target="_blank" class="fm_button fm_twitter" href=""><span title="Follow us on Twitter"></span>
  </div>
  </span>
  ```
</CodeGroup>

## Widget global

Um widget global é aquele que pode ser compartilhado entre os modelos

<Warning>
  A tag foi substituída pela [tag de módulo personalizado](/cms/reference/hubl/tags/standard-tags#custom-modules).
</Warning>

```hubl theme={null}
{% global_widget "facebook_fan_box" overrideable=False, label='Facebook Fan Box' %}"
```

## Pesquisa do Google

<Warning>
  A tag e os módulos de Pesquisa do Google não estão mais disponíveis. Eles foram substituídos pela própria pesquisa nativa do HubSpot.
</Warning>

## Controle deslizante de imagem

Gera um módulo de controle deslizante de imagens do HubSpot. Este módulo de controle deslizante se baseia no [FlexSlider](http://flexslider.woothemes.com/). Embora você possa criar um módulo de controle deslizante com a sintaxe de módulo padrão do HubL, se quiser predefinir slides padrão usando o HubL, use a sintaxe de bloco. Ambos os métodos são mostrados abaixo.

<Warning>
  Esta tag foi descontinuada em favor da [tag de Galeria](/cms/reference/hubl/tags/standard-tags#gallery).
</Warning>

<CodeGroup>
  ```text entrada.txt theme={null}
  {% image_slider "image_slider" %}

  <-- Block syntax -->
  {% widget_block image_slider "crm_slider" sizing='static', only_thumbnails=False, transition='slide', caption_position='below', with_thumbnail_nav=False, lightbox=False, auto_advance=True, overrideable=True, description_text='', show_pagination=True, label='Image Slider', loop_slides=True, num_seconds=5  %}
  {% widget_attribute "slides" is_json=True %}[{"caption": "CRM Contacts App", "show_caption": true, "link_url": "http://www.hubspot.com/crm", "alt_text": "Screenshot of CRM Contacts", "img_src": "http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240", "open_in_new_tab": true}, {"caption": "HubSpot CRM Contact Profile", "show_caption": true, "link_url": "http://www.hubspot.com/", "alt_text": "HubSpot CRM Contact Profile", "img_src": "http://cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240", "open_in_new_tab": true}]{% end_widget_attribute %}
  {% end_widget_block %}
  ```

  ```text saída.txt theme={null}
  <span
  id="hs_cos_wrapper_crm_slider"
  class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_image_slider"
  style=""
  data-hs-cos-general-type="widget"
  data-hs-cos-type="image_slider"
  >
  <div
  id="hs_cos_flex_slider_crm_slider"
  class="hs_cos_flex-slider flex-slider-main slider-mode-slider"
  >
  <div
  class="hs_cos_flex-viewport"
  style="overflow: hidden; position: relative;"
  >
  <ul
  class="hs_cos_flex-slides hs_cos_flex-slides-main "
  style="width: 800%; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(-1090px, 0px, 0px);"
  >
  <li
  class="hs_cos_flex-slide-main clone"
  aria-hidden="true"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/" target="_blank"
  ><img
  src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
  alt="HubSpot CRM Contact Profile"
  draggable="false"
  /></a>
  <div class="caption">HubSpot CRM Contact Profile</div>
  </li>
  <li
  class="hs_cos_flex-slide-main hs_cos_flex-active-slide"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/crm" target="_blank"
  ><img
  src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
  alt="Screenshot of CRM Contacts"
  draggable="false"
  /></a>
  <div class="caption">CRM Contacts App</div>
  </li>
  <li
  class="hs_cos_flex-slide-main"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/" target="_blank"
  ><img
  src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
  alt="HubSpot CRM Contact Profile"
  draggable="false"
  /></a>
  <div class="caption">HubSpot CRM Contact Profile</div>
  </li>
  <li
  class="hs_cos_flex-slide-main clone"
  aria-hidden="true"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/crm" target="_blank"
  ><img
  src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
  alt="Screenshot of CRM Contacts"
  draggable="false"
  /></a>
  <div class="caption">CRM Contacts App</div>
  </li>
  </ul>
  </div>
  <ol class="hs_cos_flex-control-nav hs_cos_flex-control-paging">
  <li><a class="hs_cos_flex-active">1</a></li>
  <li><a class="">2</a></li>
  </ol>
  <ul class="hs_cos_flex-direction-nav">
  <li><a class="hs_cos_flex-prev" href="#">Previous</a></li>
  <li><a class="hs_cos_flex-next" href="#">Next</a></li>
  </ul>
  </div>
  <script>
  window.hsSliderConfig = window.hsSliderConfig || {};
  window.hsSliderConfig['crm_slider'] = {
  mode: 'slider',
  mainConfig: {
  animationLoop: true,
  direction: 'horizontal',
  slideshowSpeed: 5000.0,
  controlNav: true,
  smoothHeight: false,
  namespace: 'hs_cos_flex-',
  slideshow: true,
  selector: '.hs_cos_flex-slides > li',
  animation: 'slide',
  },
  };
  </script>
  </span>
  ```
</CodeGroup>

| Parâmetro            | Tipo       | Descrição                                                                                                                                                   | Padrão           |
| -------------------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------- |
| `sizing`             | Enumeração | Determina se o controle deslizante muda de tamanho com base na altura dos slides. Os valores possíveis incluem: "static" ou "resize"                        | `"static"`       |
| `only_thumbnails`    | Booleano   | Exibe imagens como miniaturas em vez de um controle deslizante.                                                                                             | `False`          |
| `transition`         | Enumeração | Define o tipo de transição de slides. Os valores possíveis incluem: "fade" ou "slide"                                                                       | `"slide"`        |
| `caption_position`   | Enumeração | Afeta o posicionamento da legenda: no slide ou abaixo dele. Os valores possíveis incluem "below" ou "superimpose""                                          | `"below"`        |
| `with_thumbnail_nav` | Booleano   | Inclua miniaturas abaixo do controle deslizante para navegação (only\_thumbnails devem ser False para que isso seja True)                                   | `False`          |
| `lightbox`           | Booleano   | Exiba a imagem em miniatura na lightbox quando clicado (with\_thumbnail\_nav deve ser True para que isso seja True)                                         | `False`          |
| `auto_advance`       | Booleano   | Avance automaticamente pelos slides após o tempo definido em num\_seconds                                                                                   | `False`          |
| `show_pagination`    | Booleano   | Forneça botões abaixo do controle deslizante para navegar aleatoriamente pelos slides                                                                       | `True`           |
| `label`              | String     | Um rótulo para este módulo; visível apenas no editor                                                                                                        | `"Image Slider"` |
| `loop_slides`        | Booleano   | Quando Verdadeiro, passa pelos slides de forma contínua                                                                                                     | `True`           |
| `num_seconds`        | Número     | Tempo em segundos para pausar entre os slides                                                                                                               | `5`              |
| `slides`             | JSON       | Uma lista JSON da legenda padrão, a URL do link, o texto alternativo, o src da imagem e se ela será aberta em uma nova guia. Veja a sintaxe de bloco acima. |                  |