{"id":4258,"date":"2022-02-11T11:37:11","date_gmt":"2022-02-11T11:37:11","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=4258"},"modified":"2025-09-05T14:04:54","modified_gmt":"2025-09-05T14:04:54","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/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>Descripci\u00f3n<\/h2><p>El widget de WhatsApp de Elfsight es una herramienta sencilla para que los clientes de tu sitio web se mantengan en contacto contigo y reciban respuestas a sus preguntas y solicitudes. Est\u00e9 disponible en vivo para tus clientes en su mensajero favorito todo el d\u00eda. Configura el chat en tu sitio web y aparecer\u00e1 en p\u00e1ginas espec\u00edficas o para grupos espec\u00edficos de espectadores. Puedes establecer activadores de inicio de chat, escribir tu mensaje de bienvenida \u00fanico, elegir \u00edconos y mucho m\u00e1s. Con la ayuda del c\u00f3digo de Chat HTML incrustado en tu p\u00e1gina web, estar\u00e1s en contacto con tus visitantes en cualquier momento y desde cualquier lugar.<\/p><p>El chat de WhatsApp est\u00e1 dise\u00f1ado no solo para mejorar los indicadores de rendimiento de tu sitio web, sino tambi\u00e9n en t\u00e9rminos de dise\u00f1o. Con este widget, puedes agregar un bot\u00f3n de mensajer\u00eda flotante o fijo a cualquier p\u00e1gina de tu sitio web. Incluso puedes elegir la audiencia que podr\u00e1 ver el chat y enviarte un mensaje. El bot\u00f3n flotante de WhatsApp puede convertirse en una herramienta extremadamente efectiva para tu negocio. El widget es una soluci\u00f3n perfecta para ofrecer todo tipo de asistencia, desde atenci\u00f3n al cliente hasta charlas comunes en el mensajero. Y usar WhatsApp para enviar un mensaje a tus usuarios solo sumar\u00e1 puntos a tu favor, ya que es uno de los mensajeros m\u00e1s utilizados en el mundo.<\/p><p>El plugin de WhatsApp tambi\u00e9n es extremadamente f\u00e1cil de personalizar en t\u00e9rminos de dise\u00f1o, y eso es una buena noticia, ya que puedes convertirlo en un bloque que no pasar\u00e1 desapercibido en la p\u00e1gina de tu sitio web. Simplemente comienza eligiendo los colores adecuados para el dise\u00f1o de tu bot\u00f3n de WhatsApp. Tu primer mensaje puede convertirse en una experiencia inolvidable para los usuarios del chat de WhatsApp, ya que puedes alterar completamente la apariencia original del widget. \u00a1Pru\u00e9balo t\u00fa mismo y disfruta del 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\">\u00bfD\u00f3nde puedo integrar este plugin de 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>El widget puede mostrarse en todas las p\u00e1ginas de tu sitio web o solo en p\u00e1ginas particulares. Tambi\u00e9n puedes excluir p\u00e1ginas seleccionadas si no quieres que el chat aparezca en ellas.<\/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\">\u00bfQu\u00e9 beneficios me ofrece?<\/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>Ayudar\u00e1 a que m\u00e1s visitantes se pongan en contacto contigo con sus preguntas, solicitudes o problemas. Tambi\u00e9n puede ayudarte a aumentar la cantidad de clientes potenciales y compras. Otro beneficio es que una respuesta r\u00e1pida y un enfoque personalizado mejorar\u00e1n la calidad de tu interacci\u00f3n con los clientes.<\/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\">\u00bfC\u00f3mo puedo agregar la caja de chat de WhatsApp en mi sitio web?<\/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>Solo necesitar\u00e1s tres minutos para tener el widget funcionando. La integraci\u00f3n es s\u00faper r\u00e1pida, gratuita y sin necesidad de programaci\u00f3n.<\/p><p>Puedes colocar el widget en la p\u00e1gina web a trav\u00e9s de nuestro servicio. Para ello, solo debes seguir la gu\u00eda que aparece m\u00e1s abajo en esta 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>Caracter\u00edsticas<\/h2><p>Para tener una idea completa de la caja de chat, revisa la lista de sus funciones esenciales. Hacen que el widget sea incre\u00edblemente efectivo para tu promoci\u00f3n:<\/p><ul><li>Integra el mensajero de WhatsApp en tu p\u00e1gina web para estar conectado con los clientes;<\/li><li>Responde a los mensajes directamente desde tu cuenta de WhatsApp;<\/li><li>Prueba 3 opciones de ubicaci\u00f3n del chat: burbuja flotante, burbuja incrustada y ventana de chat incrustada;<\/li><li>Utiliza una colecci\u00f3n de \u00edconos de burbuja para elegir;<\/li><li>Introduce tu propio texto para la burbuja de chat.<\/li><\/ul><p><a href=\"#demo\">Para explorar m\u00e1s caracter\u00edsticas, consulta nuestra demo<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>C\u00f3mo agregar el c\u00f3digo de Chat de WhatsApp a tu 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>Estas son las acciones que necesitas realizar para tener WhatsApp funcionando.<\/p><ul><li><b>Genera tu WhatsApp Live Chat personalizado<\/b><br> Con la ayuda de nuestro editor gratuito, genera un plugin con una interfaz y funciones personalizadas.<\/li><li><b>Obt\u00e9n el c\u00f3digo personal para instalar el widget<\/b><br> Despu\u00e9s de configurar tu plugin, recibir\u00e1s el c\u00f3digo de instalaci\u00f3n en la notificaci\u00f3n emergente en Elfsight Apps. C\u00f3pielo.<\/li><li><b>Publica el widget en tu sitio HTML<\/b><br> Define el lugar donde deseas incrustar el plugin e inserta el c\u00f3digo guardado all\u00ed. Publica los resultados.<\/li><li><b>\u00a1Felicitaciones! \u00a1Has publicado el widget de chat!<\/b><br> Ingresa a tu p\u00e1gina para ver el widget.<\/li><\/ul><p>\u00bfA\u00fan no est\u00e1s decidido? \u00bfTe encontraste con alg\u00fan problema? Una simple solicitud a nuestro servicio de atenci\u00f3n al cliente resolver\u00e1 cualquier inconveniente.<\/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\">\u00bfHay una opci\u00f3n para agregar el Chat de WhatsApp a mi p\u00e1gina HTML sin experiencia en programaci\u00f3n?<\/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>Elfsight ofrece una soluci\u00f3n en la nube que permite a los usuarios crear una aplicaci\u00f3n de Chat de WhatsApp por s\u00ed mismos. Descubre lo f\u00e1cil que es:<\/p><ul><li>Accede al Editor en l\u00ednea para generar una secci\u00f3n de Chat de WhatsApp que te gustar\u00eda incluir en tu sitio HTML.<\/li><li>Elige una de las plantillas predise\u00f1adas y modifica los ajustes del Chat de WhatsApp, actualiza tu contenido, cambia el dise\u00f1o y los colores de los elementos sin experiencia en programaci\u00f3n.<\/li><li>Haz clic para guardar la configuraci\u00f3n que has hecho en el Chat de WhatsApp y obt\u00e9n el c\u00f3digo de instalaci\u00f3n que puedes incrustar en tu sitio HTML de forma gratuita.<\/li><\/ul><p>Con nuestro Configurador sencillo, cualquier usuario de internet puede crear un widget de Chat de WhatsApp y simplemente incrustarlo en cualquier sitio HTML. No es necesario pagar ni ingresar tus datos de tarjeta para acceder al Editor. Si encuentras alg\u00fan obst\u00e1culo de cualquier tipo, no dudes en dirigirte a nuestro equipo de soporte.<\/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":18,"featured_media":0,"parent":1506,"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-4258","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>Chat de WhatsApp - Integrar widget de Plugin de WhatsApp al HTML<\/title>\n<meta name=\"description\" content=\"Instala un widget atractivo de Chat de WhatsApp en su p\u00e1gina web de HTML. Aplique la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.\" \/>\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\/es\/whatsapp-chat-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chat de WhatsApp - Integrar widget de Plugin de WhatsApp al HTML\" \/>\n<meta property=\"og:description\" content=\"Instala un widget atractivo de Chat de WhatsApp en su p\u00e1gina web de HTML. Aplique la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-05T14:04:54+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chat de WhatsApp - Integrar widget de Plugin de WhatsApp al HTML","description":"Instala un widget atractivo de Chat de WhatsApp en su p\u00e1gina web de HTML. Aplique la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.","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\/es\/whatsapp-chat-widget\/html\/","og_locale":"es_ES","og_type":"article","og_title":"Chat de WhatsApp - Integrar widget de Plugin de WhatsApp al HTML","og_description":"Instala un widget atractivo de Chat de WhatsApp en su p\u00e1gina web de HTML. Aplique la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.","og_url":"https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/html\/","og_site_name":"Elfsight ES","article_modified_time":"2025-09-05T14:04:54+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/html\/","url":"https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/html\/","name":"Chat de WhatsApp - Integrar widget de Plugin de WhatsApp al HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2022-02-11T11:37:11+00:00","dateModified":"2025-09-05T14:04:54+00:00","description":"Instala un widget atractivo de Chat de WhatsApp en su p\u00e1gina web de HTML. Aplique la demo de Elfsight f\u00e1cil de usar y construe su widget \u00fanico.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"WhatsApp Chat","item":"https:\/\/elfsight.com\/es\/whatsapp-chat-widget\/"},{"@type":"ListItem","position":3,"name":"Whatsapp Chat &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/es\/#website","url":"https:\/\/elfsight.com\/es\/","name":"Elfsight ES","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1505","h1":"Widget de Chat de WhatsApp para HTML","h1_caption":"Brinde a los usuarios la oportunidad de comunicarse con usted por WhatsApp, garantizando la interacci\u00f3n m\u00e1s r\u00e1pida y conveniente para los visitantes de su sitio web en su sitio web HTML sin esfuerzo.","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":"Crea tu widget de Chat de Whatsapp","demo_caption":"\u00a1Configura tu chat de Whatsapp y agr\u00e9galo a tu sitio web HTML gratis!","default_faq_hidden":"","app_template_category":[],"platform":"70","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":"desde $0 por mes","trial":"","benefits":[{"text":"Instalaci\u00f3n gratuita"},{"text":"Soporte Premium"},{"text":"14 d\u00edas garant\u00eda de reembolso"},{"text":"Actualizaciones regulares"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Responsivo","content":"Si","_state":"expanded"},{"name":"Navegadores compatibles","content":"Firefox, Safari, Opera, Chrome, Edge","_state":"expanded"}],"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":"Soluci\u00f3n multiplataforma - valido para cualquier p\u00e1gina web","pricing_price":"desde $0 por mes","pricing_price_caption":"empezar con un plan gratuito","pricing_benefits":[{"text":"Sitios web ilimitados"},{"text":"Atenci\u00f3n al cliente gratuita y r\u00e1pida"},{"text":"Servicio de instalaci\u00f3n gratuito"},{"text":"Totalmente personalizable"}],"pricing_button_text":"Agregar al sitio web","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\/es\/wp-json\/wp\/v2\/pages\/4258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/comments?post=4258"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4258\/revisions"}],"predecessor-version":[{"id":19951,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/4258\/revisions\/19951"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/1506"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=4258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}