سألنا أحد القراء مؤخرًا عن كيفية إضافة اختيارات الصور إلى نماذج ووردبريس الخاصة بهم. ربما هذا شيء كنت قد تساءلت عنه أيضًا.
بدلاً من مجرد عرض اختيارات النص ، يمكن للصور أن تجعل النماذج الخاصة بك على الفور أكثر جاذبية. يمكن أن يساعد ذلك في تحسين معدل الاستجابة وتشكيل التحويلات.
ويمكنك الاطلاع على كيفية السماح للمستخدمين بتحميل الصور في تعليقات ووردبريس
في هذه المقالة ، سنوضح لك كيفية إضافة خيارات الصور في نماذج ووردبريس لتعزيز التفاعل والتحويلات.
خيارات الصور
ما هي خيارات الصور ولماذا تستخدمها في نماذجك؟
اختيارات الصور هي الصور أو الرسوم التوضيحية أو الرسومات أو الرموز التي يمكن للمستخدمين الاختيار من بينها عند إكمال النموذج.
إليك نموذج يستخدم اختيارات الصور ، بدلاً من خيارات النص العادي. تم اختيار الخيار الأول الفراولة:
يمكن أن تكون اختيارات الصور ميزة بعدة طرق. في جميع الحالات ، تسمح لك بجعل النموذج الخاص بك أكثر جاذبية وجاذبية بصريًا.
يمكن أن يساعد استخدام الصور أيضًا في جعل نماذجك تبدو أكثر صقلًا واحترافية. يمكنهم أيضًا مساعدة المستخدمين على اتخاذ القرار بشكل أسرع.
على سبيل المثال ، إذا كنت تدير مطعمًا يقدم خدمة التوصيل ، فسترغب في الحصول على نموذج طلب على موقع الويب الخاص بك. يمكنك استخدام صور لأطباقك المختلفة لمساعدة العملاء المحتملين على اختيار ما يريدون.
يمكن أن تسهل اختيارات الصور على القراء ملء النموذج الخاص بك خاصة للجمهور الذي يواجه صعوبات في القراءة أو شخص لا يجيد لغتك.
إضافة خيارات الصور إلى نماذج ووردبريس الخاصة بك
في هذا المقال ، سنستخدم الإضافة WPForms. إنها أفضل إضافة منشئ نماذج ووردبريس في السوق ويسمح لك بإنشاء نماذج بسهولة باستخدام أداة إنشاء نماذج السحب والإفلات البسيطة.
أولاً ، ستحتاج إلى تثبيت وتفعيل الإضافة WPForms.
WPForms هي إضافة لبرنامج ووردبريس . كما أنها توفر إصدارًا مجانيًا يسمى WPForms Lite ، والذي يحتوي أيضًا على ميزة خيارات الصور.
إنشاء النموذج الخاص بك مع WPForms
بمجرد تنشيط الإضافة ، انتقل إلى WPForms » Add Form في لوحة معلومات ووردبريس لإنشاء نموذج جديد.
قم أولاً بتوفير اسم للنموذج الخاص بك ثم انقر لتحديد قالب. سنستخدم نموذج الاتصال البسيط كنقطة انطلاق.
سيؤدي ذلك إلى تشغيل واجهة WPForms builder مع تحميل حقول النموذج مسبقًا. يمكنك تعديل أي حقل نموذج بالضغط عليه أو تحريكه لأعلى ولأسفل أو حذفه.
بعد ذلك ، سنضيف في حقل الاختيار من متعدد حتى يتمكن العملاء من اختيار نوع الفاكهة التي يريدونها.
ملاحظة: تعمل اختيارات الصور أيضًا مع حقل مربعات الاختيار. استخدم ذلك إذا كنت تريد أن يتمكن المستخدم من اختيار أكثر من خيار واحد.
لإضافة الحقل ، ما عليك سوى سحب وإفلات حقل الاختيار من متعدد من قسم الحقول القياسية على الجانب الأيسر من شاشتك. سنضعه فوق مربع “تعليق أو رسالة”.
كما ترى ، يحتوي حقل الاختيار من متعدد على خيارات نص بشكل افتراضي. إذا نقرت على الحقل لتعديله ، فسترى خيارات الحقل على الجانب الأيسر من شاشتك.
هنا ، تحتاج ببساطة إلى تحديد المربع “استخدام خيارات الصور” وسيقوم WPForms تلقائيًا بتحديث الحقل.
يمكنك كتابة ما تريده لتسمية نص الحقل ثم النقر فوق الزر “تحميل صورة”. يمكنك تحميل صورة من جهاز الكمبيوتر الخاص بك أو تحديد صورة من مكتبة وسائط ووردبريس .
نوصي باستخدام الصور بتنسيق .jpg أو .png التي لا يزيد حجمها عن 250 بكسل × 250 بكسل. ستظهر صورك بأفضل شكل في شكلك إذا كانت جميعها بنفس الحجم.
هام: لن تقوم WPForms بتغيير حجم صورك. ستحتاج إلى التأكد من أنها بالحجم الذي تريده قبل تحميلها. بدلاً من ذلك ، يمكنك تعديل صورتك في ووردبريس نفسه قبل إضافتها إلى النموذج الخاص بك.
إذا كان لديك أكثر من 3 خيارات لتضمينها ، فما عليك سوى النقر فوق الزر (+) لإضافة خيار جديد. يمكنك استخدام الزر (-) لإزالة اختيار.
نأمل أن يساعدك هذا المقال في تعلم كيفية إضافة اختيارات الصور في نماذج ووردبريس
