Accordion Slider Widget for your website

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

كيفية إنشاء عنصر واجهة Accordion Slider

Build your panels

إنشاء اللوحات

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

Choose interaction and layout

اختيار التفاعل والتخطيط

حدد اللوحة الكاملة أولًا، وطريقة التفعيل عند تمرير المؤشر أو النقر، ونمط الانتقال، وتوقيت التشغيل التلقائي، والاتجاه، ومحاذاة النص، والعرض، والأجهزة التي تظهر عليها الأداة.

Style and publish

التنسيق والنشر

اختر النمط المحدد مسبقًا أو الألوان المخصصة، وطبّق نصف قطر موحدًا للحواف وخطًا موحدًا، وتحكّم في العلامة التجارية، وأضف CSS مخصصًا ضمن نطاق محدد قبل النشر.

اعرض المزيد من المحتوى المرئي ضمن مساحة تفاعلية مدمجة

توفير المساحة

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

Save Space

ابراز المحتوى

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

Highlight Content

سهل التخصيص

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

Easy to Customize

تصميم متجاوب

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

Responsive Design

How to embed your Accordion Slider into WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

لماذا تتميز أدوات Jotform لمواقع الويب؟

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

تضمين الأدوات دون الحاجة إلى كتابة أكواد برمجية

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

أنشئ صفحات أكثر تفاعلية

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

احصل على الدعم وقتما تحتاج إليه

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

أماكن استخدام أداة شرائح الأكورديون

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

صفحات المحفظة ودراسات الحالة لعرض مشاريع متعددة في مساحة بصرية واحدة مدمجة.

صفحات المنتجات والمجموعات لعرض الميزات وحالات الاستخدام والحزم أو أبرز العناصر في كل فئة.

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

صفحات السفر وأماكن الإقامة والمطاعم لعرض الوجهات والغرف وأقسام قوائم الطعام أو التجارب.

صفحات الوكالات والخدمات لتوضيح القدرات مع الحفاظ على عرض الصور.

البوابات الداخلية ومراكز المعرفة لتنظيم التحديثات المرئية المتكررة دون الحاجة إلى عرض متتابع كامل.

حوّل العملاء المحتملين إلى مبيعات حقيقية باستخدام منشئ النماذج من Jotform

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

ابدأ - إنه مجاني!
Convert leads into customers

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

  • ما هي أداة شرائح الأكورديون؟

    تعرض أداة شرائح الأكورديون عدة لوحات للوسائط ضمن إطار واحد. ويمكن للزوار توسيع أي لوحة لعرض الصورة أو الفيديو والنص والإجراء المرتبط بها.

  • هل يمكنني استخدام الصور ومقاطع الفيديو؟

  • هل يمكن للزوار فتح اللوحات عند تمرير المؤشر؟

  • هل يمكن تشغيل الأكورديون تلقائيًا؟

  • هل يمكنني اختيار التنسيق الأفقي أو الرأسي؟

  • هل يمكنني التحكم في اللوحة التي تُفتح أولًا؟

  • هل يمكنني تكرار لوحة مع الوسائط الخاصة بها؟

  • هل أحتاج إلى كتابة أكواد؟