{"id":473,"date":"2021-01-04T15:55:19","date_gmt":"2021-01-04T15:55:19","guid":{"rendered":"https:\/\/edublog.educastur.es\/edutic\/?page_id=473"},"modified":"2021-01-04T16:18:18","modified_gmt":"2021-01-04T16:18:18","slug":"crear-enlace-a-no-whatsapp","status":"publish","type":"page","link":"https:\/\/edublog.educastur.es\/edutic\/tutoriales\/crear-enlace-a-no-whatsapp\/","title":{"rendered":"Crear  enlace a n\u00ba WhatsApp"},"content":{"rendered":"<ul>\n<li><a href=\"https:\/\/www.lucushost.com\/blog\/whatsapp-wordpress\/\">Insertar whasapp en WordPress<\/a><\/li>\n<\/ul>\n<h3><span id=\"Integrar_WhatsApp_en_WordPress_mediante_codigo\">Integrar WhatsApp en WordPress mediante c\u00f3digo<\/span><\/h3>\n<p>Otra forma de poner el chat de <strong>WhatsApp en WordPress<\/strong> es de manera manual,<strong> sin utilizar plugins.<\/strong><\/p>\n<p>Para ello, WhatsApp ha desarrollado la funcionalidad \u00abClick to chat\u00bb, mediante la cual permite abrir un chat directamente con un n\u00famero aunque este no est\u00e9 en nuestra lista de contactos mediante una URL. Incluso es posible a\u00f1adir un mensaje predeterminado.<\/p>\n<p><strong>Nota:<\/strong> Yo te recomiendo que optes por esta opci\u00f3n cuando quieres a\u00f1adir el icono de WhatsApp \u00fanicamente en una secci\u00f3n determinada de tu web, por ejemplo, en la p\u00e1gina de Contacto o en el footer. Si realmente quieres un elemento interactivo o que funcione como un verdadero sistema de chat online, lo ideal es que utilices uno de los plugins que acabamos de ver.<\/p>\n<h4><span id=\"1o_Construye_tu_URL\">1\u00ba. Construye tu URL<\/span><\/h4>\n<p>Lo primero que tienes que hacer es crear tu URL siguiendo este patr\u00f3n: https:\/\/wa.me\/&lt;number&gt;\/?text=&lt;urlencodedtext&gt;<\/p>\n<p>Ahora sustituye los siguientes campos con tu informaci\u00f3n:<\/p>\n<ul>\n<li><strong>&lt;number&gt;<\/strong>: el n\u00famero de tel\u00e9fono desde el que quieres atender las consultas, incluyendo el prefijo del pa\u00eds, sin ceros ni caracteres especiales. Por ejemplo, para un n\u00famero espa\u00f1ol pondr\u00edamos 34666778899, siendo 34 el prefijo de Espa\u00f1a.<\/li>\n<li><strong>&lt;urlencodedtext&gt;<\/strong>: es la URL del mensaje que quieres que se env\u00ede por defecto. No es necesario establecerlo, pero para tus usuarios es mucho m\u00e1s c\u00f3modo. Por ejemplo: <i>Hola, \u00bfpod\u00e9is ayudarme?<\/i><\/li>\n<\/ul>\n<p>\u00a1Ojo! Como el texto es parte de una URL,<strong> debe ir codificado<\/strong>. Si nunca lo has hecho, puedes utilizar una herramienta online como <strong><a href=\"https:\/\/www.urlencoder.io\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">URLEncoder<\/a><\/strong>. Simplemente mete el texto a codificar y autom\u00e1ticamente te devuelve la cadena de texto a utilizar en la URL. Por ejemplo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2756\" title=\"codificar url\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/codificar-url.png\" alt=\"Ejemplo de c\u00f3mo codificar texto para crear una URL\" width=\"569\" height=\"337\" \/><\/p>\n<p>Por tanto, ya tenemos la URL que necesitamos, te quedar\u00e1 algo como:<\/p>\n<ul>\n<li>https:\/\/wa.me\/34666778899\/?text=Hola%2C%20%C2%BFpod%C3%A9is%20ayudarme%3F<\/li>\n<\/ul>\n<h4><span id=\"2o_Inserta_la_URL_en_WordPress\">2\u00ba. Inserta la URL en WordPress<\/span><\/h4>\n<p>\u00a1Ya casi lo tienes! Ahora solo tienes que a\u00f1adir la URL en WordPress.<\/p>\n<p>Como te he comentado un poquito m\u00e1s arriba, esto nos permitir\u00e1<strong> a\u00f1adir un enlace directamente a WhatsApp<\/strong>, pero no es un sistema de chat en s\u00ed. Lo ideal es a\u00f1adir este enlace en tu secci\u00f3n de contacto o, por ejemplo, en el footer de tu web mediante un widget.<\/p>\n<p>Una vez que el usuario haga clic sobre ese enlace (ya est\u00e9 en formato texto o imagen) ir\u00e1 directamente a WhatsApp. Si est\u00e1 accediendo desde un tel\u00e9fono m\u00f3vil se abrir\u00e1 autom\u00e1ticamente la aplicaci\u00f3n y, si accede desde ordenador, ir\u00e1 directamente al servicio de WhatsApp Web.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2752\" title=\"insertar url whatsapp wordpress\" src=\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/insertar-url-whatsapp-wordpress.png\" alt=\"Insertar la URL de WhatsApp en WordPress\" width=\"842\" height=\"304\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span id=\"Conclusion\">Conclusi\u00f3n<\/span><\/h2>\n<p>Integrar WhatsApp en WordPress es una forma de que tus usuarios tengan a su disposici\u00f3n un sistema de chat que les permita ponerse en contacto contigo f\u00e1cilmente, \u00a1m\u00e1s c\u00f3modo imposible!<\/p>\n<hr \/>\n<ul>\n<li><a href=\"https:\/\/aulawordpress.es\/como-crear-enlace-a-numero-whatsapp\/\">Noticia<\/a><\/li>\n<\/ul>\n<p><em>En este art\u00edculo vamos a ver como <strong>crear un enlace a un n\u00famero de WhatsApp <\/strong>sin utilizar plugins.<\/em><\/p>\n<p>Algunas ventajas de este m\u00e9todo son el ahorro de recursos y el poder implementar el enlace en cualquier p\u00e1gina web, indistintamente de si se trata de WordPress o de HTML.<\/p>\n<p>Cada vez hay m\u00e1s usuarios que utilizan WhatsApp en su p\u00e1gina web y el motivo es m\u00e1s que evidente, casi todo el mundo utiliza WhatsApp.<\/p>\n<p>Adem\u00e1s, es f\u00e1cil de implementar y la primera toma de contacto con el cliente, resulta como m\u00e1s cercana al ser un servicio conocido por todos.<\/p>\n<p>Otra ventaja de utilizar <strong>WhatsApp frente a un sistema de Chat y sin plugins<\/strong>, es que no afecta a la <a href=\"https:\/\/aulawordpress.es\/pagina-wordpress-lenta\/\" data-type=\"URL\" data-id=\"https:\/\/aulawordpress.es\/pagina-wordpress-lenta\/\">carga de WordPress<\/a> y su integraci\u00f3n es muy sencilla.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_11 counter-hierarchy counter-decimal ez-toc-grey\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Tabla de contenidos<\/p>\n<\/div>\n<\/div>\n<div class=\"ast-post-format- single-layout-1\">\n<div class=\"entry-content clear\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_11 counter-hierarchy counter-decimal ez-toc-grey\">\n<nav>\n<ul class=\"ez-toc-list ez-toc-list-level-1\">\n<li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" title=\"Enlace a n\u00famero WhatsApp sin mensaje\" href=\"https:\/\/aulawordpress.es\/como-crear-enlace-a-numero-whatsapp\/#Enlace_a_numero_WhatsApp_sin_mensaje\">Enlace a n\u00famero WhatsApp sin mensaje<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" title=\"Enlace a n\u00famero WhatsApp con mensaje\" href=\"https:\/\/aulawordpress.es\/como-crear-enlace-a-numero-whatsapp\/#Enlace_a_numero_WhatsApp_con_mensaje\">Enlace a n\u00famero WhatsApp con mensaje<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-3\" title=\"Ejemplo de enlace a WhatsApp sin mensaje y con mensaje\" href=\"https:\/\/aulawordpress.es\/como-crear-enlace-a-numero-whatsapp\/#Ejemplo_de_enlace_a_WhatsApp_sin_mensaje_y_con_mensaje\">Ejemplo de enlace a WhatsApp sin mensaje y con mensaje<\/a>\n<ul class=\"ez-toc-list-level-3\">\n<li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" title=\"Seg\u00fan el F.A.Q de ayuda de WhatsApp\" href=\"https:\/\/aulawordpress.es\/como-crear-enlace-a-numero-whatsapp\/#Segun_el_F_A_Q_de_ayuda_de_WhatsApp\">Seg\u00fan el F.A.Q de ayuda de WhatsApp<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-5\" title=\"WhatsApp Business\" href=\"https:\/\/aulawordpress.es\/como-crear-enlace-a-numero-whatsapp\/#WhatsApp_Business\">WhatsApp Business<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/nav>\n<\/div>\n<h2><span id=\"Enlace_a_numero_WhatsApp_sin_mensaje\" class=\"ez-toc-section\"><\/span><strong><em><span style=\"color: #008080\">Enlace a n\u00famero WhatsApp sin mensaje<\/span><\/em><\/strong><\/h2>\n<p>Si quieres crear un <strong>simple enlace a un n\u00famero de WhatsApp<\/strong> y que cuando tus clientes hagan clic solamente se abra la ventana del chat, el enlace es el siguiente.<\/p>\n<p class=\"has-background\">https:\/\/api.whatsapp.com\/send?phone=34000000000<\/p>\n<p>F\u00edjate en n\u00famero final, debes de sustituir tanto el n\u00famero de tel\u00e9fono como el prefijo correspondiente a tu pa\u00eds y todo sin espacios.<\/p>\n<h2><span id=\"Enlace_a_numero_WhatsApp_con_mensaje\" class=\"ez-toc-section\"><\/span><span style=\"color: #008080\"><em><strong>Enlace a n\u00famero WhatsApp con mensaje<\/strong><\/em><\/span><\/h2>\n<p>Si adem\u00e1s de a\u00f1adir el enlace a un n\u00famero de WhatsApp quieres que se muestre un mensaje tipo; \u201c<em>Hola, me gustar\u00eda solicitar informaci\u00f3n de este servicio.<\/em>\u201d solo tienes que hacer una peque\u00f1a modificaci\u00f3n en la URL.<\/p>\n<p class=\"has-background\">https:\/\/api.whatsapp.com\/send?phone=34000000000&amp;text=<em>Hola, me gustar\u00eda solicitar informaci\u00f3n del curso WordPress<\/em><\/p>\n<p>Como en el anterior enlace al n\u00famero de WhatsApp puedes sustituir n\u00famero y prefijo del pa\u00eds sin espacios. Para el mensaje sustituye el texto que hay despu\u00e9s del car\u00e1cter (=). En este mensaje puedes dejar los espacios como se muestran en la frase.<\/p>\n<h2><span id=\"Ejemplo_de_enlace_a_WhatsApp_sin_mensaje_y_con_mensaje\" class=\"ez-toc-section\"><\/span><span style=\"color: #008080\"><em><strong>Ejemplo de enlace a WhatsApp sin mensaje y con mensaje<\/strong><\/em><\/span><\/h2>\n<p class=\"has-background\">Para mostrarte los dos ejemplos, he a\u00f1adido dos enlaces, si lees el art\u00edculo desde un m\u00f3vil, puedes ver este enlace el <a href=\"https:\/\/api.whatsapp.com\/send?phone=34653920829\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/api.whatsapp.com\/send?phone=34653920829\"><strong>chat sin mensaje<\/strong><\/a> y en este otro el <a href=\"https:\/\/api.whatsapp.com\/send?phone=34653920829&amp;text=Hola, me gustar\u00eda solicitar informaci\u00f3n del curso WordPress\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>chat con mensaje de consulta<\/strong><\/a>.<\/p>\n<p>Cualquiera de los dos enlaces los puedes a\u00f1adir donde quieras; en un bot\u00f3n, en texto como si tratase de un enlace convencional, en una imagen. La imaginaci\u00f3n la pones tu, eso s\u00ed aseg\u00farate que est\u00e9 en un zona de la web visible para que te puedan contactar con facilidad.<\/p>\n<h3><span id=\"Segun_el_F_A_Q_de_ayuda_de_WhatsApp\" class=\"ez-toc-section\"><\/span><span style=\"color: #008080\"><em>Seg\u00fan el F.A.Q de ayuda de WhatsApp<\/em><\/span><\/h3>\n<p>El siguiente m\u00e9todo es el que propone WhatsApp desde su <a href=\"https:\/\/faq.whatsapp.com\/general\/chats\/how-to-use-click-to-chat\/?lang=es\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/faq.whatsapp.com\/general\/chats\/how-to-use-click-to-chat\/?lang=es\"><strong>p\u00e1gina de ayuda<\/strong><\/a> y de igual modo, puedes implementarlo tanto para ser utilizado en el m\u00f3vil, como en un ordenador de escritorio con WhatsApp Web.<\/p>\n<p>B\u00e1sicamente la <strong>diferencia de enlazar con un n\u00famero de WhatsApp<\/strong> est\u00e1 en el <strong>prefijo de la URL<\/strong>. En las dos primeras opciones utilizamos <strong>https:\/\/api.whatsapp.com\/<\/strong> y en esta ocasi\u00f3n la propuesta por WhatsApp, el prefijo ser\u00eda <strong>https:\/\/wa.me\/<\/strong> quedando del siguiente modo.<\/p>\n<p><span style=\"color: #008080\"><strong>Enlace al n\u00famero chat sin mensaje<\/strong><\/span><\/p>\n<p class=\"has-background\"><strong>Usa<\/strong>:\u00a0https:\/\/wa.me\/1XXXXXXXXXX<\/p>\n<p>Como en los anteriores ejemplos simplemente modifica el n\u00famero <strong>1XXX<\/strong> e inserta el enlace donde quieras, seg\u00fan su ejemplo no ponen el prefijo en mi caso y para los ejemplos si que lo he a\u00f1adido.<\/p>\n<p><strong>Enlace al n\u00famero chat con mensaje<\/strong><\/p>\n<p>https:\/\/wa.me\/1XXXXXXXXXX?text=Me%20interesa%20el%20curso%20de%20Aula%20WordPress<\/p>\n<p>Probamos de nuevos con estos dos \u00faltimos ejemplos donde este enlace al n\u00famero es el <strong><a href=\"https:\/\/wa.me\/34653920829\">chat simple<\/a><\/strong> y el siguiente ser\u00eda el <a href=\"https:\/\/wa.me\/653920829?text=Me%20interesa%20el%20curso%20de%20Aula%20WordPress\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"URL\" data-id=\"https:\/\/wa.me\/653920829?text=Me%20interesa%20el%20curso%20de%20Aula%20WordPress\"><strong>chat con mensaje<\/strong><\/a>.<\/p>\n<p>Puedes utilizar cualquiera de los dos tipos de enlaces, funcionan igual de bien. Quiz\u00e1 el propuesto por WhatsApp tiene la ventaja de ser un enlace algo m\u00e1s corto, al final el resultado va a ser el mismo tu eliges.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Insertar whasapp en WordPress Integrar WhatsApp en WordPress mediante c\u00f3digo Otra forma de poner el chat de WhatsApp en WordPress es de manera manual, sin utilizar plugins. Para ello, WhatsApp ha desarrollado la funcionalidad \u00abClick to chat\u00bb, mediante la cual permite abrir un chat directamente con un n\u00famero aunque este no est\u00e9 en nuestra lista [&hellip;]<\/p>\n","protected":false},"author":117,"featured_media":0,"parent":45,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry","post-preview"],"_links":{"self":[{"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":4,"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":481,"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/pages\/473\/revisions\/481"}],"up":[{"embeddable":true,"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/pages\/45"}],"wp:attachment":[{"href":"https:\/\/edublog.educastur.es\/edutic\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}