أداة النقاط التفاعلية للصور لموقع الويب الخاص بك

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

كيفية إنشاء عنصر واجهة Image Hotspot

Upload your image

ارفع صورتك

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

Place and edit hotspots

ضع النقاط التفاعلية وعدّلها

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

Style and embed it

نسّقها وضمّنها

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

اجعل الصور الثابتة تفاعلية دون كود مخصص

ضع العلامات بشكل مرئي باستخدام إحداثيات متجاوبة

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

Place pins visually with responsive coordinates

امنح كل نقطة تفاعلية محتواها الخاص

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

Give every hotspot its own content

استخدم النقر أو التمرير مع الأوراق السفلية على الأجهزة المحمولة

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

Use click or hover with mobile bottom sheets

طابق العلامات والبطاقات مع موقعك الإلكتروني

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

Match markers and cards to your website

How to embed your Image Hotspot into WordPress

1احصل على كود التضمين الخاص بك

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

2افتح محرر الصفحة

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

3أضف كتلة Custom HTML

حدد Custom HTML والصق كود تضمين أداة موقع Jotform الخاصة بك في حقل HTML.

4حدّث واعرض

انقر على Update أو Publish، ثم افتح الصفحة للتحقق من الأداة المضمنة.

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

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

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

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

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

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

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

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

أين تستخدم أداة نقاط الصورة التفاعلية الخاصة بك

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

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

مخططات الطوابق للعقارات والأماكن لإضافة تعليقات توضيحية إلى الغرف، والأجنحة، ومناطق الجلوس، ووسائل الراحة، أو خيارات الإيجار.

لقطات شاشة التطبيقات لشرح مناطق الواجهة، أو خطوات سير العمل، أو لوحات المعلومات، أو ميزات المنتج.

الرسوم المعلوماتية والتقارير لإضافة شروحات مركزة دون ازدحام الرسم الأصلي.

المخططات التعليمية لجعل الخرائط، والعروض المرئية للعمليات، والصور التدريبية أسهل في الاستكشاف.

صفحات معرض الأعمال لوصف تفاصيل التصميم، والمواد، وملاحظات ما قبل وبعد، أو قرارات المشروع.

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

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

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

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

  • ما هي أداة نقاط الصورة التفاعلية؟

    تضيف أداة نقاط الصورة التفاعلية علامات تفاعلية إلى صورة. يمكن لكل علامة فتح بطاقة تفاصيل تحتوي على صورة، وعنوان، ووصف، وزر CTA.

  • هل يمكنني وضع النقاط التفاعلية بشكل مرئي؟

  • كم عدد النقاط التفاعلية التي يمكنني إضافتها؟

  • ماذا يمكنني إضافته إلى كل بطاقة نقطة تفاعلية؟

  • هل يمكن للزوار فتح البطاقات عند التمرير؟

  • كيف تعمل على الأجهزة المحمولة؟

  • هل يمكنني تغيير نمط العلامة؟

  • هل يمكنني تنسيق البطاقات؟

  • هل يمكنني التحكم في الأجهزة التي تعرض الأداة؟

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