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

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

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

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

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

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

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

هذه الطريقة أسهل وموصى بها لجميع المستخدمين. يسمح لك بسهولة بإنشاء زر اتصل الآن في غوتنبرغ 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

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

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