{"id":2753,"date":"2023-01-27T11:15:32","date_gmt":"2023-01-27T14:15:32","guid":{"rendered":"https:\/\/wiki3.locaweb.com.br\/?post_type=ht_kb&#038;p=2753"},"modified":"2024-08-05T16:52:44","modified_gmt":"2024-08-05T19:52:44","slug":"como-inserir-banner-flutuante-criador-de-sites","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-inserir-banner-flutuante-criador-de-sites\/","title":{"rendered":"Como inserir banner flutuante &#8211; Criador de Sites"},"content":{"rendered":"    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Informa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tVeja neste artigo como realizar e inserir banners flutuantes no Criador de Sites.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<ul>\n<li>No Criador de Sites voc\u00ea pode criar um site din\u00e2mico e cheio de recursos dentre esses recursos voc\u00ea pode inserir banners flutuantes em sua p\u00e1gina.<\/li>\n<\/ul>\n<h6><strong>Criando a conta no GetSiteControl<\/strong><\/h6>\n<ul>\n<li>O primeiro passo \u00e9 entrar no site<strong>\u00a0<a href=\"https:\/\/app.getsitecontrol.com\/#\/sign-in\" target=\"_blank\" rel=\"noopener noreferrer\">GetSiteControl<\/a><\/strong><\/li>\n<li>Ao acessar ser\u00e1 redirecionando a tela de login onde deve acessar sua conta e caso n\u00e3o possua cadastro, basta clicar em\u00a0<b>Create an account<\/b>\u00a0e criar uma nova<\/li>\n<\/ul>\n<h6><strong>Obtendo o c\u00f3digo<\/strong><\/h6>\n<ul>\n<li>Ap\u00f3s logar, preencha as informa\u00e7\u00f5es de seu site com\u00a0<b>Nome<\/b>\u00a0e\u00a0<b>URL<\/b>\u00a0e clique em\u00a0<b>Continue.<\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3016\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-URL.png\" alt=\"\" width=\"682\" height=\"332\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-URL.png 682w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-URL-300x146.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-URL-50x24.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-URL-60x29.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-URL-100x49.png 100w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/p>\n<ul>\n<li>Copie todo o c\u00f3digo apresentado no box e guarde-o pois utilizar\u00e1 no <a href=\"https:\/\/www.locaweb.com.br\/criador-de-sites\/\" target=\"_blank\" rel=\"noopener\">Criador de Sites<\/a>.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3017\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-codigo.png\" alt=\"\" width=\"687\" height=\"407\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-codigo.png 687w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-codigo-300x178.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-codigo-50x30.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-codigo-60x36.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-codigo-100x59.png 100w\" sizes=\"auto, (max-width: 687px) 100vw, 687px\" \/><\/p>\n<ul>\n<li>Ao acessar a\u00a0<b>Dashboard<\/b>\u00a0clique em\u00a0<b>Create Widget<\/b>\u00a0e depois em\u00a0<b>Promo.<\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3019\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-getsite.png\" alt=\"\" width=\"971\" height=\"490\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-getsite.png 971w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-getsite-300x151.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-getsite-768x388.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-getsite-50x25.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-getsite-60x30.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-getsite-100x50.png 100w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\" \/><\/p>\n<ul>\n<li>Na nova janela, voc\u00ea ter\u00e1 op\u00e7\u00f5es para personalizar seu banner, entre elas:<\/li>\n<\/ul>\n<p style=\"padding-left: 30px;\"><b>Apar\u00eancia:<\/b><\/p>\n<p style=\"padding-left: 60px;\"><b>1 &#8211;\u00a0<\/b>Posi\u00e7\u00e3o do banner (Position)<\/p>\n<p style=\"padding-left: 60px;\"><b>2 &#8211;\u00a0<\/b>Cores e fontes (Colors)<\/p>\n<p style=\"padding-left: 60px;\"><b>3 &#8211;\u00a0<\/b>Estilo das fontes (Font)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3020\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-configuracoes.png\" alt=\"\" width=\"942\" height=\"600\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-configuracoes.png 942w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-configuracoes-300x191.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-configuracoes-768x489.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-configuracoes-50x32.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-configuracoes-60x38.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-configuracoes-100x64.png 100w\" sizes=\"auto, (max-width: 942px) 100vw, 942px\" \/><\/p>\n<p style=\"padding-left: 30px;\"><b>Textos e links:<\/b><\/p>\n<p style=\"padding-left: 60px;\"><b>4 &#8211;\u00a0<\/b>T\u00edtulo do banner (Title)<\/p>\n<p style=\"padding-left: 60px;\"><b>5 &#8211;\u00a0<\/b>Descri\u00e7\u00e3o (Description)<\/p>\n<p style=\"padding-left: 60px;\"><b>6 &#8211;\u00a0<\/b>T\u00edtulo do bot\u00e3o (Button text)<\/p>\n<p style=\"padding-left: 60px;\"><b>7 &#8211;\u00a0<\/b>Link do bot\u00e3o (Target URL)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3021\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-textos-e-links.png\" alt=\"\" width=\"940\" height=\"780\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-textos-e-links.png 940w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-textos-e-links-300x249.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-textos-e-links-768x637.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-textos-e-links-50x41.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-textos-e-links-60x50.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-textos-e-links-100x83.png 100w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><\/p>\n<ul>\n<li>Ap\u00f3s terminar as altera\u00e7\u00f5es, basta clicar no bot\u00e3o\u00a0<strong>OK<\/strong>.\u00a0Voc\u00ea ser\u00e1 redirecionado para a\u00a0<b>Dashboard\u00a0<\/b>onde poder\u00e1 verificar todos os plugins j\u00e1 criados por voc\u00ea<\/li>\n<li>Para ativar o\u00a0<b>Widget de Banner<\/b>\u00a0em seu site, basta escolher a op\u00e7\u00e3o\u00a0<b>Activate now<\/b>:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3022\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-active.png\" alt=\"\" width=\"894\" height=\"461\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-active.png 894w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-active-300x155.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-active-768x396.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-active-50x26.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-active-60x31.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-active-100x52.png 100w\" sizes=\"auto, (max-width: 894px) 100vw, 894px\" \/><\/p>\n<h6>Adicionando o c\u00f3digo no Criador de Sites<\/h6>\n<ul>\n<li>Dentro da edi\u00e7\u00e3o do Criador de Sites, arraste o\u00a0<b>Elemento de C\u00f3digo<\/b> para a \u00e1rea qualquer do site, de prefer\u00eancia no cabe\u00e7alho ou rodap\u00e9.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3023\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-elemento-codigo.jpg\" alt=\"\" width=\"727\" height=\"477\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-elemento-codigo.jpg 727w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-elemento-codigo-300x197.jpg 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-elemento-codigo-50x33.jpg 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-elemento-codigo-60x39.jpg 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-elemento-codigo-100x66.jpg 100w\" sizes=\"auto, (max-width: 727px) 100vw, 727px\" \/><\/p>\n<ul>\n<li>Clique no Box inserido, cole os c\u00f3digos (<em>c\u00f3digo que guardou e o que foi gerado na cria\u00e7\u00e3o do widget<\/em>) dentro do campo e clique em\u00a0<b>Aplicar.<\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3024\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-colando-codigo.png\" alt=\"\" width=\"700\" height=\"487\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-colando-codigo.png 700w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-colando-codigo-300x209.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-colando-codigo-50x35.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-colando-codigo-60x42.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2018\/06\/Inserir-banner-flutuante-Criador-de-Sites-colando-codigo-100x70.png 100w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<ul>\n<li>Agora basta clicar em\u00a0<b>Publicar<\/b>\u00a0e acessar o seu site para ver o resultado.<\/li>\n<\/ul>\n    \t\t<div class=\"hts-messages hts-messages--success  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Pronto!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tO banner j\u00e1 estar\u00e1 dispon\u00edvel em seu site!    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--alert  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Observa\u00e7\u00e3o!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tO\u00a0<strong>C\u00f3digo HTML<\/strong>\u00a0pode ser interpretado de forma distinta, de acordo com o navegador utilizado. Por isso avalie bem e realize todos os testes necess\u00e1rios antes de optar por usar um\u00a0<strong>C\u00f3digo HTML<\/strong>\u00a0em seu site.    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n    \t\t<div class=\"hts-messages hts-messages--info  hts-messages--withtitle hts-messages--withicon \"   >\r\n    \t\t\t<span class=\"hts-messages__title\"><b>Conhe\u00e7a!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tAproveite e conhe\u00e7a outros produtos da Locaweb, como o <a href=\"https:\/\/www.locaweb.com.br\/servidor-vps\/\" target=\"_blank\" rel=\"noopener\">VPS<\/a> Locaweb. Acesse\u00a0e saiba mais!    \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n","protected":false},"excerpt":{"rendered":"<p>No Criador de Sites voc\u00ea pode criar um site din\u00e2mico e cheio de recursos dentre esses recursos voc\u00ea pode inserir banners flutuantes em sua p\u00e1gina. Criando a conta no GetSiteControl O primeiro passo \u00e9 entrar no site\u00a0GetSiteControl Ao acessar ser\u00e1 redirecionando a tela de login onde deve acessar sua conta&#8230;<\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[107],"ht-kb-tag":[496],"class_list":["post-2753","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-criador-de-sites","ht_kb_tag-categoriacriador-de-sites"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=2753"}],"version-history":[{"count":16,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2753\/revisions"}],"predecessor-version":[{"id":35963,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/2753\/revisions\/35963"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=2753"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=2753"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=2753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}