Tags suportadas pelo HubL que estão obsoletas

Last updated:

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>

Widget global

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>
ParameterTypeDescription Default
sizing
Enumeration

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
Boolean

Exibe imagens como miniaturas em vez de um controle deslizante.

 False
transition
Enumeration

Define o tipo de transição de slides. Os valores possíveis incluem: "fade" ou "slide"

 "slide"
caption_position
Enumeration

Afeta o posicionamento da legenda: no slide ou abaixo dele. Os valores possíveis incluem "below" ou "superimpose"

 "below"
with_thumbnail_nav
Boolean

Inclua miniaturas abaixo do controle deslizante para navegação (only_thumbnails devem ser falso para que isso seja verdadeiro)

 False
lightbox
Boolean

Exiba a imagem em miniatura na lightbox quando clicado (with_thumbnail_nav deve ser verdadeiro para que isso seja verdadeiro)

 False
auto_advance
Boolean

Avance automaticamente pelos slides após o tempo definido em num_seconds

 False
show_pagination
Boolean

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
Boolean

Quando Verdadeiro, passa pelos slides de forma contínua

 True
num_seconds
Number

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.
Este artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot..