30+ قوالب قسم العناصر المجانية التي يمكنك استيرادها في دقائق (2026)

هذه مكتبة تحتوي على 30+ قوالب أقسام Elementor مجانية تغطي الأقسام العشرة التي يحتاجها كل موقع ويب تقريبًا: الميزات، والإحصائيات، والشهادات، والأسعار، والفريق، والأسئلة الشائعة، ونطاقات الاتصال إلى الإجراء، ونماذج الاتصال، وشرائط الشعار. يتم تنزيل كل ملف كملف JSON صغير، ويتم استيراده من خلال Master Addons Widget Builder، ويتم وضعه في لوحة Elementor الخاصة بك كأداة حيث يكون كل عنوان وزر وصورة ولون عبارة عن حقل مُسمى. لا توجد تخطيطات مجمدة، ولا يمكنك البحث في الحاويات المتداخلة لتغيير السعر.

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

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

جميع الـ 30+ موجودة أدناه، مجمعة حسب نوع القسم، ولكل منها لقطة شاشة وتنزيل مباشر. احصل على ما تحتاجه أو اقرأ استيراد تجول أولاً.

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

عشرين تصميما في المجموع. ثمانية استيراد على البرنامج الإضافي المجاني، مثل كل شيء في هذه الصفحة؛ الاثني عشر الآخرون يحتاجون إلى Pro. المسار متطابق في كلتا الحالتين، حيث يقوم emb بإسقاط JSON في Widget Builder ويهبط التصميم في اللوحة الخاصة بك كأداة تملأها.

ماذا يوجد في العبوة

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

كيفية استيراد قوالب قسم العنصر هذه

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

1. تحميل وفك الضغط. يحمل كل سحاب عنصر واجهة المستخدم JSON، وصورة معاينة، و(حيث يستخدم التصميم عملاً فنيًا) الصور التجريبية بالإضافة إلى تعيين README لكل واحدة في حقلها.
2. استيراد JSON. مسؤول WordPress → الإضافات الرئيسية → منشئ عناصر واجهة المستخدم → استيراد عنصر واجهة المستخدم. تحميل ال widget-*.json ملف. ال منشئ القطعة السفن مع Master Addons Pro؛ تنزيلات JSON نفسها مجانية.
3. أسقطه على الصفحة. افتح Elementor، وابحث في اسم الأداة، واسحبها للداخل. يتم عرضه مع المحتوى التجريبي الكامل الذي تراه في لقطات الشاشة.
4. اجعلها لك. كل نص عبارة عن حقل، وكل زر به عنصر تحكم في الارتباط، وكل لون أساسي هو منتقي في علامة التبويب "النمط". تحتوي القوالب التي تستخدم الصور على فتحات صور فارغة؛ قم بتحميل الفن التجريبي الخاص بك أو المجمع.

صورة فردية واحدة للصور التجريبية: إنها ملفات SVG، ويقوم WordPress بحظر تحميلات SVG خارج الصندوق. إما تحويلها إلى PNG/WebP قبل تحميل البرنامج الإضافي لتمكين SVG أو تثبيته. تعمل الأدوات على تحسين الأداء بدون صور أيضًا، حيث تخفي فتحات الصور نفسها حتى تملأها.

لماذا هذه عناصر واجهة مستخدم وليست قوالب صفحات

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

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

• مكررات للأشياء المتكررة. خطط التسعير، وعناصر الأسئلة الشائعة، والشهادات، وأعضاء الفريق، والشعارات امسح جميع حقول المكرر. أضف خطة رابعة أو أسئلة وأجوبة عاشرة وسيقوم التخطيط والرسوم المتحركة المترنح والترقيم بضبط نفسها. يقوم قالب علامات تبويب الأسئلة الشائعة بإعادة بناء علامات تبويب الفئات الخاصة به من أي فئات تكتبها.
• أربعة إلى ستة ألوان أساسية تعيد تصميم القسم بأكمله. الصبغات والحدود والتوهج والظلال الثانوية مستمدة من ملتقطي القاعدة باستخدام CSS color-mix(). قم بتغيير “Accent” مرة واحدة وتتبع النقاط النقطية وتسطير الارتباط وحلقات التركيز وحالات التحويم.
• الرسوم المتحركة سفينة في الداخل. عدادات العد، ودوامة الشهادة، وتبديل الفواتير، وفيزياء الأكورديون، وشعار الشاشة الاسمية: جميع ملفات JavaScript ذات النطاق الذي يحترم prefers-reduced-motion ولن يحارب عناصر واجهة المستخدم الأخرى الموجودة على الصفحة. عبر الحزمة التي تحتوي على 698 عنصر تحكم مسمى يقوم بعمل كنت ستفعله بطريقة أخرى في CSS المخصص.
• نسخة حقيقية، وليس لوريم إيبسوم. يتم استيراد كل قالب بمحتوى العلامة التجارية الخيالية من لقطة الشاشة الخاصة به، لذلك تقوم بتحرير الجمل، ولا تحدق في حساء العنصر النائب.

قوالب قسم الميزات والخدمات

العمود الفقري لأي صفحة مقصودة. أربعة أنماط، لأن “features” تعني شيئًا مختلفًا لشبكة SaaS مقارنةً بشرح عملية تركيب الطاقة الشمسية.

1. شبكة بطاقة الأيقونات

شبكة داكنة مكونة من ثلاثة أعمدة مكونة من ستة بطاقات مميزة، مبنية حول توهج متابعة المؤشر: حرك الماوس الخاص بك وسيتبعه ضوء شعاعي ناعم عبر البطاقات. البطاقات عبارة عن مكرر: أيقونة (لصق أي SVG)، وعنوان، ونص، ورابط سهم اختياري لكل بطاقة. ست بطاقات من التحليلات الخيالية SaaS تأتي مملوءة مسبقًا، والمدخل المتدرج يحرك أي عدد من البطاقات التي ينتهي بك الأمر بها.

قم بتنزيل قالب شبكة بطاقة الأيقونة (.zip)

2. صفوف الصور المتناوبة

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

قم بتنزيل قالب الصفوف المتناوبة (.zip)

3. قائمة العمليات المرقمة

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

قم بتنزيل قالب العملية المرقمة (.zip)

4. بطاقات عرض الصور

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

قم بتنزيل قالب بطاقات عرض الصور (.zip)

من نحن قوالب الأقسام

ثلاثة تخطيطات لـ “من أنت ولماذا يجب أن أهتم بقسم الانتشار. اختر بما لديك: صورة جيدة، أو رقم جيد، أو مهمة جيدة.

5. الصورة المتبقية مع القصة

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

قم بتنزيل قالب القصة اليسرى للصورة (.zip)

6. الصورة اليمنى مع شارة عائمة

تخطيط المرآة: نص يسار، صورة يمين، مع شارة “ عائمة لمدة 27 عامًا يتم احتسابها عند تمريرها للعرض. قائمة التحقق من بيانات الاعتماد عبارة عن مكرر، والشارة قابلة للتبديل، وكلا سطري الشارة قابلان للتحرير. استخدمه لسنوات في العمل، أو المشاريع التي يتم شحنها، مهما كان أفضل رقم لديك.

قم بتنزيل قالب شارة الصورة اليمنى (.zip)

7. المهمة والقيم

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

قم بتنزيل قالب المهمة والقيم (.zip)

الإحصائيات وقوالب النطاق المضاد

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

8. نطاق إحصائيات الضوء

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

قم بتنزيل قالب نطاق إحصائيات الضوء (.zip)

9. فرقة الإحصائيات المظلمة

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

قم بتنزيل قالب نطاق الإحصائيات المظلمة (.zip)

قوالب قسم الشهادة

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

10. دائري الشهادة

شريط التمرير المناسب: أزرار الأسهم، والنقاط القابلة للنقر، والتنقل في لوحة المفاتيح، والارتفاع التلقائي حتى لا تترك علامات الاقتباس القصيرة بطاقة فارغة طويلة. الشرائح عبارة عن مكرر (اقتباس، اسم، دور، صورة رمزية)، ونقاط، وتعيد تسميات “N لإجمالي نطاق الانتشار بناء نفسها من أي عدد تضيفه. يتم شحن أربع صور رمزية تجريبية في الرمز البريدي.

قم بتنزيل قالب دائري الشهادة (.zip)

11. شبكة البناء

ست بطاقات في بناء أعمدة CSS مع كشف متدرج. يأخذ كل صف مكرر عرض أسعار (بالإضافة إلى فقرة ثانية اختيارية للبطاقات الطويلة)، وتقييم 1 arm5 نجوم، والأحرف الأولى من دائرة الصورة الرمزية، وتبديل “featured” الذي يمنح البطاقة معالجة اللكنة. يتم عرض النجوم من قيمة التصنيف، لذا تظهر مراجعة 4 نجوم أربعة نجوم مملوءة، وليس كل ما تم ترميزه.

قم بتنزيل قالب شبكة البناء (.zip)

12. اقتباس كبير واحد

اقتباس واحد، نوع رقيق ضخم، تم الكشف عنه سطرًا تلو الآخر مع رسوم متحركة مقنعة. قمت بلصق الاقتباس كفقرة واحدة؛ يقوم JavaScript بتقسيمه إلى خطوط متوازنة وضرب الكشف، لذلك يتم تحريك الاقتباس المكون من 15 كلمة والاقتباس المكون من 40 كلمة بشكل صحيح. شريط تعريفي صغير أسفله (الغرف، التقييم، السنة) عبارة عن مكرر يمكنك إفراغه بالكامل.

قم بتنزيل قالب الاقتباس الفردي (.zip)

13. بطاقات التقييم مع ملخص

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

قم بتنزيل قالب بطاقات التصنيف (.zip)

قوالب قسم جدول التسعير

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

14. كلاسيكي من ثلاث طبقات

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

قم بتنزيل قالب التسعير ثلاثي المستويات (.zip)

15. الخطة المميزة

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

قم بتنزيل قالب الخطة المميزة (.zip)

16. قائمة ميزات المقارنة

مصفوفة ميزات حقيقية: ثلاثة أعمدة مخطط، وصفوف ميزات بقيم نعم/لا/مخصصة (“5 users”، “Unlimited”)، وكتلة قابلة للتوسيع تكشف عن ستة صفوف أخرى مع رسوم متحركة ذات ارتفاع سلس. يكتب yes أو no في الخلية ويتم عرضه كشيك أو تقاطع؛ اكتب أي شيء آخر ويتم طباعته كنص. الخطة التي تحصل على “أفضل قيمة لتسليط الضوء على عمود” هي القائمة المنسدلة. عند 38 عنصر تحكم، يكون هذا هو القالب الأعمق في الحزمة.

قم بتنزيل قالب قائمة المقارنة (.zip)

17. التبديل الشهري/السنوي

معيار SaaS. يقوم مفتاح يمكن الوصول إليه بقلب كل بطاقة بين الأسعار الشهرية والسنوية مع القليل من الرسوم المتحركة لقلب السعر؛ تحمل كل خطة كلا السعرين بالإضافة إلى ملاحظات “ التي تم إصدار فاتورة بها على أنها” في صف المكرر الخاص بها. نص شارة “Save 20%” عبارة عن حقل 208 قم بتغيير الرياضيات وتغيير الشارة.

قم بتنزيل قالب تبديل الفواتير (.zip)

قوالب قسم الفريق

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

18. شبكة بطاقات الصور

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

قم بتنزيل قالب شبكة بطاقة الفريق (.zip)

19. السيرة الذاتية للكشف عن التحويم

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

قم بتنزيل القالب الحيوي للتمرير (.zip)

20. منزلق الفريق

عضو واحد في كل مرة: صورة كبيرة، وعلامة دور، وسيرة ذاتية أكمل، وعداد “01/05” الذي يتم إعادة بنائه من عدد الأعضاء الفعلي، مثل النقاط. تعمل مفاتيح الأسهم. جيد للفرق الصغيرة حيث يستحق كل شخص أكثر من مجرد بطاقة عمل.

قم بتنزيل قالب شريط تمرير الفريق (.zip)

قوالب قسم الأسئلة الشائعة

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

21. الأكورديون

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

قم بتنزيل قالب الأكورديون للأسئلة الشائعة (.zip)

22. الأسئلة والأجوبة ذات العمودين

لا يوجد نقر. تظل جميع الإجابات الستة مرئية في شبكة مرقمة مكونة من عمودين مع كشفات متداخلة. الترقيم 01 ster06 هو عدادات CSS، لذا يتم إعادة ترقيم العناصر نفسها عند إضافة سبعة. أفضل من الأكورديون عندما تكون إجاباتك قصيرة وتفضل أن يقرأها الزوار بالفعل.

قم بتنزيل قالب الأسئلة الشائعة المكون من عمودين (.zip)

23. علامات تبويب الفئة

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

قم بتنزيل قالب علامات تبويب الفئة (.zip)

24. الأسئلة الشائعة مع بطاقة الدعم

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

قم بتنزيل قالب تقسيم دعم الأسئلة الشائعة (.zip)

قوالب نطاق الاتصال إلى الإجراء

آخر شيء يراه الزوار قبل التذييل. ثلاثة مستويات للطاقة: الصوت العالي، الذي يقوده المنتج، والهادئ.

25. التدرج الجريء

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

قم بتنزيل قالب CTA المتدرج الغامق (.zip)

26. انقسم مع صورة المنتج

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

قم بتنزيل قالب CTA للصورة المقسمة (.zip)

27. الحد الأدنى من المركز

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

قم بتنزيل قالب CTA المتمركز بالحد الأدنى (.zip)

قوالب قسم نموذج الاتصال

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

28. نموذج يحتوي على معلومات الاتصال

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

قم بتنزيل قالب تقسيم معلومات النموذج (.zip)

29. النموذج مع الخريطة

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

قم بتنزيل قالب خريطة النموذج (.zip)

30. بطاقة مركزية

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

قم بتنزيل قالب البطاقة المركزية (.zip)

قوالب شريط الشعار

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

31. شبكة تدرج رمادي ثابتة

ثمانية شعارات في الشبكة، تدرج رمادي حتى يتم التحليق، مع إحصائيات العد التنازلي أسفلها (تقرير“Powering لـ 1400+ فريق”). الأعمدة عبارة عن شريط تمرير، وصف الإحصائيات قابل للتبديل، ويعمل التمرير من تدرج رمادي إلى لون على أي شعارات PNG أو SVG تقوم بتحميلها.

قم بتنزيل قالب شبكة الشعار الثابت (.zip)

32. شاشة التمرير

سرادق لا نهائي مع تلاشي الحافة يتوقف مؤقتًا عند التحليق ويتوقف للزوار ذوي الحركة المنخفضة. يمكنك إضافة كل شعار مرة واحدة؛ تتم معالجة استنساخ الحلقة السلسة في JavaScript. سرعة التمرير عبارة عن شريط تمرير؛ يقوم العرض التوضيحي بتشغيل حلقة مدتها 28 ثانية، والتي تبدو واثقة وليست محمومة.

قم بتنزيل قالب شاشة التمرير (.zip)

ما هي الأقسام التي تحتاجها الصفحة المقصودة بالفعل؟

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

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

الأسئلة المتداولة