{"id":927,"date":"2024-01-02T12:56:00","date_gmt":"2024-01-02T17:56:00","guid":{"rendered":"https:\/\/blog.index.pe\/?p=927"},"modified":"2024-01-04T16:03:53","modified_gmt":"2024-01-04T21:03:53","slug":"como-integrar-whatsapp-en-tu-web-html","status":"publish","type":"post","link":"https:\/\/blog.index.pe\/en\/como-integrar-whatsapp-en-tu-web-html\/","title":{"rendered":"How to integrate WhatsApp into your HTML website"},"content":{"rendered":"<p><strong>WhatsApp HTML code for your website<\/strong><\/p>\n<p>In this tutorial I am going to explain in a simple step how to insert WhatsApp on your web page. When someone presses the &quot;send message&quot; button, the corresponding application will open directly to start chatting with you.<br \/><script async=\"\" src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/><!-- Anuncio enlace adaptable --><br \/><ins class=\"adsbygoogle\" style=\"display: block;\" data-ad-client=\"ca-pub-7016851332009441\" data-ad-slot=\"9647384149\" data-ad-format=\"link\"><\/ins><br \/><script><br \/>\n(adsbygoogle = window.adsbygoogle || []).push({});<br \/>\n<\/script><\/p>\n<p>You have to create an HTML link that will open the WhatsApp application and start a conversation with the phone number that you specify. You just have to replace \u201c0123456789\u201d,\u00bb+12 346 678 910\u2033 with your phone number (remember to put the international code of your country in front).<\/p>\n<p><strong>Method 1:<\/strong><\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;a href=&quot;https:\/\/api.whatsapp.com\/send?phone=0123456789&quot;&gt;Send us a WhatsApp message&lt;\/a&gt;<\/code><code><span style=\"background-color: #f0f0f0; color: #1e1e1e; font-family: Menlo, Consolas, monaco, monospace;\"><\/span><\/code><code><\/code><\/pre>\n<\/div>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>\/* With predefined message *\/\n&lt;a href=&quot;https:\/\/api.whatsapp.com\/send?phone=0123456789&amp;text=Hola, Nececito mas informacion!&quot;&gt;Send us a WhatsApp message&lt;\/a&gt;<\/code><\/pre>\n<\/div>\n<p><strong>Method 2:<\/strong><\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code><span class=\"html-tag\">&lt;a <span class=\"html-attribute-name\">href<\/span>=&quot;whatsapp:\/\/send?text=Hello, Index.pe&amp;phone=+12 346 678 910&amp;abid=+12 346 678 910&quot;&gt;<\/span>+12 346 678 910<span class=\"html-tag\"><\/a><\/span><\/code><\/pre>\n<\/div>\n<p><script async=\"\" src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/><!-- AMP --><br \/><ins class=\"adsbygoogle\" style=\"display: inline-block; width: 300px; height: 250px;\" data-ad-client=\"ca-pub-7016851332009441\" data-ad-slot=\"5559176303\"><\/ins><br \/><script><br \/>\n(adsbygoogle = window.adsbygoogle || []).push({});<br \/>\n<\/script><\/p>\n\n\n<pre class=\"wp-block-code\"><code><strong>UPDATED 2024\n<\/strong>Use https:\/\/wa.me\/ ( is a complete telephone number in international format). Do not include zeros, parentheses, or hyphens when adding the phone number in this format.\n\r\n<strong>Examples:<\/strong>\r\nUse: https:\/\/wa.me\/1XXXXXXXXXX Do not use: https:\/\/wa.me\/+001-(XXX)XXXXXXX<\/code><\/pre>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;a href=&quot;https:\/\/wa.me\/1234567890\/?text=Aqui tu texto perzonalizado&quot;&gt;Chat on WhatsApp&lt;\/a&gt;<\/code><\/pre><\/div>\n\n\n\n<p>More information: <a href=\"https:\/\/faq.whatsapp.com\/5913398998672934\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">https:\/\/faq.whatsapp.com\/5913398998672934\/<\/a><\/p>\n<div class=\"pvc_clear\"><\/div><p id=\"pvc_stats_927\" class=\"pvc_stats all\" data-element-id=\"927\" style=\"\"><i class=\"pvc-stats-icon small\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" viewbox=\"0 0 502 315\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,332) scale(0.1,-0.1)\" fill=\"\" stroke=\"none\"><path d=\"M2394 3279 l-29 -30 -3 -207 c-2 -182 0 -211 15 -242 39 -76 157 -76 196 0 15 31 17 60 15 243 l-3 209 -33 29 c-26 23 -41 29 -80 29 -41 0 -53 -5 -78 -31z\"\/><path d=\"M3085 3251 c-45 -19 -58 -50 -96 -229 -47 -217 -49 -260 -13 -295 52 -53 146 -42 177 20 16 31 87 366 87 410 0 70 -86 122 -155 94z\"\/><path d=\"M1751 3234 c-13 -9 -29 -31 -37 -50 -12 -29 -10 -49 21 -204 19 -94 39 -189 45 -210 14 -50 54 -80 110 -80 34 0 48 6 76 34 21 21 34 44 34 59 0 14 -18 113 -40 219 -37 178 -43 195 -70 221 -36 32 -101 37 -139 11z\"\/><path d=\"M1163 3073 c-36 -7 -73 -59 -73 -102 0 -56 133 -378 171 -413 34 -32 83 -37 129 -13 70 36 67 87 -16 290 -86 209 -89 214 -129 231 -35 14 -42 15 -82 7z\"\/><path d=\"M3689 3066 c-15 -9 -33 -30 -42 -48 -48 -103 -147 -355 -147 -375 0 -98 131 -148 192 -74 13 15 57 108 97 206 80 196 84 226 37 273 -30 30 -99 39 -137 18z\"\/><path d=\"M583 2784 c-38 -19 -67 -74 -58 -113 9 -42 211 -354 242 -373 16 -10 45 -18 66 -18 51 0 107 52 107 100 0 39 -1 41 -124 234 -80 126 -108 162 -133 173 -41 17 -61 16 -100 -3z\"\/><path d=\"M4250 2784 c-14 -9 -74 -91 -133 -183 -95 -150 -107 -173 -107 -213 0 -55 33 -94 87 -104 67 -13 90 8 211 198 130 202 137 225 78 284 -27 27 -42 34 -72 34 -22 0 -50 -8 -64 -16z\"\/><path d=\"M2275 2693 c-553 -48 -1095 -270 -1585 -649 -135 -104 -459 -423 -483 -476 -23 -49 -22 -139 2 -186 73 -142 361 -457 571 -626 285 -228 642 -407 990 -497 242 -63 336 -73 660 -74 310 0 370 5 595 52 535 111 1045 392 1455 803 122 121 250 273 275 326 19 41 19 137 0 174 -41 79 -309 363 -465 492 -447 370 -946 591 -1479 653 -113 14 -422 18 -536 8z m395 -428 c171 -34 330 -124 456 -258 112 -119 167 -219 211 -378 27 -96 24 -300 -5 -401 -72 -255 -236 -447 -474 -557 -132 -62 -201 -76 -368 -76 -167 0 -236 14 -368 76 -213 98 -373 271 -451 485 -162 444 86 934 547 1084 153 49 292 57 452 25z m909 -232 c222 -123 408 -262 593 -441 76 -74 138 -139 138 -144 0 -16 -233 -242 -330 -319 -155 -123 -309 -223 -461 -299 l-81 -41 32 46 c18 26 49 83 70 128 143 306 141 649 -6 957 -25 52 -61 116 -79 142 l-34 47 45 -20 c26 -10 76 -36 113 -56z m-2057 25 c-40 -58 -105 -190 -130 -263 -110 -324 -59 -707 132 -981 25 -35 42 -64 37 -64 -19 0 -241 119 -326 174 -188 122 -406 314 -532 468 l-58 71 108 103 c185 178 428 349 672 473 66 33 121 60 123 61 2 0 -10 -19 -26 -42z\"\/><path d=\"M2375 1950 c-198 -44 -350 -190 -395 -379 -18 -76 -8 -221 19 -290 114 -284 457 -406 731 -260 98 52 188 154 231 260 27 69 37 214 19 290 -38 163 -166 304 -326 360 -67 23 -215 33 -279 19z\"\/><\/g><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/blog.index.pe\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=\"0\" \/><\/p><div class=\"pvc_clear\"><\/div><div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-reaction-buttons\" ><\/div>","protected":false},"excerpt":{"rendered":"<p>WhatsApp HTML code for your website In this tutorial I am going to explain in one simple step how to insert WhatsApp into your website. When someone presses the &ldquo;send message&rdquo; button, the corresponding application will directly open to start chatting with you. You have to create an HTML link that will open the WhatsApp application and start a conversation with the phone number that you specify. You just have to replace &ldquo;0123456789&rdquo;, &raquo;+12 346 678 910&Prime; with your phone number (remember to put the international code of your country in front). Method 1: &lt;a href=&quot;\/en\/&raquo;https:\/\/api.whatsapp.com\/send\/?phone=0123456789&Prime;&quot;&gt;Send us a WhatsApp message&lt;\/a&gt; \/* With message<\/p>","protected":false},"author":1,"featured_media":930,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[66,102,9],"tags":[92,198],"class_list":["post-927","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5","category-tutorial","category-web-design","tag-html5-2","tag-whatsapp"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts\/927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/comments?post=927"}],"version-history":[{"count":0,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/posts\/927\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/media\/930"}],"wp:attachment":[{"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/media?parent=927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/categories?post=927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.index.pe\/en\/wp-json\/wp\/v2\/tags?post=927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}