هل ترغب في إضافة زر “اتصل الآن” في ووردبريس؟ مع زيادة عدد الأشخاص الذين يزورون موقع الويب الخاص بك باستخدام هواتفهم الذكية، فإن إضافة زر “اضغط للاتصال” يجعل من السهل عليهم الاتصال بك.

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

لماذا إضافة زر اتصل الآن في ووردبريس

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

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

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

ومع ذلك، دعنا نلقي نظرة على كيفية اضافة زر اتصل الآن بسهولة في ووردبريس.

الطريقة الأولى: إضافة زر “اتصل الآن” في ووردبريس باستخدام المكون الإضافي

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

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

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

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

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

بمجرد الانتهاء من ذلك، انقر فوق “تنشيط التبديل” في الجزء العلوي ثم انقر فوق الزر “حفظ التغييرات” لتخزين إعداداتك.

بعد ذلك، يمكنك زيارة موقع الويب الخاص بك لرؤية زر الاتصال قيد التنفيذ.

اضافة زر اتصل الأن إلى صفحات موقعك

إذا كنت ترغب في اضافة زر اتصال ثابت في صفحة اتصال ووردبريس الخاصة بك، أو صفحة من نحن، أو أي مقال / صفحة أخرى، فسيكون لديك خياران.

إذا كنت تستخدم محرر جوتنبرج الحديث، فما عليك سوى إنشاء صفحة موجودة أو تحريرها. بعد ذلك، تحتاج إلى إضافة كتلة WP Call Button بالضغط على الرمز “+”.

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

الآن، إذا كنت تستخدم محرر ووردبريس الكلاسيكي، فأنت بحاجة إلى استخدام مولد ثابت لـ Call Button للحصول على كود مختصر.

ما عليك سوى الانتقال إلى الإعدادات » WP Call Button وانقر على قائمة Static Call Button في الجزء العلوي.

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

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

تتيح لك هذه القطعة إضافة عنوان ووصف القطعة. يمكنك النقر فوق ارتباط الإعدادات المتقدمة لتخصيص نص زر الاتصال.

بعد متابعة هذا، يمكنك على الأرجح معرفة السبب في أن WP Call Button هو الأسهل والأكثر شمولاً بين الاضافات فى السوق للنقر على ووردبريس للاتصال بنا. أفضل جزء هو أنه مجاني بنسبة 100 ٪، ولديه تكامل سلس مع جوجل أناليتكس.

كل ما عليك فعله هو استخدام اضافة MonsterInsights، وسوف تقوم تلقائيًا بتتبع عدد الأشخاص الذين ينقرون على زر الاتصال الخاص بك والصفحات التي تحصل على أكبر عدد من العملاء المحتملين فيها، حتى تتمكن من التركيز على ما يعمل على تنمية أعمالك بشكل أسرع!

الطريقة 2. إضافة “زر اتصل الآن” يدويًا في ووردبريس

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

أسهل طريقة لإضافة رقم هاتف قابل للنقر إلى موقع الويب الخاص بك هي عن طريق إضافتها مثل هذا:

<! - سيعمل هذا الرابط على Android و iPhone. سيكون مرئيًا لمستخدمي سطح المكتب ولكن سينتج عنه خطأ عند النقر ->
 
<a href="tel:+121212121212"> +1 (1212) 121-1212 </a>
  
<a href="tel:12121212121"> اتصل بي </a>

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

دعونا نلقي نظرة على كيفية القيام بذلك.

أولاً، تحتاج إلى زيارة الوسائط » إضافة صفحة جديدة وتحميل الصورة التي تريد استخدامها. بعد تحميل الصورة، تحتاج إلى النقر على رابط “تحرير” للمتابعة.

سينقلك هذا إلى تعديل شاشة الوسائط حيث تحتاج إلى نسخ عنوان URL للملف. سوف تحتاجها في الخطوة التالية.

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

<a href="tel:+12121212121"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="اتصل بنا" /></a> 

بمجرد الانتهاء من ذلك، يمكنك زيارة موقع الويب الخاص بك للاطلاع على رابط النقر للاتصال بالصورة التي قمت بتحميلها.

يمكنك تخصيص هذا عن طريق إضافة المزيد من النص قبل أو بعد الارتباط، واستخدام CSS المخصص لتصميمه.

إضافة ارتباط النقر للاتصال بقوائم التنقل في ووردبريس

يمكنك أيضًا إضافة رابط النقر للاتصال إلى قائمة التنقل في ووردبريس. ما عليك سوى الانتقال إلى صفحة “مظهر” والقوائم وانقر على علامة تبويب الروابط المخصصة من العمود الأيمن. يمكنك الآن إضافة رقم الهاتف في حقل الارتباط بالتنسيق التالي: الهاتف: +12121212121

بعد ذلك، أضف النص الذي تريد عرضه، ثم انقر فوق الزر “إضف للقائمة”.

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