كيفية عمل رابط النقر للاتصال في WordPress (خطوة بخطوة)

هل تعلم أن 68٪ من زيارات الويب تمت من الهواتف المحمولة في عام 2020؟

وبالمثل ، في الربع الأول من عام 2021 وحده ، شكلت الهواتف المحمولة (باستثناء الأجهزة اللوحية) 54.8٪ من حركة مرور مواقع الويب العالمية.

نتيجة لذلك ، قامت العديد من الشركات بتضمين رقم اتصال قابل للنقر بصرف النظر عن عنوان البريد الإلكتروني على مواقع الويب الخاصة بهم. الفكرة هي السماح للزوار بإجراء مكالمات هاتفية والتواصل بنقرة واحدة. يمكنك أيضًا إضافة رابط الهاتف هذا إلى موقع الويب الخاص بك عن طريق إنشاء ارتباط انقر للاتصال.

لا أعرف ما نتحدث عنه؟

لا تقلق. ستوجه هذه المقالة إرشادات خطوة بخطوة حول كيفية إنشاء رابط انقر للاتصال في WordPress. أثناء تقدمك ، سنشرح أيضًا ماهية الرقم القابل للنقر في WordPress ولماذا تحتاج إليه.

لنبدأ بالمقدمة:

ما هو رابط Click-to-Call في WordPress؟

في الأساس ، رابط النقر للاتصال هو ارتباط قابل للنقر يتيح لمستخدمي الهاتف المحمول إجراء مكالمة بشركتك بنقرة واحدة على معلومات الاتصال التي أضفتها إلى موقعك. يتزايد عدد مستخدمي الهواتف المحمولة وزيارات الإنترنت على الهواتف المحمولة عالية بشكل كبير. وبالتالي ، تُستخدم روابط "انقر للاتصال" على نطاق واسع عبر معظم مواقع الويب.

لماذا يجب عليك إضافة رابط Click-to-Call في WordPress؟

هناك طرق مختلفة يمكن لعملائك من خلالها التواصل مع عملك ، مثل الدردشة الحية والبريد الإلكتروني ونموذج الاتصال وتذاكر الدعم.

كل هذه موثوقة ومفيدة. ومع ذلك ، عندما يكون لدى الأشخاص أسئلة أو استفسارات محددة ، فإنهم يفضلون المكالمات المباشرة. هذا يجعلهم يشعرون بالاهتمام على المستوى الشخصي وقد يزيد من رضاهم.

إذا كنت تفكر في وجهة نظرهم ، فإن القدرة على الاتصال بسرعة بنقرة واحدة توفر وقتهم. بالإضافة إلى ذلك ، يعد ارتباط النقر للاتصال أكثر ملاءمة حيث لا داعي لتذكر الرقم والاتصال به.

وبالتالي ، فإن رابط هاتف click-to-call هو أكثر ملاءمة وطريقة سهلة للزائرين للاتصال بشركتك.

كيف يعمل ارتباط النقر للاتصال

رابط النقر للاتصال هو ارتباط تشعبي بتنسيق HTML يوجه زوار موقعك للتواصل معك في الوقت الفعلي. يتضمن HTML 5 tel: و mailto: البروتوكولات التي يمكن لمتصفحات الويب استخدامها.

كل متصفح يستجيب بشكل مختلف لهذه البروتوكولات. على سبيل المثال ، تقوم بعض المتصفحات بتشغيل تطبيق الهاتف على الهاتف المحمول وإضافة الرقم المعروض تلقائيًا ، في انتظار النقر فوق زر الاتصال بالهاتف المحمول. تقوم بعض المتصفحات الأخرى بإجراء المكالمة مباشرةً ، بينما يسأل البعض الآخر عما إذا كان إجراء المكالمة مقبولاً عندما ينقر المستخدمون على رابط رقم الهاتف.

نظرًا لأن ارتباط النقر للاتصال هو HTML ، فيمكنك إضافته في أي مكان على مواقعك ، مثل الشريط الجانبي أو الرأس أو التذييل أو داخل الأدوات أو المحتوى الخاص بك.

ميزة أخرى مهمة لاستخدام رابط click-to-call في WordPress هي جعل التسويق الخاص بك محددًا. يمكنك تتبع نقرات رقم الهاتف على موقع الويب الخاص بك ومعرفة من أين يأتي الزوار إلى موقعك. يمكنك استخدام هذه المعلومات لإنشاء حملات تسويقية مخصصة وإظهار المعلومات الصحيحة للأشخاص المناسبين في الوقت المناسب.

كيفية عمل رابط Click-to-Call في ووردبريس

هناك ثلاث طرق لإنشاء وإضافة رابط انقر للاتصال في WordPress. قمنا بتفصيلها خطوة بخطوة. اقرأها أدناه:

الطريقة الأولى: إنشاء ارتباط Click-to-Call باستخدام البرنامج المساعد

تعمل المكونات الإضافية على تسهيل إنشاء وإضافة زر انقر للاتصال في Classic Editor و Gutenberg والشريط الجانبي والأزرار العائمة اللاصقة. فيما يلي الخطوات:

الخطوة الأولى: تثبيت البرنامج المساعد وتنشيطه

• انتقل إلى لوحة تحكم WordPress الخاصة بك. انقر فوق خيار الإضافات> إضافة جديد .

• ابحث عن البرنامج المساعد " WP Call Button ". قم بتثبيته وتنشيطه.

الخطوة 2: تكوين البرنامج المساعد

بعد تنشيط المكون الإضافي WP Call Button ، تحتاج إلى تكوينه. انتقل إلى الإعدادات> خيار WP Call Button على لوحة المعلومات الخاصة بك.

يمكنك إما تكوين المكون الإضافي باستخدام زر الاتصال الثابت أو خيار زر الاتصال الثابت. يتحرك الزر اللاصق مع المستخدم أثناء قيامه بالتمرير وتصفح موقعك بينما يظل الزر الثابت ثابتًا.

# تكوين زر الاتصال الثابت

أولاً ، قم بالتبديل إلى حالة زر الاتصال الآن لتنشيط ميزة زر الاتصال الثابت في موقع الويب الخاص بك. ستجد أربعة إعدادات قياسية أثناء إنشاء زر الاتصال الثابت. املأ المعلومات وفقًا لذلك:

• نص زر الاتصال - اكتب ما سيعرضه رقم هاتفك على موقعك. يمكنك أيضًا إضافة رمز البلد الخاص بك.
• وضع الزر - تكوين كيفية ظهور الزر على موقع الويب الخاص بك.
• لون زر الاتصال - حدد لونًا لزر الاتصال.
• الرؤية - إخفاء زر الاتصال في صفحات معينة.

إذا كنت تريد إظهار زر الاتصال على الأجهزة المحمولة ، وليس على سطح المكتب ، فيمكنك التبديل إلى زر الاتصال للأجهزة المحمولة فقط. احفظ التغيير في النهاية.

الآن ، يظهر زر الاتصال على موقعك يتحرك مع التمرير.

#Configuring زر الاتصال الثابت

إذا كنت تعمل على محرر WordPress الكلاسيكي ، فأنت بحاجة إلى تكوين زر الاتصال الثابت.

• انتقل إلى علامة التبويب Static Call Button في الأعلى.
• الآن ، أدخل نص زر الاتصال وحدد لون زر الاتصال
• يؤدي القيام بذلك إلى إنشاء رمز قصير في النهاية. تحتاج إلى نسخه.

الآن ، الصق الرمز المختصر في صفحتك / منشورك حيث تريد إضافة زر الاتصال. نوصي بلصقه على صفحة الاتصال الخاصة بك. يكون زر الاتصال الثابت أكثر منطقية هناك.

سيبدو شيئا من هذا القبيل:

يمكنك أيضًا نشر زر الاتصال الخاص بك باستخدام محرر الحظر على النحو التالي:

• انقر فوق أيقونة الإضافة في محرر الكتلة الخاص بك.
• حدد خيار WP Call Button .

• يمكنك ضبط لون زر الاتصال وحجم الخط والموضع والمزيد على الجانب الأيمن.

إضافة زر الاتصال إلى القطعة

يمكنك أيضًا إضافة زر الاتصال إلى الأدوات مثل الشريط الجانبي والتذييل والرأس وأماكن أخرى. هنا هو كيف:

• انتقل إلى المظهر> الحاجيات على لوحة القيادة الخاصة بك.

• قم بالتمرير إلى أداة WP Call Button .
• اسحبه إلى التذييل أو الرأس أو الشريط الجانبي أو مناطق عناصر واجهة المستخدم الأخرى حيث تريد إضافة زر الاتصال.

• يمكنك أيضًا النقر فوقه وتحديد المكان الذي تريد إضافة الأداة إليه.

• انقر فوق الزر " تحرير " لضبط العنوان والوصف واللون وغير ذلك.

لذلك ، هذه هي الطريقة التي تنشئ بها زر النقر للنقر باستخدام المكون الإضافي WP Call Button . إنها الطريقة الأسهل والأكثر ملاءمة لإضافة زر اتصال على موقع WordPress الخاص بك. إنها أداة مجانية وتتكامل أيضًا مع Google Analytics.

الطريقة 2: إضافة ارتباط Click-to-Call باستخدام HTML

يمكنك أيضًا إضافة ارتباط انقر للاتصال يدويًا باستخدام مقتطف HTML. تستخدم هذه الطريقة مقتطف رمز HTML بسيط لفتح روابط الهاتف على الهواتف المحمولة. في نظام التشغيل Windows 10 ، يفتح Skype ، بينما على Mac ، يفتح Facetime.

يمكنك إضافة رابط زر الاتصال بـ HTML على النحو التالي:

• أولاً ، افتح المنشور أو الصفحة حيث تريد إضافة رقم هاتف عملك برمز بلدك.
• أضف كتلة HTML.

الآن ، أضف مقتطف الشفرة التالي في كتلة HTML هذه:

 <!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked --> <a href="tel:+15555551212">+1 (555) 555-1212</a> <a href="tel:15555551212">Call Me</a>

• أخيرًا ، قم بنشره لمشاهدته على موقع الويب الخاص بك.

يمكنك إضافة رمز أو صورة بجوار ارتباط النقر للاتصال. هنا هو كيف:

• انتقل إلى الوسائط> إضافة خيار جديد على لوحة القيادة الخاصة بك.

• قم بتحميل الرمز الخاص بك.

• الآن ، قم بتحرير الرمز بعد اكتمال التحميل.

• انسخ عنوان URL للملف من شاشة التحرير.

أخيرًا ، انتقل إلى المنشور / الصفحة حيث تريد إضافة رابط مكالمتك بأيقونة. أضف كتلة HTML كما كان من قبل والصق مقتطف الشفرة التالي:

 <a href="tel:+15555551212"><img src="paste-url-here" alt="Call us" /></a>

• لا تنس استبدال عنوان URL هنا بالعنوان الذي نسخته مسبقًا. ثم انشره.

الطريقة الثالثة: إضافة رابط Click-to-Call في رأس WordPress

يمكنك أيضًا اختيار إضافة رابط النقر للاتصال في رأس موقعك أو قائمة التنقل. بهذه الطريقة ، سيكون زر الاتصال هو أول ما يلاحظه زوار موقعك. لإضافة رابط الاتصال بهذه الطريقة ، اتبع الخطوات التالية:

• انتقل إلى خيار " المظهر"> "القوائم " في لوحة المعلومات.

• انقر فوق خيار Custom Link من العمود الأيمن.
• أدخل رقم هاتفك في عنوان URL بتنسيق "Tel: +144444444".
• في حقل نص الرابط ، أدخل التسمية التي تريد منحها لرابط مكالمتك.
• انقر فوق الزر " إضافة إلى القائمة ".

أسئلة مكررة

استنتاج

لذلك ، كانت هذه هي الطرق الثلاث السهلة لإنشاء رابط انقر للاتصال في WordPress. نوصي باستخدام البرنامج المساعد لأنه طريقة أسرع وأكثر أمانًا وملاءمة. سيجد أي مستخدم مستوى ذلك أسهل وملائم مقارنة بالطرق الأخرى. ومع ذلك ، فإن الطريقة اليدوية تعمل أيضًا بنفس الجودة. لكن عليك أن تعمل أكثر قليلاً مع الرموز هنا وهناك.

ما الطريقة التي وجدتها سهلة؟ اسمحوا لنا أن نعرف في التعليقات.