[{"data":1,"prerenderedAt":295},["ShallowReactive",2],{"/ar/blog/whatsapp-chat-button-guide":3,"posts:surround:/ar/blog/whatsapp-chat-button-guide":284},{"id":4,"title":5,"authors":6,"badge":14,"body":16,"date":260,"description":261,"extension":262,"faq":263,"image":273,"locale":275,"meta":276,"navigation":277,"path":278,"seo":279,"stem":282,"__hash__":283},"posts/ar/3.blog/2.whatsapp-chat-button-guide.md","كيفية إضافة زر دردشة واتساب عائم إلى موقع الويب الخاص بك (مجاني)",[7],{"name":8,"role":9,"bio":10,"to":11,"avatar":12},"Jasper","خبراء المنتج","مساعدة الشركات على توسيع دعم واتساب الخاص بهم بأدوات واستراتيجيات ذكية.","/ar/author/Jasper",{"src":13},"/img/blog/author/Jasper.png",{"label":15},"زر دردشة واتساب",{"type":17,"value":18,"toc":245},"minimark",[19,23,31,38,49,54,57,64,69,91,95,98,102,110,130,134,144,153,157,164,183,186,190,193,200,223,230,234,237],[20,21,22],"p",{},"في العالم الرقمي سريع الخطى اليوم، يتوقع العملاء إجابات فورية. تبدو نماذج الاتصال بطيئة، وقد يستغرق دعم البريد الإلكتروني أيامًا.",[20,24,25,26,30],{},"إذا كنت تدير موقعًا تجاريًا، فإن أسرع طريقة للتواصل مع زوارك هي من خلال التطبيق الذي يستخدمونه بالفعل كل يوم: ",[27,28,29],"strong",{},"واتساب",".",[20,32,33,34,37],{},"لكن مجرد لصق رابط نصي عادي ليس كافيًا. من السهل تفويته ويبدو غير احترافي. تحتاج إلى ",[27,35,36],{},"زر دردشة واتساب عائم"," يظل مرئيًا، ويبدو رائعًا، ويشجع المستخدمين على النقر.",[20,39,40,41,48],{},"في هذا الدليل، سنوضح لك كيفية استخدام ",[27,42,43],{},[44,45,47],"a",{"href":46},"/ar/whatsapp-chat-button","مولد زر دردشة واتساب المجاني"," لإنشاء زر مخصص وسريع الاستجابة لموقعك في أقل من دقيقتين.",[50,51,53],"h2",{"id":52},"لماذا-تحتاج-إلى-زر-دردشة-عائم","لماذا تحتاج إلى زر دردشة عائم",[20,55,56],{},"يعني الزر \"اللاصق\" أو \"العائم\" أن الرمز يظل مثبتًا في الزاوية السفلية للشاشة بينما يقوم المستخدم بالتمرير لأسفل صفحتك.",[20,58,59,60,63],{},"هذا أمر بالغ الأهمية لمستخدمي الهاتف المحمول. سواء كانوا يقرؤون مدونتك، أو يتحققون من الأسعار، أو يشاهدون معرض الصور الخاص بك، فإن خيار ",[27,61,62],{},"\"دردش معنا\""," موجود دائمًا بالقرب من إبهامهم.",[65,66,68],"h3",{"id":67},"الفوائد-الرئيسية","الفوائد الرئيسية:",[70,71,72,79,85],"ul",{},[73,74,75,78],"li",{},[27,76,77],{},"تحويل أعلى",": الوصول المباشر للدعم يزيد الثقة والمبيعات.",[73,80,81,84],{},[27,82,83],{},"مظهر احترافي",": قم بتخصيص الألوان والرموز لتتناسب مع علامتك التجارية.",[73,86,87,90],{},[27,88,89],{},"محسن للجوال",": مصمم خصيصًا لشاشات الهواتف الذكية حيث يكون استخدام واتساب هو الأعلى.",[50,92,94],{"id":93},"كيفية-إنشاء-الزر-الخاص-بك-بدون-كود","كيفية إنشاء الزر الخاص بك (بدون كود)",[20,96,97],{},"لا تحتاج إلى مطور للقيام بذلك. ما عليك سوى اتباع هذه الخطوات البسيطة باستخدام أداتنا المجانية:",[65,99,101],{"id":100},"الخطوة-1-تخصيص-المظهر","الخطوة 1: تخصيص المظهر",[20,103,104,105,30],{},"اذهب إلى ",[27,106,107],{},[44,108,109],{"href":46},"مولد زر دردشة واتساب",[70,111,112,118,124],{},[73,113,114,117],{},[27,115,116],{},"نص الزر",": قم بتغيير \"Chat with us\" إلى شيء قابل للتنفيذ مثل \"احصل على عرض أسعار\" أو \"دعم\".",[73,119,120,123],{},[27,121,122],{},"الألوان",": طابق لوحة ألوان علامتك التجارية.",[73,125,126,129],{},[27,127,128],{},"الموضع",": اختر أسفل اليسار أو أسفل اليمين.",[65,131,133],{"id":132},"الخطوة-2-قم-بتعيين-رقمك-ورسالتك","الخطوة 2: قم بتعيين رقمك ورسالتك",[20,135,136,137,140,141,30],{},"أدخل ",[27,138,139],{},"رقم واتساب"," الخاص بك (مع رمز الدولة). ثم، قم بتعيين ",[27,142,143],{},"رسالة معبأة مسبقًا",[70,145,146],{},[73,147,148,152],{},[149,150,151],"em",{},"مثال:"," \"مرحبًا، رأيت موقع الويب الخاص بك ولدي سؤال.\"\nهذا يجعل من السهل على المستخدم بدء المحادثة دون كتابة.",[65,154,156],{"id":155},"الخطوة-3-توليد-وتضمين","الخطوة 3: توليد وتضمين",[20,158,159,160,163],{},"انقر على ",[27,161,162],{},"\"Generate Code\"",". ستحصل على مقتطف HTML نظيف وخفيف الوزن.",[70,165,166,172],{},[73,167,168,171],{},[27,169,170],{},"انسخ"," الكود.",[73,173,174,177,178,182],{},[27,175,176],{},"الصقه"," في قسم ",[179,180,181],"code",{},"\u003Cbody>"," أو تذييل (footer) موقع الويب الخاص بك.",[20,184,185],{},"هذا كل شيء! الزر الخاص بك مباشر الآن.",[50,187,189],{"id":188},"نصيحة-متقدمة-تتبع-نقراتك","نصيحة متقدمة: تتبع نقراتك",[20,191,192],{},"هل تريد أن تعرف عدد الأشخاص الذين ينقرون بالفعل على الزر الخاص بك؟",[20,194,195,196,199],{},"بدلاً من مجرد استخدام رقم هاتف خام، يمكنك استخدام ",[27,197,198],{},"رابط دردشة قابل للتتبع"," داخل تكوين الزر.",[201,202,203,213,216],"ol",{},[73,204,205,206,212],{},"أولاً، قم بإنشاء رابط باستخدام ",[27,207,208],{},[44,209,211],{"href":210},"/ar/whatsapp-multi-agent-link","مولد رابط الوكيل المتعدد"," الخاص بنا.",[73,214,215],{},"حدد \"Generate by Chat Link\" في مولد الزر.",[73,217,218,219,222],{},"الصق الرابط الذي تم تتبعه (على سبيل المثال، ",[179,220,221],{},"wa.link/xyz",").",[20,224,225,226,229],{},"الآن تحصل على أفضل ما في العالمين: زر عائم جميل ",[149,227,228],{},"و"," تحليلات مفصلة حول حركة المرور الخاصة بك.",[50,231,233],{"id":232},"هل-أنت-مستعد-لتعزيز-العملاء-المحتملين","هل أنت مستعد لتعزيز العملاء المحتملين؟",[20,235,236],{},"لا تدع الزوار يغادرون دون إلقاء التحية. اجعل نفسك متاحًا مع زر دردشة احترافي.",[20,238,239,240],{},"👉 ",[27,241,242],{},[44,243,244],{"href":46},"أنشئ زر دردشة واتساب المجاني الآن",{"title":246,"searchDepth":247,"depth":247,"links":248},"",2,[249,253,258,259],{"id":52,"depth":247,"text":53,"children":250},[251],{"id":67,"depth":252,"text":68},3,{"id":93,"depth":247,"text":94,"children":254},[255,256,257],{"id":100,"depth":252,"text":101},{"id":132,"depth":252,"text":133},{"id":155,"depth":252,"text":156},{"id":188,"depth":247,"text":189},{"id":232,"depth":247,"text":233},"2024-03-21T00:00:00.000Z","تعلم كيفية إنشاء وتضمين زر دردشة واتساب عائم مخصص على موقع الويب الخاص بك. استخدم مولدنا المجاني لزيادة التحويلات باستخدام أداة سريعة الاستجابة وبدون كود.","md",[264,267,270],{"question":265,"answer":266},"ما هو زر دردشة واتساب الوظيفي؟","زر دردشة واتساب هو عنصر واجهة عائم على موقع الويب الخاص بك يسمح للزوار ببدء محادثة واتساب معك على الفور. يظل عادةً مرئيًا أثناء تمرير المستخدم، مما يضمن أن الدعم دائمًا على بعد نقرة واحدة.",{"question":268,"answer":269},"هل هذا المولد متوافق مع ووردبريس؟","نعم! الكود الذي تم إنشاؤه بواسطة أداتنا هو HTML/CSS نقي. يمكنك لصقه في أي أداة \"HTML مخصص\" في ووردبريس أو مباشرة في تذييل القالب الخاص بك. يعمل أيضًا على شوبيفاي، ويكس، سكويرسبيس، والمواقع المبرمجة بشكل مخصص.",{"question":271,"answer":272},"هل يؤثر ذلك على سرعة الموقع؟","لا. الكود الخاص بنا خفيف للغاية (أقل من 3 كيلوبايت) ولا يستخدم مكتبات خارجية ثقيلة، لذلك لن يبطئ أوقات تحميل صفحتك أو يؤثر على درجات تحسين محركات البحث (SEO) الخاصة بك.",{"src":274},"/img/blog/chat-button.png","ar",{},true,"/ar/blog/whatsapp-chat-button-guide",{"title":5,"description":261,"keywords":280,"ogTitle":5,"ogDescription":261,"ogType":281},"زر دردشة واتساب، زر واتساب عائم، ويدجت واتساب للموقع، مولد النقر للدردشة، إضافة واتساب للموقع، كود زر HTML مجاني","article","ar/3.blog/2.whatsapp-chat-button-guide","bMjZ4Ya0IgdKwh2mXaI8SdLMRjx_lXa60E5-SPgc6f8",[285,290],{"title":286,"path":287,"stem":288,"description":289,"children":-1},"كيفية إضافة أرقام هواتف متعددة إلى رابط واتساب واحد (أداة تدوير مجانية)","/ar/blog/whatsapp-multi-agent-link-guide","ar/3.blog/1.whatsapp-multi-agent-link-guide","تعلم كيفية استخدام رابط وكيل متعدد في واتساب لتوزيع الدردشات عبر فريق الدعم الخاص بك. اكتشف قوة توجيه التدوير (Round-Robin) وتوازن التحميل في واتساب بدون واجهات برمجة تطبيقات باهظة الثمن.",{"title":291,"path":292,"stem":293,"description":294,"children":-1},"أنشئ ويدجت دردشة واتساب مخصص لموقعك (دليل بدون كود)","/ar/blog/whatsapp-chat-widget-guide","ar/3.blog/3.whatsapp-chat-widget-guide","ابنِ الثقة مع ويدجت دردشة واتساب احترافي. تعلم كيفية إنشاء شخصية دعم عملاء مخصصة لموقعك باستخدام أداتنا المجانية.",1775010392700]