{"id":11549,"date":"2022-01-04T04:52:23","date_gmt":"2022-01-04T09:52:23","guid":{"rendered":"http:\/\/local.brightwhiz\/?p=11549"},"modified":"2022-01-05T16:50:12","modified_gmt":"2022-01-05T21:50:12","slug":"send-whatsapp-message-through-html-link","status":"publish","type":"post","link":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/","title":{"rendered":"Create a Link to Send WhatsApp Message Through HTML"},"content":{"rendered":"\n<p>Every month at least two billion users use WhatsApp to send and receive text, audio, rich media, or video messages for personal or business purposes. To send WhatsApp message is pretty straightforward using the provided mobile app.<\/p>\n\n\n\n<p>If you are a business then you might want to have a more convenient way to have your customers or users interact with you through WhatsApp. That is why businesses are adopting WhatsApp for their business use and why WhatsApp Business with some more features was released.<\/p>\n\n\n\n<p>Back to the guide. Just like we showed you <a href=\"http:\/\/local.brightwhiz\/link-to-send-sms-text-messages-from-html\/\">how to send an SMS text message<\/a> through an <a href=\"http:\/\/local.brightwhiz\/tag\/html\">HTML<\/a> link, you can do the same with WhatsApp.<\/p>\n\n\n\n<p>What you Should Have<\/p>\n\n\n\n<ul><li>Basic knowledge of HTML &amp; <a href=\"http:\/\/local.brightwhiz\/tag\/css\">CSS<\/a><\/li><li>A valid WhatsApp account<\/li><li>Your WhatsApp number&#8217;s country code<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Send WhatsApp Message Through HTML Link<\/h2>\n\n\n\n<p>In this example we will be sending a WhatsApp message with the following details:<\/p>\n\n\n\n<ol><li>Phone: <strong>+254777123456<\/strong> Broken down to &#8220;<strong>+254<\/strong>&#8221; as country code and &#8220;<strong>777123456<\/strong>&#8221; as phone number<\/li><li>Initial Message: &#8220;<strong>Hello<\/strong>&#8220;<\/li><\/ol>\n\n\n\n<p>This is what our link looks like:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-markup\">&lt;a href=&quot;https:\/\/wa.me\/254777123456?text=Hello&quot;&gt;Send WhatsApp Message&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Let&#8217;s Break it Down:<\/p>\n\n\n\n<ul><li><code>https:\/\/wa.me\/<\/code> &#8211; This is the short form API endpoint to send the link to.<\/li><li><code>254<\/code> &#8211; country code with the &#8216;+&#8217; omitted<\/li><li><code>777123456<\/code> &#8211; phone number<\/li><li><code>Hello<\/code> &#8211; initial text to post as your message<\/li><\/ul>\n\n\n\n<p>Though the above is the short and most user-friendly way to craft the WhatsApp link, you can even opt to use the long-form access point to the API in the following format:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-markup\">&lt;a href=&quot;https:\/\/api.whatsapp.com\/send?phone=254777225366&amp;text=Hello&quot;&gt;Send WhatsApp Message&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Whichever format you choose, the result will be the same. You will be able to let your users click to send you a WhatsApp message on your website, web application, or even <a href=\"http:\/\/local.brightwhiz\/tag\/mobile\">mobile app<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>This is a custom way to craft a link that will send WhatsApp message through HTML. It is simple and straightforward and follows HTML standards.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every month at least two billion users use WhatsApp to send and receive text, audio, rich media, or video messages for personal or business purposes. To send WhatsApp message is&#8230;<\/p>\n","protected":false},"author":1,"featured_media":11551,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,23,9,27,16],"tags":[170,303,320,376,382,433,471,635,636,643],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>This is how to Send WhatsApp Message Through HTML Link<\/title>\n<meta name=\"description\" content=\"This tutorial will show you how to send WhatsApp message through a HTML link using the wa.me API end point on websites and mobile apps\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"This is how to Send WhatsApp Message Through HTML Link\" \/>\n<meta property=\"og:description\" content=\"This tutorial will show you how to send WhatsApp message through a HTML link using the wa.me API end point on websites and mobile apps\" \/>\n<meta property=\"og:url\" content=\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/\" \/>\n<meta property=\"og:site_name\" content=\"Brightwhiz.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brightwhiz\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-04T09:52:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-05T21:50:12+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michael Bright\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:site\" content=\"@brightwhizmag\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michael Bright\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/\"},\"author\":{\"name\":\"Michael Bright\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\"},\"headline\":\"Create a Link to Send WhatsApp Message Through HTML\",\"datePublished\":\"2022-01-04T09:52:23+00:00\",\"dateModified\":\"2022-01-05T21:50:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/\"},\"wordCount\":310,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg\",\"keywords\":[\"CSS\",\"HTML\",\"Internet\",\"Messenger\",\"Mobile\",\"Optimization\",\"Programming\",\"Web\",\"Web Applications\",\"Websites\"],\"articleSection\":[\"Articles\",\"Guides\",\"How To\",\"Programming\",\"Technology\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/\",\"url\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/\",\"name\":\"This is how to Send WhatsApp Message Through HTML Link\",\"isPartOf\":{\"@id\":\"http:\/\/local.brightwhiz\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg\",\"datePublished\":\"2022-01-04T09:52:23+00:00\",\"dateModified\":\"2022-01-05T21:50:12+00:00\",\"description\":\"This tutorial will show you how to send WhatsApp message through a HTML link using the wa.me API end point on websites and mobile apps\",\"breadcrumb\":{\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg\",\"width\":1280,\"height\":680,\"caption\":\"Send WhatsApp Message Through HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/local.brightwhiz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create a Link to Send WhatsApp Message Through HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/local.brightwhiz\/#website\",\"url\":\"http:\/\/local.brightwhiz\/\",\"name\":\"Brightwhiz.com\",\"description\":\"Best Tech guides, Tutorials, and News\",\"publisher\":{\"@id\":\"http:\/\/local.brightwhiz\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/local.brightwhiz\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/local.brightwhiz\/#organization\",\"name\":\"Brightwhiz\",\"url\":\"http:\/\/local.brightwhiz\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"contentUrl\":\"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png\",\"width\":706,\"height\":135,\"caption\":\"Brightwhiz\"},\"image\":{\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/brightwhiz\/\",\"https:\/\/x.com\/brightwhizmag\",\"https:\/\/instagram.com\/bright_whiz\/\",\"https:\/\/www.pinterest.com\/sobbayi\/\",\"https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32\",\"name\":\"Michael Bright\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g\",\"caption\":\"Michael Bright\"},\"sameAs\":[\"https:\/\/sobbayi.com\"],\"url\":\"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"This is how to Send WhatsApp Message Through HTML Link","description":"This tutorial will show you how to send WhatsApp message through a HTML link using the wa.me API end point on websites and mobile apps","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":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/","og_locale":"en_US","og_type":"article","og_title":"This is how to Send WhatsApp Message Through HTML Link","og_description":"This tutorial will show you how to send WhatsApp message through a HTML link using the wa.me API end point on websites and mobile apps","og_url":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/","og_site_name":"Brightwhiz.com","article_publisher":"https:\/\/www.facebook.com\/brightwhiz\/","article_published_time":"2022-01-04T09:52:23+00:00","article_modified_time":"2022-01-05T21:50:12+00:00","og_image":[{"width":1280,"height":680,"url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg","type":"image\/jpeg"}],"author":"Michael Bright","twitter_card":"summary_large_image","twitter_creator":"@brightwhizmag","twitter_site":"@brightwhizmag","twitter_misc":{"Written by":"Michael Bright","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#article","isPartOf":{"@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/"},"author":{"name":"Michael Bright","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32"},"headline":"Create a Link to Send WhatsApp Message Through HTML","datePublished":"2022-01-04T09:52:23+00:00","dateModified":"2022-01-05T21:50:12+00:00","mainEntityOfPage":{"@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/"},"wordCount":310,"commentCount":0,"publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"image":{"@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg","keywords":["CSS","HTML","Internet","Messenger","Mobile","Optimization","Programming","Web","Web Applications","Websites"],"articleSection":["Articles","Guides","How To","Programming","Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/","url":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/","name":"This is how to Send WhatsApp Message Through HTML Link","isPartOf":{"@id":"http:\/\/local.brightwhiz\/#website"},"primaryImageOfPage":{"@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage"},"image":{"@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage"},"thumbnailUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg","datePublished":"2022-01-04T09:52:23+00:00","dateModified":"2022-01-05T21:50:12+00:00","description":"This tutorial will show you how to send WhatsApp message through a HTML link using the wa.me API end point on websites and mobile apps","breadcrumb":{"@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#primaryimage","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2022\/01\/Send-WhatsApp-Message-Through-HTML.jpg","width":1280,"height":680,"caption":"Send WhatsApp Message Through HTML"},{"@type":"BreadcrumbList","@id":"http:\/\/local.brightwhiz\/send-whatsapp-message-through-html-link\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/local.brightwhiz\/"},{"@type":"ListItem","position":2,"name":"Create a Link to Send WhatsApp Message Through HTML"}]},{"@type":"WebSite","@id":"http:\/\/local.brightwhiz\/#website","url":"http:\/\/local.brightwhiz\/","name":"Brightwhiz.com","description":"Best Tech guides, Tutorials, and News","publisher":{"@id":"http:\/\/local.brightwhiz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/local.brightwhiz\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/local.brightwhiz\/#organization","name":"Brightwhiz","url":"http:\/\/local.brightwhiz\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/","url":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","contentUrl":"http:\/\/local.brightwhiz\/wp-content\/uploads\/2021\/11\/brightwhiz-com-logo-orange.png","width":706,"height":135,"caption":"Brightwhiz"},"image":{"@id":"http:\/\/local.brightwhiz\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brightwhiz\/","https:\/\/x.com\/brightwhizmag","https:\/\/instagram.com\/bright_whiz\/","https:\/\/www.pinterest.com\/sobbayi\/","https:\/\/www.youtube.com\/channel\/UC6sCdP_d_RiTIM7ErFT-PSQ"]},{"@type":"Person","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/81f0f3126f13834ae2e7f381b3028e32","name":"Michael Bright","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/local.brightwhiz\/#\/schema\/person\/image\/","url":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","contentUrl":"http:\/\/1.gravatar.com\/avatar\/da90485875ff0aafa38fdd494abe87d1?s=96&d=mm&r=g","caption":"Michael Bright"},"sameAs":["https:\/\/sobbayi.com"],"url":"http:\/\/local.brightwhiz\/author\/sobbayiadmin\/"}]}},"_links":{"self":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/11549"}],"collection":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/comments?post=11549"}],"version-history":[{"count":0,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/posts\/11549\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media\/11551"}],"wp:attachment":[{"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/media?parent=11549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/categories?post=11549"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/local.brightwhiz\/wp-json\/wp\/v2\/tags?post=11549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}