{"id":4806,"date":"1970-01-01T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?page_id=4806"},"modified":"2025-09-05T14:08:34","modified_gmt":"2025-09-05T14:08:34","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/","title":{"rendered":"Whatsapp Chat &#8211; HTML"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Descri\u00e7\u00e3o<\/h2> <p>O widget WhatsApp da Elfsight \u00e9 uma ferramenta simples para os clientes do seu site ficarem conectados com voc\u00ea e ouvirem respostas para suas perguntas e solicita\u00e7\u00f5es. Esteja dispon\u00edvel ao vivo para a clientela em seu mensageiro preferido o dia todo. Configure o bate-papo no site e ele aparecer\u00e1 em p\u00e1ginas espec\u00edficas ou para grupos espec\u00edficos de espectadores. Voc\u00ea pode estabelecer gatilhos para iniciar o chat, escrever sua mensagem de boas-vindas exclusiva, escolher \u00edcones e muito mais. Com a ajuda do c\u00f3digo de bate-papo HTML incorporado na p\u00e1gina da web, voc\u00ea permanecer\u00e1 conectado com seus espectadores a qualquer hora e em qualquer lugar.<\/p><p>O bate-papo do WhatsApp est\u00e1 l\u00e1 para ajud\u00e1-lo n\u00e3o apenas a melhorar as m\u00e9tricas de desempenho do seu site, mas tamb\u00e9m em termos de design. Com este widget, voc\u00ea pode adicionar um bot\u00e3o flutuante ou fixo do messenger a qualquer p\u00e1gina do seu site. Voc\u00ea pode at\u00e9 escolher o p\u00fablico que poder\u00e1 ver o chat e enviar uma mensagem para voc\u00ea por meio dele. O bot\u00e3o flutuante do WhatsApp pode se tornar uma ferramenta extremamente eficaz para o seu neg\u00f3cio. O widget \u00e9 uma solu\u00e7\u00e3o perfeita para fornecer todo tipo de ajuda aos nossos usu\u00e1rios &#8211; desde suporte ao cliente at\u00e9 palestras comuns no messenger. E usar o WhatsApp para enviar uma ou duas mensagens aos seus usu\u00e1rios s\u00f3 vai agregar pontos a voc\u00ea, pois \u00e9 um dos mensageiros mais usados \u200b\u200bdo mundo.<\/p><p>O plugin do WhatsApp tamb\u00e9m \u00e9 extremamente f\u00e1cil de personalizar em termos de design. , e isso \u00e9 uma boa not\u00edcia, pois voc\u00ea pode transform\u00e1-lo em um bloco imperd\u00edvel na p\u00e1gina do seu site. Basta come\u00e7ar escolhendo as cores certas para o design do bot\u00e3o do WhatsApp. Sua primeira mensagem pode se tornar uma experi\u00eancia inesquec\u00edvel para os usu\u00e1rios do chat do WhatsApp, pois voc\u00ea pode alterar completamente o visual original do widget. Experimente voc\u00ea mesmo e aproveite o resultado!<\/p> <div class=\"faq\" data-component=\"FAQ\"> <div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Onde posso integrar este plugin do Whatsapp<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"> <p>O widget pode aparecer em todas as p\u00e1ginas do seu site, ou apenas em p\u00e1ginas espec\u00edficas. Voc\u00ea tamb\u00e9m pode excluir p\u00e1ginas selecionadas se quiser sem o chat. <\/p> <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div> <div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Quais benef\u00edcios isso me traz?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"> <p>Isso ajudar\u00e1 mais espectadores a entrar em contato com voc\u00ea com d\u00favidas, solicita\u00e7\u00f5es ou problemas. Pode ajudar a aumentar a quantidade de leads e compras. Outra vantagem \u00e9 que a resposta r\u00e1pida e a abordagem pessoal melhorar\u00e3o a qualidade da intera\u00e7\u00e3o com o cliente. <\/p> <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div> <div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Como posso adicionar a caixa de bate-papo do Whatsapp no  meu site?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"> <p>Voc\u00ea s\u00f3 precisar\u00e1 de tr\u00eas minutos do seu tempo para ter o widget instalado e funcionando. A adi\u00e7\u00e3o \u00e9 super r\u00e1pida, gratuita e sem codifica\u00e7\u00e3o. <\/p> <p>Voc\u00ea pode colocar o widget na p\u00e1gina da web em nosso servi\u00e7o. Para isso voc\u00ea precisar\u00e1 aplicar o guia a seguir nesta p\u00e1gina.<\/p> <\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div> <\/div> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Recursos<\/h2> <p>Em para ter uma ideia completa da caixa de bate-papo, veja a lista de seus recursos essenciais. Eles tornam o widget incrivelmente eficaz para sua promo\u00e7\u00e3o:<\/p> <ul><li>Integre o WhatsApp Messenger em sua p\u00e1gina web para ficar conectado com os clientes; <\/li><li>Responder mensagens diretamente da sua conta do WhatsApp; <\/li><li>Experimente tr\u00eas op\u00e7\u00f5es de localiza\u00e7\u00e3o do bate-papo: bal\u00e3o flutuante, bal\u00e3o incorporado e janela de bate-papo incorporada; <\/li><li>Use uma cole\u00e7\u00e3o de \u00edcones de bolha para escolher; <\/li><li>Digite seu pr\u00f3prio texto no bal\u00e3o de bate-papo. <\/li><\/ul><p><a href=\"#demo\">Para explorar mais recursos, veja nossa demonstra\u00e7\u00e3o<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Como adicionar o c\u00f3digo do Whatsapp Chat \u00e0 sua p\u00e1gina HTML<\/h2><div class=\"video-container\">\n<iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/1-MsIyeGQAs?si=2VDBWfVzOH_MrIil\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\n<\/div><p>Essas diversas a\u00e7\u00f5es s\u00e3o a \u00fanica coisa que voc\u00ea precisa para ter o Whatsapp instalado e funcionando.<\/p> <ul><li><b>Gere seu WhatsApp Live Chat personalizado<\/b><br> Com a ajuda de nosso editor gratuito, gere um plugin com interface e fun\u00e7\u00f5es personalizadas. <\/li><li><b>Adquira o c\u00f3digo pessoal para instalar o widget<\/b><br> Depois de configurar o seu plugin, voc\u00ea receber\u00e1 o c\u00f3digo de instala\u00e7\u00e3o na notifica\u00e7\u00e3o pop-up nos aplicativos da Elfsight. Copie. <\/li> <li><b>Publique o widget em seu site HTML<\/b><br> Defina o local onde voc\u00ea gostaria de incorporar o plugin e insira o c\u00f3digo salvo l\u00e1. Publique os resultados. <\/li> <li><b>Parab\u00e9ns! Voc\u00ea acabou de publicar o widget de bate-papo! <\/b><br> Entre na sua p\u00e1gina para ver seu widget. <\/li> <\/ul><p>Ainda n\u00e3o decidiu? Ou trope\u00e7ou em alguma coisa? Apenas uma \u00fanica solicita\u00e7\u00e3o ao nosso atendimento ao cliente resolver\u00e1 qualquer tipo de problema. <\/p> <\/div><div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Existe uma op\u00e7\u00e3o para adicionar o Whatsapp Chat \u00e0 minha p\u00e1gina inicial HTML sem nenhuma experi\u00eancia de codifica\u00e7\u00e3o?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Empresa Elfsight fornece uma solu\u00e7\u00e3o em nuvem que permite aos usu\u00e1rios estabelecerem um aplicativo de bate-papo do Whatsapp por conta pr\u00f3pria. Veja como \u00e9 f\u00e1cil: <\/p><ul><li>V\u00e1 para o editor on-line para gerar uma se\u00e7\u00e3o de bate-papo do Whatsapp que voc\u00ea gostaria de incluir em seu site HTML .<\/li><li>Escolha um dos modelos predefinidos e modifique as configura\u00e7\u00f5es do Whatsapp Chat, atualize seu conte\u00fado, altere o layout e a cor dos elementos sem experi\u00eancia em codifica\u00e7\u00e3o.<\/li><li>Clique para salvar as configura\u00e7\u00f5es que voc\u00ea Acesse o Whatsapp Chat e obtenha o c\u00f3digo de instala\u00e7\u00e3o, que voc\u00ea pode incorporar gratuitamente no seu site HTML. <\/li><\/ul><p>Com nosso configurador simples, todo usu\u00e1rio da Internet pode estabelecer o Whatsapp Chat e simplesmente incorpor\u00e1-lo em qualquer site HTML. N\u00e3o \u00e9 necess\u00e1rio pagar ou divulgar as credenciais do seu cart\u00e3o para acessar o Editor. Se voc\u00ea encontrar algum obst\u00e1culo de qualquer tipo, n\u00e3o hesite em entrar em contato com nossa equipe de suporte.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":347,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-4806","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adicione o c\u00f3digo do Whatsapp Live Chat ao site HTML (em 2 minutos)<\/title>\n<meta name=\"description\" content=\"Configure o c\u00f3digo do chat ao vivo do Whatsapp no \u200b\u200bsite HTML em apenas 2 minutos. Explore todos os recursos do widget gratuito do WhatsApp em uma demonstra\u00e7\u00e3o online.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adicione o c\u00f3digo do Whatsapp Live Chat ao site HTML (em 2 minutos)\" \/>\n<meta property=\"og:description\" content=\"Configure o c\u00f3digo do chat ao vivo do Whatsapp no \u200b\u200bsite HTML em apenas 2 minutos. Explore todos os recursos do widget gratuito do WhatsApp em uma demonstra\u00e7\u00e3o online.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-05T14:08:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adicione o c\u00f3digo do Whatsapp Live Chat ao site HTML (em 2 minutos)","description":"Configure o c\u00f3digo do chat ao vivo do Whatsapp no \u200b\u200bsite HTML em apenas 2 minutos. Explore todos os recursos do widget gratuito do WhatsApp em uma demonstra\u00e7\u00e3o online.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/","og_locale":"pt_PT","og_type":"article","og_title":"Adicione o c\u00f3digo do Whatsapp Live Chat ao site HTML (em 2 minutos)","og_description":"Configure o c\u00f3digo do chat ao vivo do Whatsapp no \u200b\u200bsite HTML em apenas 2 minutos. Explore todos os recursos do widget gratuito do WhatsApp em uma demonstra\u00e7\u00e3o online.","og_url":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/","og_site_name":"Elfsight PT","article_modified_time":"2025-09-05T14:08:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/","url":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/","name":"Adicione o c\u00f3digo do Whatsapp Live Chat ao site HTML (em 2 minutos)","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"datePublished":"1970-01-01T00:00:00+00:00","dateModified":"2025-09-05T14:08:34+00:00","description":"Configure o c\u00f3digo do chat ao vivo do Whatsapp no \u200b\u200bsite HTML em apenas 2 minutos. Explore todos os recursos do widget gratuito do WhatsApp em uma demonstra\u00e7\u00e3o online.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"WhatsApp Chat","item":"https:\/\/elfsight.com\/pt\/whatsapp-chat-widget\/"},{"@type":"ListItem","position":3,"name":"Whatsapp Chat &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pt\/#website","url":"https:\/\/elfsight.com\/pt\/","name":"Elfsight PT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"340","h1":"C\u00f3digo HTML do bate-papo ao vivo do Whatsapp","h1_caption":"O canal de comunica\u00e7\u00e3o mais f\u00e1cil para os visitantes do seu site","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"0","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Crie seu widget de bate-papo do Whatsapp","demo_caption":"Configure seu Whatsapp Chat e adicione-o ao seu site HTML gratuitamente!","default_faq_hidden":"","app_template_category":[],"platform":"49","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"a partir de US$ 0\/m\u00eas","trial":"","benefits":[{"text":"Assist\u00eancia de instala\u00e7\u00e3o gratuita"},{"text":"Suporte ao cliente experiente"},{"text":"Garantia de reembolso de 14 dias"},{"text":"Melhorias ao longo da vida"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Instala\u00e7\u00f5es","content":"100,000 - 500,000","_state":"expanded"},{"name":"Responsivo","content":"Sim","_state":"expanded"},{"name":"Navegadores compat\u00edveis","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"0","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"Elfsight Apps","pricing_title_caption":"Solu\u00e7\u00e3o digital multiplataforma que funciona em qualquer site","pricing_price":"a partir de US$ 0\/m\u00eas","pricing_price_caption":"comece com plano gratuito","pricing_benefits":[{"text":"Sites ilimitados"},{"text":"Suporte gratuito ao cliente"},{"text":"Suporte gratuito ao cliente"},{"text":"Oferta por tempo limitado para v\u00e1rios aplicativos"}],"pricing_button_text":"Adicionar ao site","pricing_button_url":"#demo","_state":"expanded"}],"related_apps_title":"","related_apps_hidden":"1","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/4806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/comments?post=4806"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/4806\/revisions"}],"predecessor-version":[{"id":15124,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/4806\/revisions\/15124"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/347"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=4806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}