في هذه المقالة سوف نوضح كيفية إنشاء ملف استمارتنا متعدد المراحل مع الرسوم المتحركة لوتي Elementor.
الوظيفة استمارتنا تمت إضافة المنشئ متعدد الخطوات مؤخرًا إلى المنشئ المرئي والقوي لـElementor. لديك الآن منشئ أشكال التي تغطي جميع القواعد!
حتى لو لم يكن يبدو في الأعلى ، يجب أن تعلم أن هذا هو الإصدار الأول وستأتي التحديثات الجديدة حتمًا لتوسيع هذه الوظيفة.
مع ال أشكال على عدة مراحل، الخاص بك أشكال لن تبدو أفضل فحسب، بل ستوفر معدلات تحويل أعلى عندما تسعى إلى جمع معلومات من زوار موقع الويب الخاص بك.
ساعد الآن زوار موقعك على إكمال التسجيل وتحسين تحويلاتك من خلال استمارتنا في عدة مراحل.
تجربة مستخدم أفضل
إن إقناع المستخدمين بملء استماراتك ليس بالمهمة السهلة. بمجرد تشجيعهم على قراءة النموذج الخاص بك وحتى التفكير في ملئه ، ستحتاج إلى التأكد من استمرار مشاركتهم ، خاصة وأن بعض النماذج قد تكون مخيفة.
اكتشف أيضا لدينا 10 WordPress plugins لإنشاء نموذج اتصال
تعالج أداة النموذج متعدد الخطوات الجديدة هذا السؤال الدقيق: جعل الشكل المعقد عنصر تصميم بسيطًا وجميلًا.
زيادة في التحويلات ويؤدي
ليس هناك شك في أن الشكل الذي يرضي العين ويسهل التنقل فيه سيكون أكثر ملاءمة للتحول. هذا هو هدفك كمنشئ موقع ويب ، وهو أيضًا هدف أداة النموذج متعدد الخطوات.
قراءة مقالتنا على كيفية زيادة التحويلات: زيادة العروض المحدودة
سيسمح لك هذا النموذج بتحسين معدلات التحويل في جميع المجالات. إنها رائعة بشكل خاص في مجالات مثل التأمين والجامعة والعقارات والسياحة وغيرها الكثير ، وأنا متأكد من أنها ستساعدك في إنشاء نماذج تحويل عالية بمرونة لا نهاية لها.
التعليق CA ماركي
بعد إسقاط نموذج على الصفحة ، أضف حقل "الخطوة". سترى أنه تمت إضافة حقل جديد تلقائيًا وأنه يبرز بصريًا. انقل عنصر الخطوة إلى الموقع الذي تريد تقسيمه إلى خطوات ، وفويلا! لقد قمت للتو بإنشاء نموذج متعدد الخطوات.
اكتشف كيفية بناء موقع كامل باستخدام Elementor
سيعمل حقل الخطوة كفاصل ويسمح للمستخدمين بما يلي:
- اختر مؤشر المرحلة: رمز ، نص ، رمز ونص ، رقم ، رقم ونص ، شريط التقدم أو لا شيء
- أضف رمزًا كمؤشر حدث رئيسي
- تخصيص مظهر الخطوات
- تخصيص العناصر التالية والسابقة
- والتحقق من صحة كل حقل خطوة
خذ موقع الويب الخاص بك إلى مستوى تفاعلي جديد تمامًا
هل تمنيت يومًا أن يكون موقع الويب الخاص بك أكثر تفاعلية وجاذبية مما هو عليه بالفعل؟
ربما تكون قد تخلت عن هذا الفكر في الماضي لعدد من الأسباب ، ولكن هذا كله على وشك التغيير ، مع تقديم Lottie Animations. هذه فرصتك للانتقال بلعبة مصمم الويب الخاص بك إلى المستوى التالي ، والاختيار من بين آلاف الرسوم المتحركة لـ Lottie لإضافتها إلى موقع الويب الخاص بك.
Le القطعة لوتي يمكن قبول رسوم Lottie المتحركة من مصادر مختلفة ، مثل LottieFiles.com. يمكنك أيضًا إضافة الرسوم المتحركة الخاصة بك باستخدام ملف البرنامج المساعد Lottiefiles أو المكون الإضافي Bodymovin لـ Adobe After Effects.
أدهش عملائك
عندما تقوم بتحميل التصميمات والصور الثابتة الخاصة بك وتجديدها فجأة بالحركة والألوان وجميع الأنواع الأخرى من تأثيرات الرسوم المتحركة ، فإنك تغير اللعبة.
فجأة ، يأتي تصميم موقع الويب الخاص بك إلى الحياة. إنه في حالة حركة ، وبذلك يتفاعل مع زائر موقع الويب الخاص بك. الرسوم المتحركة Lottie هي SVG ، ومستجيبة بنسبة 100٪ وخفيفة الوزن للغاية.
زيادة مشاركة المستخدم
تستغرق إضافة الرسوم المتحركة Lottie ثوانٍ ويمكن استخدامها لتحسين التفاعل مع كل جزء من موقع الويب الخاص بك.
خذ على سبيل المثال الأزرار.
نعلم جميعًا مدى أهمية أزرار الحث على اتخاذ إجراء. باستخدام Lottie ، يمكنك تحسين طريقة تفاعل زوارك مع الأزرار دون قضاء الكثير من الوقت في الترميز وإتقان تفاصيل التصميم.
لقراءة أيضا: كيفية تحسين مشاركة المستخدمين على وورد
فكر في زر عادي مقابل زر به سهم متحرك. أيهما ستولي اهتماما أكبر؟ هذه الأشياء الصغيرة هي التي ستحدث فرقًا ، وسيقدر عملاؤك بالتأكيد الوظيفة.
باستخدام أداة Lottie ، يمكنك اللعب بالعديد من الإعدادات ، مثل المشغلات ، والحلقات ، والتمرير ، والرسوم المتحركة العكسية ، وخيارات العرض. لا توجد حدود لكيفية تنشيط مواقع الويب الخاصة بك.
التعليق CA ماركي
- الوصول إلى lottiefiles.com واختر الرسوم المتحركة
- تنزيل ملف Lottie JSON
- العودة إلى المحرر Elementor، اسحب إلى أداة Lottie
- انقر على أيقونة مكتبة الوسائط وقم بتنزيل ملف Lottie JSON
- هنا ! يجب أن تبدأ في رؤية الرسوم المتحركة.
إذا قمت بإنشاء رسم متحرك جميل ، فتأكد من إرسال الرابط إلينا في قسم التعليقات أدناه.
احصل على Elementor Pro الآن!
وفي الختام
توفر إضافة الرسوم المتحركة Lottie والنماذج متعددة الخطوات طريقتين رائعتين لتحسين ليس فقط تجربة المستخدم ولكن أيضًا واجهة المستخدم الخاصة بك.
نظرًا لأن اتجاهات الويب تتغير باستمرار ، فمن المثير دائمًا الاستمرار في تحسين وظائف موقع الويب الخاص بك ووضع نفسك كخبير حقيقي. إذا كان لديك تعليقات أو اقتراحات ، لا تتردد في إعلامنا في القسم المحجوز.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
