كيفية إزالة زر الإرسال من نماذج الحساب
نشرت: 2023-11-15هل تتساءل عن كيفية إزالة زر الإرسال من نماذج العمليات الحسابية للحصول على تجربة مستخدم أكثر بساطة؟
عن طريق إزالة زر الإرسال من نماذج الحساب التي أنشأتها WPForms، يمكنك تقديم حسابات فورية للزائرين.
في هذا الدليل، ستتعلم الخطوات البسيطة لتعديل النماذج الخاصة بك لإجراء حسابات سلسة وفي الوقت الفعلي دون الحاجة إلى إجراء إرسال النموذج.
كيفية إزالة زر الإرسال من نماذج الحساب
تعد إزالة زر الإرسال من نماذج العمليات الحسابية باستخدام WPForms أمرًا سهلاً للغاية. كل ما عليك فعله هو اتباع هذه الخطوات البسيطة أدناه:
في هذه المقالة
- المتطلبات الأساسية
- 1. الحصول على ترخيص WPForms Pro
- 2. استخدام ملحق الحسابات
- 3. اختيار قالب نموذج الآلة الحاسبة
- إزالة زر الإرسال
- 1. انتقل إلى مكتبة مقتطفات WPForms
- 2. تثبيت + تنشيط WPCode
- 3. استخدم مقتطف زر إخفاء الإرسال
- 4. إضافة فئة زر إرسال CSS
- المزيد من الأسئلة حول نماذج الآلة الحاسبة
- كيف أقوم بإيقاف تشغيل زر الإرسال في النموذج؟
- هل يمكن أن لا يحتوي النموذج على زر إرسال؟
المتطلبات الأساسية
قبل أن نتابع خطوات تعطيل زر الإرسال، دعونا نتأكد من أننا قد أكملنا بعض الخطوات المهمة.
إذا كنت قد أكملت هذه الخطوات بالفعل، فلا تتردد في الانتقال إلى القسم الخاص بإزالة زر الإرسال.
1. الحصول على ترخيص WPForms Pro
يعد WPForms منشئ النماذج ذو السمعة الطيبة والمكون الإضافي للآلة الحاسبة الذي يسمح للمستخدمين بإنشاء مجموعة واسعة من النماذج.
من المهم أن يكون لديك أحدث إصدار من WPForms مثبتًا، بالإضافة إلى إمكانية الوصول إلى ترخيص Pro.
يوفر لك الإصدار الاحترافي إمكانية الوصول إلى عمليات التكامل المتميزة والإضافات والعديد من الميزات القيمة مثل المنطق الشرطي وتقارير إرسال النماذج وما إلى ذلك.
2. استخدام ملحق الحسابات
لإنشاء آلات حاسبة مخصصة في WordPress، ربما تعلم بالفعل أنك بحاجة إلى تثبيت ملحق حسابات WPForms.
يمكنك استخدام هذا الملحق لإدراج عوامل تشغيل منطقية وعبارات if-then لإنشاء عروض أسعار مخصصة أو إنشاء آلات حاسبة ذكية.
حتى أنه يسمح لك باستخدام الوظائف الرياضية المتكاملة لتقريب الأرقام وحساب النطاقات الزمنية والعثور على المتوسطات والمزيد.
3. اختيار قالب نموذج الآلة الحاسبة
وأخيرا، يجب أن يكون لديك نموذج جاهز. إذا كنت بحاجة إلى إنشاء واحد، فإن WPForms تقدم أكثر من 1100 قالبًا مصممًا مسبقًا مما يجعل إنشاء النماذج أمرًا سهلاً.
وتشمل هذه قوالب نماذج الآلة الحاسبة المصممة بشكل احترافي والتي يمكن تخصيصها لتناسب مجموعة متنوعة من حالات الاستخدام والصناعات، مثل:
- قالب نموذج حاسبة الرهن العقاري - مثالي للوكالات العقارية لأنه يمكّن المشترين المحتملين من حساب دفعاتهم الشهرية دون عناء.
- قالب نموذج حاسبة تكلفة الشحن - يساعد مواقع التجارة الإلكترونية على توفير الوقت والجهد من خلال توفير حاسبة شحن بسيطة للعملاء.
- قالب نموذج حاسبة مؤشر كتلة الجسم - مثالي لمواقع الويب المخصصة للياقة البدنية أو الصحة والتي تساعد المستخدمين في تقييم حالتهم الصحية الحالية.
- قالب نموذج حاسبة عائد الاستثمار - يساعد الشركات والمسوقين في تقييم ربحية حملاتهم أو مشاريعهم بكفاءة.
وأفضل ما في الأمر هو أنه يمكنك استخدام البرنامج الإضافي للحسابات لإنشاء آلات حاسبة مخصصة دون الحاجة إلى أي معرفة بـ HTML أو جافا سكريبت أو أي معرفة برمجية معقدة.
إزالة زر الإرسال
بمجرد استيفاء هذه المتطلبات الأساسية، تكون جاهزًا لتعديل النموذج الخاص بك لإزالة زر الإرسال للحصول على تجربة مستخدم أكثر انسيابية.
1. انتقل إلى مكتبة مقتطفات WPForms
من لوحة تحكم WordPress الخاصة بك، ما عليك سوى الانتقال إلى WPForms »الأدوات. ثم انتقل إلى علامة التبويب "مقتطفات التعليمات البرمجية" .
سيعرض هذا رسالة منبثقة تقول "الرجاء تثبيت WPCode لاستخدام مكتبة WPForms Snippet Library".
2. تثبيت + تنشيط WPCode
كل ما عليك فعله الآن هو النقر فوق الزر Install + Activate WPCode . سيستغرق تثبيت المكون الإضافي الآن بضع ثوانٍ.
بمجرد تثبيت المكون الإضافي WPCode، ستتمكن من الوصول إلى القائمة الكاملة لمقتطفات WPForms.
3. استخدم مقتطف زر إخفاء الإرسال
الآن، ابحث عن مقتطف زر إخفاء الإرسال عن طريق كتابة اسمه في حقل Search Snippets . بعد ذلك، انقر فوق الزر "تثبيت المقتطف" .
سيؤدي هذا إلى إعادة توجيهك إلى صفحة معاينة مقتطف WPCode، حيث يمكنك رؤية الكود مدمجًا تلقائيًا.
الآن، كل ما عليك فعله هو تمكين رمز المقتطف. للقيام بذلك، قم بتحريك مفتاح التبديل من غير نشط إلى نشط .
الخطوة التالية الآن لتنشيط مقتطف الشفرة على مستوى الموقع هي الضغط على زر التحديث بجوار خيار التبديل النشط .
باتباع هذا الأسلوب، ستحتاج فقط إلى إضافة المقتطف مرة واحدة من خلال مكتبة مقتطفات WPForms.
وبعد ذلك، بالنسبة لكل نموذج يريد المستخدم استخدام هذا المقتطف عليه، سيحتاج إلى إضافة اسم فئة زر الإرسال CSS داخل المُنشئ.
4. إضافة فئة زر إرسال CSS
الآن، كل ما تبقى عليك فعله هو إضافة فئة CSS في أداة إنشاء النماذج الخاصة بالآلة الحاسبة التي تريد إزالة زر الإرسال منها.
للقيام بذلك، افتح نموذج الآلة الحاسبة وانتقل إلى علامة التبويب "عام "، ثم قم بالتمرير لأسفل إلى علامة التبويب "خيارات متقدمة" .
بعد ذلك، قم بلصق ملف wpf-calc-form
CSS في فئة زر الإرسال CSS لتنشيط مقتطف الكود.
يمكنك الآن معاينة النموذج الخاص بك لترى أن زر الإرسال من الآلة الحاسبة الخاصة بك قد تمت إزالته بنجاح!
المزيد من الأسئلة حول نماذج الآلة الحاسبة
تعد نماذج الآلة الحاسبة موضوعًا شائعًا بين قرائنا. وفيما يلي إجابات لبعض الأسئلة المتداولة حولهم.
كيف أقوم بإيقاف تشغيل زر الإرسال في النموذج؟
لإيقاف تشغيل زر الإرسال في نموذج، خاصة إذا كنت تستخدم WPForms Pro، يمكنك تطبيق CSS مخصص. انتقل إلى WPForms »الأدوات. بعد ذلك، انتقل إلى علامة التبويب Code Snippets للوصول إلى مكتبة WPForms Snippet، التي تحتوي على حل لإيقاف تشغيل زر الإرسال في النموذج.
هل يمكن أن لا يحتوي النموذج على زر إرسال؟
نعم، يمكن للنموذج أن يعمل بدون زر إرسال. يعد هذا أمرًا شائعًا في النماذج التي يتم إرسالها تلقائيًا أو تستخدم طرقًا بديلة لالتقاط البيانات. باستخدام WPForms Pro، يمكنك إنشاء مثل هذه النماذج عن طريق تخصيصها باستخدام CSS لإخفاء زر الإرسال، وذلك باستخدام تكامل WPCode لإضافة الكود الضروري بسلاسة.
بعد ذلك، تعرف على كيفية إنشاء آلة حاسبة مخصصة عبر الإنترنت
يمكن أن تؤدي إضافة آلة حاسبة إلى موقع الويب الخاص بك إلى تعزيز التفاعل من خلال تشجيع الزائرين على البقاء والإجابة على مشكلاتهم. راجع هذا الدليل حول كيفية إنشاء آلة حاسبة مخصصة في WordPress لتلبية الاحتياجات الفريدة لموقعك على الويب.
إنشاء حاسبة مخصصة عبر الإنترنت
على استعداد لبناء النموذج الخاص بك؟ ابدأ اليوم مع أسهل مكون إضافي لإنشاء النماذج في WordPress. يتضمن WPForms Pro الكثير من القوالب المجانية ويقدم ضمان استعادة الأموال لمدة 14 يومًا.
إذا ساعدتك هذه المقالة، فيرجى متابعتنا على Facebook وTwitter للحصول على المزيد من البرامج التعليمية والأدلة المجانية الخاصة بـ WordPress.