WAButton

ہر جگہ چلنے والا ایک لائن کا ایمبیڈ

HTML & Custom Websites کے لیے WhatsApp بٹن

اپنی HTML & Custom Websites ویب سائٹ پر تیرتا ہوا WhatsApp بٹن لگائیں۔ خوش آمدیدی پیغام چنیں اور وزیٹرز کو اپنے کاروباری نمبر پر پیغام بھیجنے دیں۔

میرا مفت بٹن بنائیں

1 منٹ کا سیٹ اپ ہدف: index.html (before </body>) or root layout component

HTML & Custom Websites کے لیے مرحلہ وار انسٹالیشن

اپنی HTML & Custom Websites ویب سائٹ میں WAButton انسٹالیشن کوڈ لگانے کے لیے ان مراحل پر عمل کریں۔

  1. 1

    اپنا ایمبیڈ کوڈ کاپی کریں

    اپنا منفرد اسکرپٹ کوڈ اپنے WAButton ویجیٹ ڈیش بورڈ یا آن بورڈنگ اسکرین سے کاپی کریں۔

    ماہرانہ مشورہ: براؤزر میں صفحہ روکے بغیر غیر ہم وقت لوڈنگ کے لیے «async» خصوصیت برقرار رکھیں۔

  2. 2

    اختتامی </body> ٹیگ سے پہلے پیسٹ کریں

    کوڈ اپنی بنیادی HTML فائل یا روٹ لے آؤٹ کمپوننٹ میں </body> سے عین پہلے پیسٹ کریں۔ فائل کی مثال: index.html۔ کمپوننٹ کی مثالیں: layout.tsx، App.vue، base.blade.php۔

    ماہرانہ مشورہ: اسکرپٹ کو </body> سے عین پہلے رکھنے سے آپ کے صفحے کا مواد پہلے لوڈ ہوتا ہے۔ 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    براؤزر میں کھولیں

    فائل محفوظ کریں اور اپنا براؤزر ریفریش کریں۔ آپ کا تیرتا WhatsApp بٹن فوراً نیچے کونے میں نظر آئے گا۔

اسٹور مالکان اور ایجنسیاں HTML & Custom Websites کے لیے WAButton کیوں چنتے ہیں

ایک ہی عالمگیر اسکرپٹ ٹیگ

ایک ننھا غیر ہم وقت لوڈر جو جامد HTML، SSR اور SPA فریم ورکس میں یکساں کام کرتا ہے۔

محدود اسٹائلز

ہر اسٹائل «wabutton» سابقے والے کلاس ناموں تک محدود ہے، اس لیے یہ آپ کی Tailwind، Bootstrap یا کسٹم CSS کلاسز کا انداز نہیں بدلتا۔

خود کفیل اسکرپٹ

Preact سے بنا اور اسکرپٹ کے اندر ہی شامل، اس لیے آپ کے صفحے کو jQuery، React یا آئیکن فونٹس کی ضرورت نہیں۔

SPA نیویگیشن سے باخبر

کلائنٹ سائیڈ روٹ بدلنے پر بھی ویجیٹ کی حالت خودکار طور پر برقرار رکھتا ہے (React Router، Next.js، Vue Router)۔

اکثر پوچھے جانے والے سوالات

کیا WAButton، React، Next.js یا Vue جیسی سنگل پیج ایپس (SPA) کے ساتھ کام کرتا ہے؟

جی ہاں! WAButton، «window» آبجیکٹ پر شروع ہوتا ہے اور کلائنٹ سائیڈ روٹر نیویگیشن کے دوران برقرار رہتا ہے، اسے ہر روٹ کی تبدیلی پر دوبارہ چلانے کی ضرورت نہیں پڑتی۔

کیا WAButton میرا Google Lighthouse یا PageSpeed Insights اسکور کم کرے گا؟

WAButton ایک غیر ہم وقت اسکرپٹ ہے جو 40KB (gzip کے بعد) سے کم ہے اور Cloudflare کے ایج نیٹ ورک سے فراہم ہوتا ہے، اس لیے یہ صفحے کی پہلی نمائش کو نہیں روکتا۔ چیٹ پینل صرف اس وقت لوڈ ہوتا ہے جب کوئی وزیٹر اسے کھولے۔ آپ کے اپنے اسکور پر اس کا اثر آپ کی ویب سائٹ پر منحصر ہے، اس لیے اسے شامل کرنے سے پہلے اور بعد میں PageSpeed Insights چلائیں۔

متعلقہ مفت ٹولز

اپنے کاروبار کے لیے WhatsApp لنکس، QR کوڈز اور پیغامات بنائیں۔

مزید انسٹالیشن گائیڈز

میں WhatsApp شامل کریں۔

وزیٹرز کو اپنی پروڈکٹس، قیمتوں یا دستیابی کے بارے میں پوچھنے کا راستہ دیں۔ اسی WhatsApp سے جواب دیں جو آپ پہلے سے استعمال کرتے ہیں۔

میرا مفت بٹن بنائیں اپنے بٹن کا پیش نظارہ دیکھیں

مفت پلان دستیاب ہے۔ کریڈٹ کارڈ کی ضرورت نہیں۔