واتس اب هو واحد من الرسل الأكثر شعبية التي تسمح لك لتبادل الرسائل ، وإجراء المكالمات ومشاركة ملفات الوسائط المتعددة. اليوم ، تضيف العديد من المواقع زر واتساب لتسهيل التواصل مع المستخدمين. في هذه المقالة ، ونحن سوف اقول لكم كيفية إنشاء زر واتس اب لموقع الويب الخاص بك.
أولا ، لإنشاء زر واتساب لموقعك ، يمكنك استخدام أداة واتساب الرسمية ، والتي توفر للمطورين حزمة كود لدمج برنامج المراسلة في الموقع. للقيام بذلك ، تحتاج إلى التسجيل في واجهة برمجة تطبيقات واتساب للأعمال والحصول على المفاتيح والمعرفات اللازمة.
ثانيا ، إذا كنت لا تريد أن تهتم بإنشاء زر من خلال واجهة برمجة تطبيقات واتساب للأعمال ، فيمكنك استخدام الحلول الجاهزة التي تقدم خدمات متنوعة. على سبيل المثال ، تسمح لك الخدمات "كاليبري" أو "ريدهيلبر" بإنشاء زر واتساب لموقعك دون برمجة. ما عليك سوى التسجيل على موقع الخدمة ، وتكوين الزر ولصق الرمز المستلم على موقع الويب الخاص بك.
وأخيرا ، إذا كنت ترغب في إنشاء زر واتساب نفسك ، يمكنك استخدام هتمل و كس. إنشاء عنصر زر (على سبيل المثال ، أو) وإضافة السمة هريف أو أونكليك لتشغيل آلية إرسال الرسالة. يمكنك استخدام فئات كس والأساليب لنمط الزر.
- دمج زر واتساب على الموقع
- إعداد وتكوين رقم واتساب
- إضافة رمز هتمل من الزر إلى الموقع
- تكوين أنماط زر واتس اب
دمج زر واتساب على الموقع
يتيح زر واتساب على الموقع للمستخدمين الاتصال بمالك الموقع بسرعة وسهولة عبر واتساب ماسنجر. هذا مناسب لكل من المستخدمين ومالكي المواقع ، حيث يوفر واتساب اتصالا فوريا بين المستخدمين.
لدمج زر واتساب على الموقع ، تحتاج إلى اتباع الخطوات التالية:
- إنشاء حساب واتساب للأعمال. للقيام بذلك ، قم بتنزيل وتثبيت تطبيق واتساب للأعمال على هاتفك الذكي. ثم اتبع التعليمات عند تشغيل التطبيق لإنشاء حساب.
- احصل على مفتاح واجهة برمجة التطبيقات. للقيام بذلك ، تحتاج إلى التسجيل على موقع واجهة برمجة تطبيقات واتساب للأعمال والوصول إلى مفتاح واجهة برمجة التطبيقات.
- ضع الزر على الموقع. للقيام بذلك ، إضافة رمز هتمل من الزر إلى صفحة موقعك. قد يبدو رمز الزر كما يلي:
| كود أتش تي أم أل | الوصف |
اكتب لنا على واتس اب | رمز يقوم بإنشاء ارتباط تشعبي إلى رقم الهاتف الذي تريد الاتصال به على واتساب. استبدل "رقم الهاتف" برقم الهاتف الفعلي الذي تريد إضافة الزر إليه. |
بعد إضافة زر إلى موقعك ، سيتم إعادة توجيه المستخدمين الذين ينقرون عليه إلى واتساب لإرسال رسالة.
سيسمح دمج زر واتساب في موقع الويب الخاص بك للمستخدمين بالاتصال بك بسرعة وسهولة. سيساعدك هذا على إقامة اتصال مع العملاء وحل مشكلاتهم في الوقت الفعلي.
إعداد وتكوين رقم واتساب
لإنشاء زر واتساب لموقع الويب الخاص بك وإعداد رقم واتساب الخاص بك ، اتبع هذه الخطوات البسيطة:
تثبيت واتس اب على هاتفك المحمول.
قبل إعداد زر واتساب ، تحتاج إلى تثبيت تطبيق واتساب على هاتفك المحمول. يمكنك العثور عليه في متجر التطبيقات أو جوجل بلاي.
افتح واتساب وأكمل عملية التسجيل.
بعد تثبيت التطبيق ، ستحتاج إلى فتحه وإكمال عملية التسجيل ، بما في ذلك إدخال رقم هاتفك وتأكيده برمز التأكيد.
قم بإعداد ملف تعريف واتساب الخاص بك.
بعد الانتهاء من التسجيل ، سيطلب منك إعداد ملف تعريف واتساب الخاص بك ، بما في ذلك إضافة صورة الملف الشخصي واسم المستخدم. سيساعد هذا المستخدمين على معرفة من يستجيب لهم بالضبط.
قم بإنشاء رمز لزر واتساب.
لإنشاء زر واتساب لموقع الويب الخاص بك ، ستحتاج إلى إنشاء رمز باستخدام واجهة واتساب ويب. سيعرض هذا الرمز زرا على موقع الويب الخاص بك ويسمح للمستخدمين بإرسال رسائل إليك عبر واتساب.
الصق الرمز في موقع الويب الخاص بك.
بعد إنشاء رمز زر واتساب ، ستحتاج إلى لصقه في موقع الويب الخاص بك. الصق الرمز في المكان المناسب على موقعك بحيث يتم عرض الزر ويعمل بشكل صحيح.
باتباع هذه الخطوات ، ستتمكن من إعداد وتكوين رقم واتساب الخاص بك للاستخدام على موقعك وتزويد المستخدمين بطريقة ملائمة للاتصال بك.
إضافة رمز هتمل من الزر إلى الموقع
من أجل إضافة زر واتساب إلى موقع الويب الخاص بك ، تحتاج إلى إدراج رمز هتمل على الصفحة المطلوبة:
- انتقل إلى موقع واتساب الرسمي وقم بالتسجيل كمستخدم تجاري.
- احصل على رمز الزر بالانتقال إلى قسم الإعدادات في حسابك.
- انسخ رمز الزر.
- افتح محرر هتمل أو محرر الملفات في موقعك.
- الصق الكود المنسوخ على الصفحة المناسبة لموقعك.
- احفظ التغييرات وقم بتحديث الصفحة.
بعد الانتهاء من هذه الخطوات ، سيظهر زر واتساب على موقعك ، والذي يمكن للزوار استخدامه للاتصال بك.
تكوين أنماط زر واتس اب
لإنشاء زر واتساب أنيق لموقعك ، يمكنك استخدام خصائص كس المختلفة لتخصيص مظهره وسلوكه.
فيما يلي بعض خصائص كس الأساسية التي يمكن تخصيصها:
لون الخلفية: يمكنك تعيين لون خلفية الزر باستخدام خاصية لون الخلفية.
الحجم والشكل: استخدم خصائص العرض والارتفاع لتعيين أبعاد الزر. يمكنك أيضا استخدام خاصية نصف قطر الحدود لتغيير شكل الزر إلى شكل دائري أو مربع أو أي شكل آخر.
لون الخط والرمز: يمكنك تغيير لون النص ورمز الزر باستخدام خاصية اللون.
المسافة البادئة والمحاذاة: استخدم خصائص الهامش ومحاذاة النص لضبط الهوامش ومحاذاة الزر.
مثال رمز كس لتكوين أنماط زر واتس اب قد تبدو مثل هذا:
في هذا المثال ، سيكون للزر لون خلفية # 25 د 366 ، ولون نص أبيض ، وأبعاد 150 بكسل في 50 بكسل ، وشكل دائري بنصف قطر 10 بكسل ، ومسافات بادئة 10 بكسل ، وسيتم محاذاته في المنتصف.
الآن يمكنك إضافة هذه الفئة إلى رمز هتمل من زر واتس اب لتطبيق الأنماط:
استبدل رقم واتساب الخاص بك لإنشاء زر وظيفي لإرسال الرسائل.
بعد تطبيق هذه الأنماط وإضافة زر إلى موقعك ، ستحصل على زر واتساب أنيق يجذب انتباه المستخدمين ويحسن تجربة المستخدم لموقعك.