{"id":381,"date":"2019-10-16T12:38:16","date_gmt":"2019-10-16T12:38:16","guid":{"rendered":"http:\/\/rodrigowebdesigner.com\/site\/?p=381"},"modified":"2021-07-13T13:29:49","modified_gmt":"2021-07-13T13:29:49","slug":"como-inserir-um-botao-direto-para-o-whatsapp-no-seu-site-em-wordpress","status":"publish","type":"post","link":"https:\/\/rodrigowebdesigner.com\/site\/2019\/10\/16\/como-inserir-um-botao-direto-para-o-whatsapp-no-seu-site-em-wordpress\/","title":{"rendered":"Como inserir um bot\u00e3o direto para o WhatsApp no seu site em WordPress"},"content":{"rendered":"<p><strong>Aprenda neste artigo como inserir um bot\u00e3o direto para o WhatsApp no seu site em WordPress e assim captar mais contatos<\/strong><!--more--><\/p>\n<p>Ol\u00e1 Pessoal, esta \u00e9 mais uma superdica do\u00a0WhatsApp que trago para voc\u00eas!<\/p>\n<p>N\u00f3s sabemos que o WhatsApp \u00e9 uma rede social que t\u00eam um imenso poder de conex\u00e3o e intera\u00e7\u00e3o com as pessoas em geral, e com seus clientes e poss\u00edveis clientes!<\/p>\n<p>Exemplo disso \u00e9 que recentemente a empresa anunciou uma vers\u00e3o\u00a0<b><a href=\"https:\/\/www.whatsapp.com\/business\/?l=pt_br\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp Business<\/a>\u00a0<\/b>exclusivamente para empresas. Saiba mais sobre esta vers\u00e3o acessando\u00a0<a href=\"https:\/\/www.whatsapp.com\/business\/?l=pt_br\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a>.<\/p>\n<p>Por isso, \u00e9 fundamental que criemos recurso para facilitar a comunica\u00e7\u00e3o de nossos canais de relacionamento com nosso p\u00fablico alvo. E que vem a ser uma \u00f3tima oportunidade de capta\u00e7\u00e3o de clientes via Whatsapp.\u00a0 Ent\u00e3o se voc\u00ea t\u00eam uma empresa, ou \u00e9 um profissional aut\u00f4nomo e gostaria de configurar um canal de comunica\u00e7\u00e3o diretamente do seu site para seu Whatsapp a fim de captar mais clientes estas dicas s\u00e3o para voc\u00ea! Basta seguir o passo a passo!!!<\/p>\n<p>O passo a passo a seguir explica como personalizar um link da aplica\u00e7\u00e3o do WhatsApp com seu n\u00famero, desta forma a pessoa que clicar poder\u00e1 enviar uma mensagem automaticamente para voc\u00ea por meio de um simples clique, e sem precisar cadastrar o seu contato na agenda do Smartphone antes, o que v\u00eam a ser um facilitador da comunica\u00e7\u00e3o!<\/p>\n<p>Voc\u00ea n\u00e3o precisa ser nenhum expert em inform\u00e1tica para inserir o link do WhatsApp diretamente do seu site como fiz aqui, siga o passo a passo.<\/p>\n<p><strong>\u00a0Passo a passo de\u00a0como inserir um bot\u00e3o direto para o WhatsApp no seu site em WordPress<\/strong><\/p>\n<p><strong>Primeiramente iremos precisar instalar um plugin que far\u00e1 todo trabalho. O plugin que ir\u00e1 criar o link do Whatsapp no seu site em WordPress diretamente para seu n\u00famero \u00e9 o\u00a0<a href=\"https:\/\/whatshelp.io\/widget\/?utm_campaign=wordpress_plugin&amp;utm_medium=widget&amp;utm_source=wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsHelp<\/a>.<\/strong><\/p>\n<ol>\n<li>Acesse o Painel de Controle do seu site em WordPress com seu usu\u00e1rio administrador. Obs.: Se voc\u00ea n\u00e3o t\u00eam acesso entre em contato com o administrador do seu site e pe\u00e7a para que ele fa\u00e7o o procedimento.<\/li>\n<li>Clique no menu esquerdo em:\u00a0<strong>Plugins<\/strong><\/li>\n<\/ol>\n<ol start=\"4\">\n<li>Clique no bot\u00e3o:\u00a0<strong>Adicionar Novo<\/strong><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\" wp-image-1246 aligncenter\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/1-300x79.png\" alt=\"\" width=\"380\" height=\"100\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/1-300x79.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/1.png 463w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/p>\n<ol start=\"5\">\n<li>Na caixa de busca pelo nome do plugin a ser instalado digite:\u00a0<strong>WhatsHelp <img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-1247 aligncenter\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/2-300x115.png\" alt=\"\" width=\"423\" height=\"162\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/2-300x115.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/2-1024x392.png 1024w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/2-768x294.png 768w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/2.png 1092w\" sizes=\"(max-width: 423px) 100vw, 423px\" \/><\/strong><\/li>\n<li>Clique no bot\u00e3o:\u00a0<strong>Instalar Agora<\/strong>.<\/li>\n<li>Clique no bot\u00e3o:\u00a0<strong>Ativar. <\/strong><strong><img decoding=\"async\" class=\"alignnone size-medium wp-image-1248\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/3-300x222.png\" alt=\"\" width=\"300\" height=\"222\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/3-300x222.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/3.png 561w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/strong><\/li>\n<li>Acesso o item\u00a0\u00a0<strong>WhatsHelp<\/strong> na barra\u00a0de menu do lado esquerdo. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1249\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/4.png\" alt=\"\" width=\"161\" height=\"36\" \/><\/li>\n<li>Agora para gerar o c\u00f3digo que ser\u00e1 inserido no seu site, acesse o site:\u00a0<a href=\"https:\/\/whatshelp.io\/widget\/?utm_campaign=wordpress_plugin&amp;utm_medium=widget&amp;utm_source=wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">www.whatshelp.io\/widget<\/a><\/li>\n<\/ol>\n<p><strong>No site do plugin voc\u00ea ir\u00e1 preencher os dados que ir\u00e3o gerar o c\u00f3digo que far\u00e1 com que apare\u00e7a o \u00edcone do Whatsapp flutuante em seu site.<\/strong><\/p>\n<ol>\n<li>No campo Whatspp preencha com o n\u00famero de Whatsapp para o qual deseja direcionar e receber as mensagens de contato de seus clientes ou prospects. Caso deseje voc\u00ea pode tamb\u00e9m preencher o campo\u00a0<strong>Messenger<\/strong>\u00a0com o endere\u00e7o da sua p\u00e1gina no facebook para receber mensagens. Tamb\u00e9m \u00e9 poss\u00edvel marcar outras op\u00e7\u00f5es como n\u00famero de telefone, Telgram, Snapchat, E-mail e etc\u2026 <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1250 aligncenter\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/5-300x112.png\" alt=\"\" width=\"386\" height=\"144\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/5-300x112.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/5.png 768w\" sizes=\"(max-width: 386px) 100vw, 386px\" \/><\/li>\n<li>Indique no campo\u00a0<strong>Company logo<\/strong>\u00a0a URL da sua logomarca.\u00a0 Para encontrar esse link v\u00e1 ao painel de controle no WordPress \/ M\u00eddia \/ Biblioteca, encontre a imagem da sua logomarca. Clique sobre a imagem desejada, se abrir\u00e1 uma janela, selecione a URL da imagem, copie e cole no campo\u00a0\u00a0<strong>Company logo<\/strong> a URL conforme imagem a seguir.<img loading=\"lazy\" decoding=\"async\" class=\"wp-image-1251 aligncenter\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/6-300x92.png\" alt=\"\" width=\"391\" height=\"120\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/6-300x92.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/6-1024x315.png 1024w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/6-768x236.png 768w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/6.png 1045w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/li>\n<li>Selecione no campo\u00a0<strong>Position<\/strong>\u00a0para que o icone do Whatsapp fique do lado direito ou esquerdo do seu site conforme sua prefer\u00eancia.<\/li>\n<li>No campo\u00a0<strong>Call to action<\/strong>\u00a0escreva uma breve mensagem convidando para que a pessoa entre em contato. No exemplo usei:\u00a0<strong>Entre em contato!<\/strong><\/li>\n<\/ol>\n<p>Observe que ao lado o sistema mostra automaticamente uma pr\u00e9via de como ficar\u00e1 em sua tela.\u00a0\u00a0Agora basta gerar o c\u00f3digo.\u00a0 Digite seu e-mail de contato no campo conforme a figura a seguir para gerar o c\u00f3digo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1252 aligncenter\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/7-300x102.png\" alt=\"\" width=\"300\" height=\"102\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/7-300x102.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/7.png 536w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Ap\u00f3s preencher seu e-mail clique no bot\u00e3o\u00a0<strong>Get Button Code\u00a0 e aparecer\u00e1\u00a0 a seguinte tela, clique no texto dentro do quadro e copie.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-1253 aligncenter\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/8-300x83.png\" alt=\"\" width=\"408\" height=\"113\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/8-300x83.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/8.png 768w\" sizes=\"(max-width: 408px) 100vw, 408px\" \/><\/p>\n<p>Agora volte para o\u00a0<strong>Painel do WordPress na op\u00e7\u00e3o do WhatsHelp<\/strong>\u00a0<strong>e cole o c\u00f3digo dentro da \u00e1rea<\/strong>\u00a0e em seguida\u00a0<strong>clique no bot\u00e3o Salvar altera\u00e7\u00f5es<\/strong>, conforme a figura a seguir:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1254 aligncenter\" src=\"http:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/9-300x204.png\" alt=\"\" width=\"300\" height=\"204\" srcset=\"https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/9-300x204.png 300w, https:\/\/rodrigowebdesigner.com\/site\/wp-content\/uploads\/2019\/10\/9.png 764w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Agora abra a p\u00e1gina principal de seu site e veja o \u00edcone do Whatsapp aparecer conforme foi configurado a direita ou a esquerda. Quando o usu\u00e1rio clicar no \u00edcone, se estiver em um computador desktop ser\u00e1 direcionado para o Whatsapp web e para que funcione o envio de mensagem ele dever\u00e1 ter habilitado previamente o acesso do Whatsapp em seu navegador no computador desktop.\u00a0 Caso acesse pelo Smartphone ser\u00e1 direcionado rapidamente para o aplicativo do Whatsapp e poder\u00e1 lhe enviar mensagens.<\/p>\n<p>FONTE:\u00a0http:\/\/williamsbarros.com.br\/como-inserir-um-botao-direto-para-o-whatsapp-no-seu-site-em-wordpress\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda neste artigo como inserir um bot\u00e3o direto para o WhatsApp no seu site em WordPress e assim captar mais contatos<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","h5ap_radio_sources":[],"footnotes":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[]},"categories":[12],"tags":[],"featured_image_src":"","blog_images":{"medium":"","large":""},"ams_acf":[],"_links":{"self":[{"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/posts\/381"}],"collection":[{"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":6,"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/posts\/381\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/posts\/381\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/media?parent=381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/categories?post=381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rodrigowebdesigner.com\/site\/wp-json\/wp\/v2\/tags?post=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}