تصميم CTA - التفاصيل الصغيرة التي تحدث فرقًا كبيرًا

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

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

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

تصميم CTA - إذن ، لماذا يهم؟

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

1. CTA تجعل هدف إعلانك واضحًا

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

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

2. مساعدة العملاء على اتخاذ القرارات

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

3. ساعد في تحسين التحويلات

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

لنأخذ مثالاً لفهم هذا بشكل أفضل. يظهر شريط التمرير أدناه على موقع Apple.

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

هذا مثال على الطريقة الأكثر مباشرة لتحقيق التحويل هو إضافة CTA واضحة ومفهومة.

بعد إثبات حقيقة أن CTAs مهمة في التصميم ، دعنا نتحدث الآن عن بعض نصائح تصميم CTA.

تصميم الحث على الشراء: نصائح لجعلها تستحق النقر عليها

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

1. تعديل بسيط لنسختك يقطع شوطًا طويلاً

يجب أن تعلم أن 90٪ من المستخدمين الذين قرأوا العنوان الرئيسي في الإعلان أو صفحة الويب قرأوا أيضًا نسخة CTA. لذا ، نعم ، النسخة مهمة.

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

من المقدر أن تؤدي عبارات CTA المخصصة أداءً أفضل بنسبة 202٪ من عبارات CTA البسيطة. لذا ، اقض وقتًا كافيًا في النسخ. حدد أفضل الكلمات التي تبدو أكثر إقناعًا والأكثر صلة بالسياق.

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

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

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

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

2. اجعل الحث على الشراء يبدو وكأنه زر

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

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

3. اختر اللون المناسب للحث على اتخاذ إجراء

هل تعلم أن مجرد تغيير لون تصميم CTA الخاص بك يمكن أن يغير بشكل كبير مظهر وفعالية CTA؟ في الواقع ، لاحظت SAP أن زر CTA البرتقالي زاد التحويل بنسبة 32.5٪.

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

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

في المثال أعلاه ، تبرز CTA الحمراء من الخلفية ذات اللون الداكن. لذلك ، لا يوجد خطر من عدم ملاحظة المستخدمين لـ CTA.

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

4. كن حذرًا بشأن عتامة تصميم CTA

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

هل تريد إنشاء مثل هذه اللافتات الجذابة لحملاتك الرقمية؟ تواصل مع فريق Kimp اليوم.

5. استخدم المساحة السلبية لصالحك

يمكن أن تؤدي إضافة مسافة سلبية حول CTA إلى زيادة التحويل بحوالي 230٪. ذلك لأن الاستخدام الفعال للمساحة السلبية يزيل كل الفوضى حول CTA ويوجه الانتباه نحوها.

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

6. لا تضيف الكثير من عبارات الحث على اتخاذ إجراء

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

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

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

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

7. ولكن عندما تكون هناك اتجاهات متعددة ، حافظ على الاتساق

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

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

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

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

• شكل ولون زر الحث على الشراء
• الخطوط المستخدمة في نسخة CTA
• محاذاة نسخة CTA داخل الزر
• اتجاه أزرار الحث على الشراء

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

قم بإنشاء تصميمات CTA جديرة بالنقر مع Kimp

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