{"id":28312,"date":"2022-11-17T11:33:49","date_gmt":"2022-11-17T14:33:49","guid":{"rendered":"https:\/\/ajuda.locaweb.com.br\/?post_type=ht_kb&#038;p=28312"},"modified":"2024-09-05T17:33:08","modified_gmt":"2024-09-05T20:33:08","slug":"como-adicionar-um-widget-no-wordpress-clic-lead","status":"publish","type":"ht_kb","link":"https:\/\/www.locaweb.com.br\/ajuda\/wiki\/como-adicionar-um-widget-no-wordpress-clic-lead\/","title":{"rendered":"Como adicionar um widget no WordPress \u2013 Clic Lead"},"content":{"rendered":"<p>Adicione o bot\u00e3o do Whatsapp no seu site WordPress e facilite a comunica\u00e7\u00e3o com os seus clientes.<\/p>\n    \t\t<div class=\"hts-messages hts-messages--info   hts-messages--withicon \"   >\r\n    \t\t\t    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t<\/p>\n<p><strong>Vamos colocar o Widget em seu site?<\/strong><\/p>\n<ul>\n<li><span data-contrast=\"auto\">Para iniciarmos, acesse seu painel do produto Clic Lead e v\u00e1 na aba \u201c<\/span><b><span data-contrast=\"auto\">Widget<\/span><\/b><span data-contrast=\"auto\">\u201d, <\/span><b><span data-contrast=\"auto\">copie o c\u00f3digo JavaScript<\/span><\/b><span data-contrast=\"auto\"> que est\u00e1 no final da p\u00e1gina, clicando no \u00edcone a direita do c\u00f3digo.<\/span><\/li>\n<\/ul>\n<p>    \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<p><strong>Seu c\u00f3digo deve ser parecido<\/strong><span data-contrast=\"auto\"><strong> com este exemplo:<\/strong><\/span><\/p>\n<pre><span data-contrast=\"auto\"><em>&lt;script async \r\nsrc=\"https:\/\/assets.locaweb.com.br\/cliclead\/javascript\/widget.min.js\" \r\nwidget-customer-id=\"bc718a42-901b-421d-930f-7d7b0f6a6613\"&gt;\r\n&lt;\/script&gt;<\/em><\/span><\/pre>\n<ul>\n<li><span data-contrast=\"auto\">Os caracteres informados no \u201c<strong>widget-customer-id=<\/strong>\u201d s\u00e3o diferentes de cliente para cliente.\u00a0<\/span><\/li>\n<li><span data-contrast=\"auto\">Caso n\u00e3o seja poss\u00edvel visualizar o c\u00f3digo, clique<\/span> <span data-contrast=\"auto\">em<\/span><b><span data-contrast=\"auto\"> \u201cAtivar widget\u201d<\/span><\/b><span data-contrast=\"auto\"> para visualiz\u00e1-lo.<\/span><\/li>\n<\/ul>\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\"><strong>Importante!<\/strong><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t<span data-contrast=\"auto\">N\u00e3o \u00e9 necess\u00e1rio atualizar o c\u00f3digo JavaScript caso voc\u00ea altere alguma informa\u00e7\u00e3o na configura\u00e7\u00e3o do widget.<\/span>    \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><span data-contrast=\"auto\">Acesse o painel do WordPress, passe o mouse sobre <\/span><b><span data-contrast=\"auto\">Plugins<\/span><\/b><span data-contrast=\"auto\"> e depois clique em <\/span><b><span data-contrast=\"auto\">Adicionar novo<\/span><\/b><span data-contrast=\"auto\">.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26522\" src=\"https:\/\/ajuda.locaweb.com.br\/files\/2022\/03\/wp-1.png\" alt=\"\" width=\"262\" height=\"388\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-1.png 262w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-1-203x300.png 203w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-1-34x50.png 34w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-1-41x60.png 41w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-1-68x100.png 68w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/p>\n<ul>\n<li><span data-contrast=\"auto\">Pesquise pelo plugin <\/span><b><span data-contrast=\"auto\">Header Footer Code Manager<\/span><\/b><span data-contrast=\"auto\"> e clique em <\/span><b><span data-contrast=\"auto\">instalar agora<\/span><\/b><span data-contrast=\"auto\">.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-28315\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2022\/11\/001.png\" alt=\"\" width=\"1916\" height=\"544\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001.png 1916w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001-300x85.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001-1024x291.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001-768x218.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001-50x14.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001-1536x436.png 1536w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001-60x17.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/001-100x28.png 100w\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" \/><\/p>\n<ul>\n<li><span data-contrast=\"auto\">Clique em <\/span><b><span data-contrast=\"auto\">Ativar<\/span><\/b><span data-contrast=\"auto\">.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-28316\" src=\"https:\/\/ajuda.locaweb.com.br\/wp-content\/uploads\/2022\/11\/002.png\" alt=\"\" width=\"575\" height=\"307\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/002.png 575w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/002-300x160.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/002-50x27.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/002-60x32.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/11\/002-100x53.png 100w\" sizes=\"auto, (max-width: 575px) 100vw, 575px\" \/><\/p>\n<ul>\n<li><span data-contrast=\"auto\">Agora clique em <\/span><b><span data-contrast=\"auto\">configura\u00e7\u00f5es<\/span><\/b><span data-contrast=\"auto\">\u00a0para iniciarmos a implementa\u00e7\u00e3o do widget em seu site.<\/span><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26525\" src=\"https:\/\/ajuda.locaweb.com.br\/files\/2022\/03\/wp-4.png\" alt=\"\" width=\"676\" height=\"144\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4.png 1918w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4-300x64.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4-1024x218.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4-768x164.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4-50x11.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4-1536x328.png 1536w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4-60x13.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-4-100x21.png 100w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/><\/p>\n<ul>\n<li><span data-contrast=\"auto\">Clique em <\/span><b><span data-contrast=\"auto\">Add New Snippet.<\/span><\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26526\" src=\"https:\/\/ajuda.locaweb.com.br\/files\/2022\/03\/wp-5.png\" alt=\"\" width=\"1736\" height=\"265\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5.png 1736w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5-300x46.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5-1024x156.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5-768x117.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5-50x8.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5-1536x234.png 1536w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5-60x9.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp-5-100x15.png 100w\" sizes=\"auto, (max-width: 1736px) 100vw, 1736px\" \/><\/p>\n<ul>\n<li><span data-contrast=\"auto\">Preencha os campos com as seguintes informa\u00e7\u00f5es:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ul>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li><b><span data-contrast=\"none\">Snippet Name:<\/span><\/b><span data-contrast=\"none\"> Clic Lead<\/span><\/li>\n<li><b><span data-contrast=\"none\">Site Display: <\/span><\/b><span data-contrast=\"none\">Site Wide<\/span><\/li>\n<li><b><span data-contrast=\"none\">Exclude Pages: <\/span><\/b><span data-contrast=\"none\">(N\u00e3o preencher)<\/span><\/li>\n<li><b><span data-contrast=\"none\">Exclude Posts: <\/span><\/b><span data-contrast=\"none\">(N\u00e3o preencher)<\/span><\/li>\n<li><b><span data-contrast=\"none\">Location: <\/span><\/b><span data-contrast=\"none\">Footer<\/span><\/li>\n<li><b><span data-contrast=\"none\">Device Display: <\/span><\/b><span data-contrast=\"none\">Show on all devices<\/span><\/li>\n<li><b><span data-contrast=\"none\">Status: <\/span><\/b><span data-contrast=\"none\">Active<\/span><\/li>\n<li><b><span data-contrast=\"none\">Snippet \/ Code: <\/span><\/b><span data-contrast=\"none\">Adicione o codigo JavaScript que voc\u00ea copiou na p\u00e1gina de configura\u00e7\u00e3o do Clic Lead<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<ul>\n<li><span data-contrast=\"none\">Para finalizar clique em <\/span><b><span data-contrast=\"none\">Save.<\/span><\/b><\/li>\n<\/ul>\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\tCaso o bot\u00e3o <strong>Save<\/strong> mude para <strong>Update<\/strong>, significa que foi salvo com sucesso.\u00a0    \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<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26527\" src=\"https:\/\/ajuda.locaweb.com.br\/files\/2022\/03\/wp6.png\" alt=\"\" width=\"1740\" height=\"703\" srcset=\"https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6.png 1740w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6-300x121.png 300w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6-1024x414.png 1024w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6-768x310.png 768w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6-50x20.png 50w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6-1536x621.png 1536w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6-60x24.png 60w, https:\/\/www.locaweb.com.br\/ajuda\/wp-content\/uploads\/2022\/03\/wp6-100x40.png 100w\" sizes=\"auto, (max-width: 1740px) 100vw, 1740px\" \/><\/p>\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\"><strong>Pronto!<\/strong><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t\u00a0Widget adicionado com sucesso.<span data-ccp-props=\"{\">\u00a0<\/span>    \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<p><span data-contrast=\"auto\">    \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>Importante!<\/b><\/span>    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\t<\/span><span data-contrast=\"auto\">Esse artigo \u00e9 apenas uma sugest\u00e3o, a implementa\u00e7\u00e3o do widget no site \u00e9 encargo exclusivo da empresa contratante, eximindo assim a Locaweb de qualquer responsabilidade<\/span><\/p>\n<ul>\n<li>Caso voc\u00ea n\u00e3o tenha seguran\u00e7a em realizar as altera\u00e7\u00f5es, solicite <a href=\"https:\/\/ajuda.locaweb.com.br\/wiki\/quem-pode-ser-o-desenvolvedor-de-meu-site-faq-locaweb\/\" target=\"_blank\" rel=\"noopener\">ajuda profissional<\/a><strong>.<\/strong><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\">    \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<\/span><\/p>\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\/hospedagem-de-sites-com-dominio-gratis\/\">Hospedagem de Sites<\/a>,\u00a0<a href=\"https:\/\/www.locaweb.com.br\/servidor-vps\/\" target=\"_blank\" rel=\"noopener noreferrer\">VPS<\/a>\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>Adicione o bot\u00e3o do Whatsapp no seu site WordPress e facilite a comunica\u00e7\u00e3o com os seus clientes. Seu c\u00f3digo deve ser parecido com este exemplo: &lt;script async src=&#8221;https:\/\/assets.locaweb.com.br\/cliclead\/javascript\/widget.min.js&#8221; widget-customer-id=&#8221;bc718a42-901b-421d-930f-7d7b0f6a6613&#8243;&gt; &lt;\/script&gt; Os caracteres informados no \u201cwidget-customer-id=\u201d s\u00e3o diferentes de cliente para cliente.\u00a0 Caso n\u00e3o seja poss\u00edvel visualizar o c\u00f3digo, clique em&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[632],"ht-kb-tag":[],"class_list":["post-28312","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-clic-lead"],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/28312","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/comments?post=28312"}],"version-history":[{"count":4,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/28312\/revisions"}],"predecessor-version":[{"id":36223,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb\/28312\/revisions\/36223"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/media?parent=28312"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-category?post=28312"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/ajuda\/wp-json\/wp\/v2\/ht-kb-tag?post=28312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}