{"id":4284,"date":"2024-11-23T04:58:47","date_gmt":"2024-11-23T04:58:47","guid":{"rendered":"https:\/\/support-landing.altegio.cloud\/support\/4904989192733\/"},"modified":"2024-12-20T15:08:33","modified_gmt":"2024-12-20T15:08:33","password":"","slug":"4904989192733","status":"publish","type":"docs","link":"https:\/\/alteg.io\/pt\/support\/knowledge-base\/4904989192733\/","title":{"rendered":"Adicionando um bot\u00e3o de reserva online personalizado ao Tilda"},"content":{"rendered":"<p>\u00a0<\/p>\n<p>1. Adicione um bot\u00e3o para reserva online e publique o site.<\/p>\n<h1>Bot\u00e3o geral<\/h1>\n<ul>\n<li>Na biblioteca de blocos selecione o formul\u00e1rio e o bot\u00e3o, adicione um bot\u00e3o.<\/li>\n<li>No bloco Content, altere o nome do bot\u00e3o, por exemplo, \u201cMarcar um compromisso\u201d.<\/li>\n<li>No campo de link button especifique o sinal #. Salve e feche o bloco.<\/li>\n<\/ul>\n<h1>Configurando um bot\u00e3o do bloco zero<\/h1>\n<p>2. Na Biblioteca de Blocos selecione um bloco Zero, clique no bot\u00e3o Editor de bloco.<\/p>\n<ul>\n<li>Em seguida, clique + bot\u00e3o no canto superior esquerdo e selecione Adicionar bot\u00e3o.<\/li>\n<li>Configure o bot\u00e3o. Clique nele e usando a barra lateral direita defina todos os par\u00e2metros necess\u00e1rios: nome, cor, fonte, etc.<\/li>\n<li>No campo URL, insira o sinal #. Salve e feche a janela de edi\u00e7\u00e3o do bloco.<\/li>\n<\/ul>\n<p>3. Quando o bloco necess\u00e1rio para o bot\u00e3o for adicionado, adicione o bloco HTML. No bloco de conte\u00fado cole o seguinte c\u00f3digo e salve.<\/p>\n<p>&lt;script type=&#8221;text\/javascript&#8221;&gt;<\/p>\n<p>$(document).ready(function() {<\/p>\n<p>$(&#8216;.CLASS&#8217;).addClass(&#8216;ms_booking&#8217;);<\/p>\n<p>var scriptService = document.createElement(&#8216;script&#8217;);<\/p>\n<p>scriptService .src = &#8220;Link da guia C\u00f3digo do bot\u00e3o&#8221;;<\/p>\n<p>scriptService .type = &#8220;text\/javascript\u201d;<\/p>\n<p>scriptService .charset = &#8220;UTF-8\u201d;<\/p>\n<p>document.documentElement.appendChild(scriptService );<\/p>\n<p>});<\/p>\n<p>&lt;\/script&gt;<\/p>\n<p>\u201cCLASS\u201d \u00e9 o valor do campo de classe do c\u00f3digo do bot\u00e3o. \u201cLink da guia C\u00f3digo do bot\u00e3o\u201d \u00e9 o valor do formul\u00e1rio de reserva on-line do Altegio (leia mais abaixo).<\/p>\n<p>4. V\u00e1 ao site publicado e clique no bot\u00e3o para reserva online, selecione o item Ver c\u00f3digo. Copie o conte\u00fado do campo de classe:<\/p>\n<p>Exemplo: t-btn t142__submit<\/p>\n<p>Cole-o no c\u00f3digo HTML que voc\u00ea adicionou anteriormente em vez da palavra CLASS. Adicione n\u00e3o apenast-btn t142__submit, mas.t-btn.t142__submit<\/p>\n<p>O valor do campo de classe do seu bot\u00e3o pode ser diferente do exemplo nesta instru\u00e7\u00e3o.<\/p>\n<p>5. Em Altegio go to Online booking &gt; Widget de reserva online. Selecione o formul\u00e1rio de reserva online necess\u00e1rio. Na janela rec\u00e9m-aberta v\u00e1 para a aba Configura\u00e7\u00f5es do bot\u00e3o e desative a cria\u00e7\u00e3o de um bot\u00e3o redondo por padr\u00e3o, para isso, desmarque a caixa Ativa\u00e7\u00e3o do bot\u00e3o (veja mais detalhes em Configura\u00e7\u00f5es do bot\u00e3o).<\/p>\n<p>V\u00e1 para a guia de c\u00f3digo do bot\u00e3o e copie o link (como mostrado no exemplo abaixo), cole-o em vez das palavrasLink da guia de c\u00f3digo do bot\u00e3o no c\u00f3digo HTML que voc\u00ea adicionou anteriormente.<\/p>\n<p>Clique em Salvar e feche, publique o site.<\/p>\n<h1>Observa\u00e7\u00e3o<\/h1>\n<p>Se o bot\u00e3o Altegio estiver no menu principal (por exemplo, o bloco ME403 tem a capacidade de exibir um bot\u00e3o no menu expandido), ent\u00e3o o valor no campo de classe provavelmente ser\u00e1 bet-btn. Tudo funcionar\u00e1 corretamente.<\/p>\n<p>Mas se voc\u00ea adicionar um bot\u00e3o para Altegio em qualquer bloco zero, o valor do campo de classe ser\u00e1 betn-atom. O sametn-atomvalue estar\u00e1 em todos os outros bot\u00f5es e hiperlinks em todos os blocos zero. Isso significa que se al\u00e9m do bot\u00e3o Altegio no bloco zero houver, por exemplo, um n\u00famero de telefone, e-mail ou outro link, o widget Altegio tamb\u00e9m estar\u00e1 neles, e n\u00e3o o que deveria estar.<\/p>\n<p>O problema pode ser resolvido por fatiamento: retire os bot\u00f5es dos blocos zero e coloque o bloco nativo com o bot\u00e3o BF101 imediatamente abaixo deles.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 1. Adicione um bot\u00e3o para reserva online e publique o site. Bot\u00e3o geral Na biblioteca de blocos selecione o formul\u00e1rio e o bot\u00e3o, adicione um bot\u00e3o. No bloco Content, altere o nome do bot\u00e3o, por exemplo, \u201cMarcar um compromisso\u201d. No campo de link button especifique o sinal #. Salve e feche o bloco. Configurando&hellip; <a class=\"more-link\" href=\"https:\/\/alteg.io\/pt\/support\/knowledge-base\/4904989192733\/\">Continue reading <span class=\"screen-reader-text\">Adicionando um bot\u00e3o de reserva online personalizado ao Tilda<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[354],"doc_tag":[2077,1615],"class_list":["post-4284","docs","type-docs","status-publish","hentry","doc_category-adicionando-o-agendamento-online-a-um-cms","doc_tag-integracoes-pt-br","doc_tag-reserva-online-pt-br","entry"],"aioseo_notices":[],"year_month":"2026-04","word_count":565,"total_views":"93","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ivan.k","author_nicename":"altegio","author_url":"https:\/\/alteg.io\/pt\/author\/altegio\/"},"doc_category_info":[{"term_name":"Adicionando o agendamento online a um CMS","term_url":"https:\/\/alteg.io\/pt\/support\/knowledge-base\/categories\/adicionando-o-agendamento-online-a-um-cms\/"}],"doc_tag_info":[{"term_name":"Integra\u00e7\u00f5es","term_url":"https:\/\/alteg.io\/pt\/support\/knowledge-base\/docs-tag\/integracoes-pt-br\/"},{"term_name":"Reserva Online","term_url":"https:\/\/alteg.io\/pt\/support\/knowledge-base\/docs-tag\/reserva-online-pt-br\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/docs\/4284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/comments?post=4284"}],"version-history":[{"count":1,"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/docs\/4284\/revisions"}],"predecessor-version":[{"id":86604,"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/docs\/4284\/revisions\/86604"}],"wp:attachment":[{"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/media?parent=4284"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/doc_category?post=4284"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/alteg.io\/pt\/support\/wp-json\/wp\/v2\/doc_tag?post=4284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}