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.

Widgets personalizados

Esta tag foi substituída pela tag de módulo personalizado.

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.

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

{% follow_me "follow_me" %}
{% follow_me "follow_us" title='Follow Us', module_title_tag="h2" %}

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

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

A tag foi substituída pela tag de módulo personalizado.

{% global_widget "facebook_fan_box" overrideable=False, label='Facebook Fan Box' %}"

Pesquisa do Google

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.

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

Esta tag foi descontinuada em favor da tag de Galeria.

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

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

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.

Start Building

Reference

Best Practices

Marketplace

Versions & Deprecations

Tags suportadas pelo HubL que estão obsoletas

Widgets personalizados

Siga-me

Widget global

Pesquisa do Google

Controle deslizante de imagem

​Widgets personalizados

​Siga-me

​Widget global

​Pesquisa do Google

​Controle deslizante de imagem

Widgets personalizados

Siga-me

Widget global

Pesquisa do Google

Controle deslizante de imagem