كيفية إضافة زر دعوة إلى العمل في ووردبريس

نشرت: 2022-09-13

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

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

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

إذا كنت تستخدم Classic WordPress ، فستحتاج إلى استخدام منشئ Static Call Button . يمكنك إدخال الرمز المختصر في أي منشور أو صفحة على موقع الويب الخاص بك بعد ذلك. يتيح لك المكون الإضافي WP Call Button إضافة زر الاتصال إلى أي منطقة جاهزة لعناصر واجهة المستخدم في موقع WordPress الخاص بك ، بما في ذلك الشريط الجانبي. ستساعدك هذه المقالة في تعلم كيفية استخدام الأزرار في WordPress بسرعة. يحتوي MonsterInsights على تتبع أحداث مدمج للروابط التابعة والروابط الصادرة والأحداث المخصصة. يمكن العثور على مزيد من المعلومات هنا حول مقاييس التسويق المهمة التي يجب تتبعها في WordPress. إذا كنت ترغب في معرفة المزيد حول دروس فيديو WordPress ، فيرجى الاشتراك في قناتنا على YouTube.

كيفية إضافة زر الحث على اتخاذ إجراء على موقع الويب

الائتمان: Knowledge.knorish.com

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

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

لدينا الآن رابط لموقعنا في الكود أدناه. للاتصال بالشركة ، سيتم إجراء مكالمة هاتفية على الرقم 123-456-7890.

زر دعوة للعمل في ووردبريس في الرأس

الائتمان: يوتيوب

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

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

كيفية إضافة زر دعوة للعمل إلى موقع WordPress الخاص بك

ستوجهك الخطوات أدناه خلال عملية إضافة زر الحث على اتخاذ إجراء إلى موقع WordPress الخاص بك. يمكن العثور على WP Call Button في قسم Plugins في لوحة معلومات WordPress الخاصة بك. حدد الإعدادات من القائمة ثم اختر رقم هاتفك من القائمة المنسدلة زر الاتصال الآن. لن تتم مطالبتك بعد الآن بإدخال أي معلومات إضافية بمجرد النقر فوق "حفظ". يمكن استخدام المكون الإضافي WP Call Button عن طريق إدخال الرمز القصير أدناه ثم لصقه في منشورك أو صفحتك حيث تريد ظهور زر الحث على اتخاذ إجراء. اتصل بـ [WPCallbutton call_button] * br = 1/555 / [Call button_button_text] * br = 12 [/ Call button_text ] //. مطلوب إضافة WP Sidebar Widget إذا كنت تريد استخدام زر الحث على اتخاذ إجراء على الشريط الجانبي لـ WordPress. يمكنك إضافة رمز قصير جديد بعد تثبيت المكون الإضافي WP Sidebar Widget عن طريق النقر فوق الزر Add New في النافذة الرئيسية للمكون الإضافي. WP sidebar_clickedPress button_text

عائم دعوة إلى العمل زر البرنامج المساعد وورد

هناك العديد من المكونات الإضافية الرائعة لبرنامج WordPress والتي يمكن أن تساعدك في إضافة زر الحث على اتخاذ إجراء إلى موقع الويب الخاص بك. ومع ذلك ، إذا كنت تبحث عن مكون إضافي يسمح لك بإضافة زر دعوة إلى اتخاذ إجراء عائم ، فعليك التحقق من المكوّن الإضافي WordPress المسمى "زر Call to Action العائم". هذا البرنامج المساعد سهل الاستخدام للغاية ويوفر لك مجموعة متنوعة من الخيارات لتخصيص الزر الخاص بك. بالإضافة إلى ذلك ، فإن البرنامج المساعد مجاني تمامًا للاستخدام.

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

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

زر WordPress

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

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

كيف يمكنني إظهار الأزرار في WordPress؟

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

كيفية تغيير ألوان الزر والنص في WordPress

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

أزرار Cta الفعالة

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

زر الحث على اتخاذ إجراء (زر CTA) هو زر موجود على موقع ويب يمنح المستخدمين إرشادات حول كيفية اتخاذ إجراء. تُستخدم الصفحات المقصودة بشكل متكرر مع رسائل الحث على اتخاذ إجراء (CTA) لتشجيع المستخدمين على التحويل وزيادة نسبة النقر إلى الظهور لموقعهم على الويب. تقدم الصفحة الرئيسية لـ IKEA تصميم CTA لمعرفة المزيد وعرض جميع الخدمات. يتم توجيه الزوار الذين ينقرون على CTA إلى الصفحة أو الخطوة التالية في عملية التحويل. من إضافة العناصر إلى الخروج لتحميل العربة ، يستخدم Yankee Candle نفس تصميم CTA في جميع صفحات الخروج الخاصة به. يكمن سر تصميم أزرار الحث على اتخاذ إجراء الأكثر فاعلية في التمسك بالأساسيات. ستساعدك أفضل الممارسات الـ 19 هذه في تطوير أزرار الحث على الشراء الفعالة.

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

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

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

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

يمكن اختبار عنصر واحد في كل مرة من أجل تحسين تصميم الزر الخاص بك حسب الحاجة. من المؤكد أن معدل التحويل الخاص بك يتحسن أو ينقص نتيجة للتغييرات التي تم إجراؤها بعد الاختبار. يكشف اختبار A / B أن 50٪ من زوار موقعك على الويب سيرون تصميمك الأصلي وأن 50٪ سيشاهدون متغيرًا. ستقارن معدلات التحويل لمتغيرك والأصل في هذا القسم. من المتوقع أن يتفوق المتغير على النسخة الأصلية لتقديم دليل على فرضيتك.