{"id":5558,"date":"2025-06-15T08:15:53","date_gmt":"2025-06-15T08:15:53","guid":{"rendered":"https:\/\/chatgate.io\/?page_id=5558"},"modified":"2025-06-15T13:15:16","modified_gmt":"2025-06-15T13:15:16","slug":"%d9%85%d9%88%d9%84%d8%af-%d8%b1%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d9%88%d8%a7%d8%aa%d8%b3%d8%a7%d8%a8","status":"publish","type":"page","link":"https:\/\/chatgate.io\/en\/%d9%85%d9%88%d9%84%d8%af-%d8%b1%d8%a7%d8%a8%d8%b7-%d8%a7%d9%84%d9%88%d8%a7%d8%aa%d8%b3%d8%a7%d8%a8\/","title":{"rendered":"WhatsApp link generator"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5558\" class=\"elementor elementor-5558\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf01d5b e-flex e-con-boxed e-con e-parent\" data-id=\"bf01d5b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-170d606 elementor-widget elementor-widget-spacer\" data-id=\"170d606\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67f7c89 elementor-widget elementor-widget-heading\" data-id=\"67f7c89\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Create a free customized WhatsApp link for your customers.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3d5686 e-flex e-con-boxed e-con e-parent\" data-id=\"e3d5686\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8c2c7ee elementor-widget elementor-widget-spacer\" data-id=\"8c2c7ee\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3eea8 elementor-widget elementor-widget-text-editor\" data-id=\"0e3eea8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use ChatGate's tool to create customized WhatsApp links with pre-filled messages for your customers, and start instant communication in a fast and professional way.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d715d93 e-flex e-con-boxed e-con e-parent\" data-id=\"d715d93\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45fc562 elementor-widget elementor-widget-html\" data-id=\"45fc562\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.wa-generator-wrapper {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 30px;\r\n  margin-top: 20px;\r\n  justify-content: center;\r\n}\r\n\r\n.wa-form {\r\n  flex: 1;\r\n  min-width: 320px;\r\n}\r\n\r\n.wa-form select,\r\n.wa-form input,\r\n.wa-form textarea {\r\n  width: 100%;\r\n  padding: 12px;\r\n  margin: 8px 0;\r\n  border: 1px solid #ccc;\r\n  border-radius: 6px;\r\n}\r\n\r\n.wa-form button {\r\n  background-color: #25D366;\r\n  color: white;\r\n  padding: 10px 20px;\r\n  border: none;\r\n  border-radius: 6px;\r\n  margin-top: 10px;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n\/* \u0634\u0627\u0634\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n.wa-preview-phone {\r\n  flex: 1;\r\n  min-width: 320px;\r\n  max-width: 400px;\r\n  background-color: #e5ddd5;\r\n  border-radius: 30px;\r\n  padding: 0;\r\n  box-shadow: 0 0 10px rgba(0,0,0,0.2);\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 500px;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u0631\u0623\u0633 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n.wa-header {\r\n  background-color: #075e54;\r\n  color: white;\r\n  padding: 12px 16px;\r\n  border-top-left-radius: 30px;\r\n  border-top-right-radius: 30px;\r\n  font-weight: bold;\r\n  font-size: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n\/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 *\/\r\n.wa-chat {\r\n  flex: 1;\r\n  padding: 15px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  overflow-y: auto;\r\n}\r\n\r\n.wa-bubble {\r\n  background-color: #dcf8c6;\r\n  padding: 10px 15px;\r\n  border-radius: 10px 10px 0 10px;\r\n  align-self: flex-start;\r\n  max-width: 80%;\r\n  margin-bottom: 10px;\r\n  word-wrap: break-word;\r\n  font-size: 15px;\r\n}\r\n\r\n\/* \u0627\u0644\u0641\u0648\u062a\u0631 *\/\r\n.wa-footer {\r\n  background-color: white;\r\n  padding: 10px 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-top: 1px solid #ccc;\r\n  border-bottom-left-radius: 30px;\r\n  border-bottom-right-radius: 30px;\r\n}\r\n\r\n.wa-footer span {\r\n  color: #999;\r\n  font-size: 13px;\r\n  word-break: break-word;\r\n  flex: 1;\r\n  padding-right: 10px;\r\n}\r\n\r\n.wa-send-button {\r\n  background-color: #25D366;\r\n  color: white;\r\n  padding: 6px 14px;\r\n  border-radius: 6px;\r\n  font-weight: bold;\r\n  font-size: 14px;\r\n}\r\n<\/style>\r\n\r\n<div class=\"wa-generator-wrapper\">\r\n    \r\n  <!-- Form -->\r\n  <div class=\"wa-form\">\r\n    <label>Select your country:<\/label>\r\n   <select id=\"country\" onchange=\"updatePreview()\">\r\n  <option value=\"962\" selected>Jordan (+962)<\/option>\r\n  <option value=\"966\">Saudi Arabia (+966)<\/option>\r\n  <option value=\"971\">UAE (+971)<\/option>\r\n  <option value=\"965\">Kuwait (+965)<\/option>\r\n  <option value=\"973\">Bahrain (+973)<\/option>\r\n  <option value=\"968\">Oman (+968)<\/option>\r\n  <option value=\"20\">Egypt (+20)<\/option>\r\n  <option value=\"963\">Syria (+963)<\/option>\r\n  <option value=\"964\">Iraq (+964)<\/option>\r\n  <option value=\"961\">Lebanon (+961)<\/option>\r\n  <option value=\"218\">Libya (+218)<\/option>\r\n  <option value=\"212\">Morocco (+212)<\/option>\r\n  <option value=\"216\">Tunisia (+216)<\/option>\r\n  <option value=\"213\">Algeria (+213)<\/option>\r\n  <option value=\"249\">Sudan (+249)<\/option>\r\n  <option value=\"253\">Djibouti (+253)<\/option>\r\n  <option value=\"970\">Palestine (+970)<\/option>\r\n  <option value=\"1\">United States (+1)<\/option>\r\n  <option value=\"44\">United Kingdom (+44)<\/option>\r\n  <option value=\"33\">France (+33)<\/option>\r\n  <option value=\"49\">Germany (+49)<\/option>\r\n  <option value=\"34\">Spain (+34)<\/option>\r\n  <option value=\"39\">Italy (+39)<\/option>\r\n  <option value=\"90\">Turkey (+90)<\/option>\r\n  <option value=\"7\">Russia (+7)<\/option>\r\n  <option value=\"91\">India (+91)<\/option>\r\n  <option value=\"92\">Pakistan (+92)<\/option>\r\n  <option value=\"880\">Bangladesh (+880)<\/option>\r\n  <option value=\"86\">China (+86)<\/option>\r\n  <option value=\"62\">Indonesia (+62)<\/option>\r\n  <option value=\"63\">Philippines (+63)<\/option>\r\n  <option value=\"60\">Malaysia (+60)<\/option>\r\n  <option value=\"81\">Japan (+81)<\/option>\r\n  <option value=\"82\">South Korea (+82)<\/option>\r\n  <option value=\"27\">South Africa (+27)<\/option>\r\n  <option value=\"1\">Canada (+1)<\/option>\r\n  <option value=\"351\">Portugal (+351)<\/option>\r\n  <option value=\"31\">Netherlands (+31)<\/option>\r\n  <option value=\"46\">Sweden (+46)<\/option>\r\n  <option value=\"41\">Switzerland (+41)<\/option>\r\n  <option value=\"380\">Ukraine (+380)<\/option>\r\n  <option value=\"380\">Uzbekistan (+998)<\/option>\r\n  <option value=\"993\">Turkmenistan (+993)<\/option>\r\n<\/select>\r\n\r\n    <label>Mobile number (without country code):<\/label>\r\n    <input type=\"text\" id=\"phone\" placeholder=\"Example: 5XXXXXXXX\" oninput=\"updatePreview()\">\r\n\r\n    <label>Choose a template<\/label>\r\n    <select id=\"predefined\" onchange=\"setSuggestedMessage()\">\r\n      <option value=\"\">-- Select a message --<\/option>\r\n      <option value=\"\u0623\u0631\u063a\u0628 \u0641\u064a \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0627\u0644\u0628\u0627\u0642\u0629.\">I would like to know more about the package.<\/option>\r\n      <option value=\"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0645\u0633\u0627\u0639\u062f\u062a\u064a \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u0628\u0648\u062a \u062f\u0631\u062f\u0634\u0629\u061f\">Can you help me create a chatbot?<\/option>\r\n      <option value=\"\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u0639\u0631\u0648\u0636 \u062e\u0627\u0635\u0629 \u0644\u0644\u0645\u0637\u0627\u0639\u0645\u061f\">Do you offer special deals for restaurants?<\/option>\r\n    <\/select>\r\n\r\n    <label>Write it here<\/label>\r\n    <textarea id=\"message\" placeholder=\"Custom message...\" rows=\"4\" oninput=\"updatePreview()\"><\/textarea>\r\n\r\n    <button onclick=\"copyLink()\">Copy Link<\/button>\r\n  <\/div>\r\n\r\n  <!-- Mobile WhatsApp Preview -->\r\n  <div class=\"wa-preview-phone\">\r\n    <div class=\"wa-header\">\r\n      Chat Gate\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"vertical-align: middle;\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"#1DA1F2\">\r\n        <path d=\"M22.5 12c0 5.8-4.7 10.5-10.5 10.5S1.5 17.8 1.5 12 6.2 1.5 12 1.5 22.5 6.2 22.5 12zM10 16.5l7-7-1.5-1.5-5.5 5.5-2-2-1.5 1.5 3.5 3.5z\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n    <div class=\"wa-chat\">\r\n  <!-- \u0635\u0648\u0631\u0629 \u0645\u0631\u0633\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 -->\r\n  <div class=\"wa-media\">\r\n    <img decoding=\"async\" src=\"https:\/\/chatgate.io\/wp-content\/uploads\/2025\/03\/Asset-33.png\" alt=\"\u0634\u0627\u062a \u062c\u064a\u064a\u062a\" \/>\r\n  <\/div>\r\n\r\n  <!-- \u0641\u0642\u0627\u0639\u0629 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 -->\r\n  <div class=\"wa-bubble\" id=\"bubble-text\">Hello! I\u2019d like to inquire about your services.<\/div>\r\n<\/div>\r\n\r\n    <div class=\"wa-footer\">\r\n      <span id=\"link-preview\">https:\/\/wa.me\/9665xxxxxxx<\/span>\r\n      <div class=\"wa-send-button\">Submit<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction updatePreview() {\r\n  const country = document.getElementById(\"country\").value;\r\n  const phone = document.getElementById(\"phone\").value.trim();\r\n  const fullPhone = `${country}${phone}`;\r\n  const message = document.getElementById(\"message\").value.trim() || \"\u0645\u0631\u062d\u0628\u0627\u064b! \u0623\u0648\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0643\u0645.\";\r\n  const encoded = encodeURIComponent(message);\r\n  const link = phone ? `https:\/\/wa.me\/${fullPhone}?text=${encoded}` : \"https:\/\/wa.me\/\";\r\n\r\n  document.getElementById(\"bubble-text\").innerText = message;\r\n  document.getElementById(\"link-preview\").innerText = link;\r\n}\r\n\r\nfunction setSuggestedMessage() {\r\n  const predefined = document.getElementById(\"predefined\").value;\r\n  document.getElementById(\"message\").value = predefined || \"\";\r\n  updatePreview();\r\n}\r\n\r\nfunction copyLink() {\r\n  const link = document.getElementById(\"link-preview\").innerText;\r\n  const temp = document.createElement(\"input\");\r\n  document.body.appendChild(temp);\r\n  temp.value = link;\r\n  temp.select();\r\n  document.execCommand(\"copy\");\r\n  document.body.removeChild(temp);\r\n  alert(\"\u2705 \u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637!\");\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8a28c9 e-flex e-con-boxed e-con e-parent\" data-id=\"c8a28c9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f8ad0b elementor-widget elementor-widget-spacer\" data-id=\"5f8ad0b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fac46e e-flex e-con-boxed e-con e-parent\" data-id=\"0fac46e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0623\u0646\u0634\u0626 \u0631\u0627\u0628\u0637 \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u062e\u0635\u0635 \u0644\u0639\u0645\u0644\u0627\u0626\u0643 \u0628\u0631\u0633\u0627\u0644\u0629 \u062c\u0627\u0647\u0632\u0629 \u0645\u0639 \u0634\u0627\u062a \u062c\u064a\u062a. \u0623\u062f\u0627\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628.<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5558","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/pages\/5558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/comments?post=5558"}],"version-history":[{"count":14,"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/pages\/5558\/revisions"}],"predecessor-version":[{"id":5581,"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/pages\/5558\/revisions\/5581"}],"wp:attachment":[{"href":"https:\/\/chatgate.io\/en\/wp-json\/wp\/v2\/media?parent=5558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}