30+ قوالب دعوة إلى العمل للتحميل

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

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

ملحوظة المحرر: نُشر هذا المنشور في الأصل في أغسطس 2014 وتم تحديثه في مارس 2018 على أساس محتوى جديد من قِبل Ashutosh KS.

أزرار في HTML / CSS / JS

يتوهم زر Floaty

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

روبي موشن CTA- زر

RubyMotion CTA-button هو زر دعوة إلى العمل جميل وجذاب ، بفضل لونه النابض بالحياة. انا احب ال الرسوم المتحركة على التحويم, التي تملأ الزر كله مع اللون.

نبض CTA

هذا القالب يظهر بسيط زر Call-to-Action مع خلفية نابضة. بفضل طبيعتها النابضة ، من الملحوظ أن تجذب انتباه كل زائر.

زر الوجه لأسفل دعوة إلى العمل

Button Flip-down Call to Action هي عبارة عن قالب بسيط لزر الاتصال من أجل إجراء يتم فتح الرسوم المتحركة التي تبدو وكأنها صندوق بريد. بسبب هذه الرسوم المتحركة ، أعجبني هذا الزر.

ستة أزرار مع تحوم الرسوم المتحركة

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

يوتيوب دعوة إلى العمل

إذا كنت ترغب في عرض مقطع فيديو أو رابط ترويجي كإجراء اتصال ، فإن YouTube Call to Action هو الخيار الأمثل. يعرض زر نظيف ومرئي يعرض معلومات إضافية عن التحويم, ويمكنك تخصيص ألوانه لتبرز مع تصميمك.

أزرار تصميم المواد المتحركة

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

زر التفاعل الجزئي

يُظهر زر التفاعل التفاعلي "Micro Interaction Button" تصميمًا رائعًا وتفاعليًا يظهر النص زر جنبا إلى جنب مع أيقونة. على الرغم من أن هذا القالب يعرض رمزًا في وضع التحويم ، إلا أنه يمكنك تخصيصه لإضافة أي محتوى آخر أيضًا.

قوي CTA زر الرسوم المتحركة

تُظهر الرسوم المتحركة القوية لأزرار CTA أزرارًا متعددة بألوان مختلفة. أنا أحب أزرارها 'عادي و تصميم بسيط مع تأثير الانتقال على خلفيتها اللون.

CTA السائدة

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

دعوة إلى تجربة العمل

Call to Action Experiment هي مجموعة أزرار تفاعلية أخرى مثل Micro Interaction Button. هذا يظهر النص في الوضع العادي ويظهر أيقونة في وضع التحويم. كما هو الحال مع الزر الآخر ، يمكنك أيضًا تخصيصه لإظهار أي محتوى لتحسين التفاعل.

أزرار في فوتوشوب PSD

عدة أزرار الويب 2.0

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

دعوة إلى العمل زر

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

دعوة إلى أزرار العمل

مجموعة من ثلاثة ألوان ، أزرار Call To Action تعرض زر التنزيل في ثلاثة ألوان مختلفة ووضعين - عادي والضغط (النقر). يمكنك أيضًا تعديل الزر لإظهار إجراء منفصل مع الحفاظ على تصميم الزر.

زر أخضر كبير (PSD)

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

دعوة مجانية لأزرار العمل

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

مجموعة زر مصمم الويب

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

دعوة إلى العمل Butttons

Call to Action Butttons عبارة عن قالب بسيط يُظهر عدة أزرار لها أشكال مختلفة وخلفية متدرجة بألوان متنوعة. مجموعة العروض العديد من أحجام الزر وتشمل الرموز كذلك ، بعد الاتجاه الحالي لأزرار النص نائب الرئيس.

Call To Action Button PSD

Call To Action Button PSD عبارة عن قالب يظهر اثنين من أزرار مجتمعة لإنشاء أزرار مجموعة قابلة للتنفيذ. يشتمل القالب على أيقونة نص نص في الزر ويعرض مجموعة أزرار ذات حدود دائرية وحالتين أو أوضاع - عادية ونقرت.

دعوة إلى العمل أزرار PSD الملف

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

تحميل + تحميل أزرار PSD

تحميل + تحميل أزرار يعرض PSD ثلاث مجموعات من الأزرار في اثنين من الألوان والتصاميم. على الرغم من أن القالب يعرض أزرار التحميل والتنزيل ، إلا أنه يمكنك تعديله لتلبية متطلباتك. أيضا ، فإنه يعرض الأزرار في الدول التي تحوم وغير تحوم.

أزرار CTA

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

تعلم المزيد من الأزرار

معرفة المزيد الأزرار يعرض تعلم المزيد الزر هو ثلاثة أنماط مختلفة - عادي ، تحوم ، ونشطة / النقر. تحتوي هذه الأزرار على نص (“أعرف أكثر”) ورمز ، ولكن يمكنك تغيير محتواها بما يتناسب مع متطلبات علامتك التجارية أو الموقع ، بالطبع.

مجموعة زر الحرة

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