كيفية إزالة زر الإرسال من نماذج الحساب

نشرت: 2023-11-15

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

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

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

كيفية إزالة زر الإرسال من نماذج الحساب

تعد إزالة زر الإرسال من نماذج العمليات الحسابية باستخدام WPForms أمرًا سهلاً للغاية. كل ما عليك فعله هو اتباع هذه الخطوات البسيطة أدناه:

في هذه المقالة

  • المتطلبات الأساسية
    • 1. الحصول على ترخيص WPForms Pro
    • 2. استخدام ملحق الحسابات
    • 3. اختيار قالب نموذج الآلة الحاسبة
  • إزالة زر الإرسال
    • 1. انتقل إلى مكتبة مقتطفات WPForms
    • 2. تثبيت + تنشيط WPCode
    • 3. استخدم مقتطف زر إخفاء الإرسال
    • 4. إضافة فئة زر إرسال CSS
  • المزيد من الأسئلة حول نماذج الآلة الحاسبة
    • كيف أقوم بإيقاف تشغيل زر الإرسال في النموذج؟
    • هل يمكن أن لا يحتوي النموذج على زر إرسال؟

المتطلبات الأساسية

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

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

1. الحصول على ترخيص WPForms Pro

يعد WPForms منشئ النماذج ذو السمعة الطيبة والمكون الإضافي للآلة الحاسبة الذي يسمح للمستخدمين بإنشاء مجموعة واسعة من النماذج.

The WPForms homepage

من المهم أن يكون لديك أحدث إصدار من WPForms مثبتًا، بالإضافة إلى إمكانية الوصول إلى ترخيص Pro.

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

2. استخدام ملحق الحسابات

لإنشاء آلات حاسبة مخصصة في WordPress، ربما تعلم بالفعل أنك بحاجة إلى تثبيت ملحق حسابات WPForms.

calculations addon banner

يمكنك استخدام هذا الملحق لإدراج عوامل تشغيل منطقية وعبارات if-then لإنشاء عروض أسعار مخصصة أو إنشاء آلات حاسبة ذكية.

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

3. اختيار قالب نموذج الآلة الحاسبة

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

calculator form templates category page

وتشمل هذه قوالب نماذج الآلة الحاسبة المصممة بشكل احترافي والتي يمكن تخصيصها لتناسب مجموعة متنوعة من حالات الاستخدام والصناعات، مثل:

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

وأفضل ما في الأمر هو أنه يمكنك استخدام البرنامج الإضافي للحسابات لإنشاء آلات حاسبة مخصصة دون الحاجة إلى أي معرفة بـ HTML أو جافا سكريبت أو أي معرفة برمجية معقدة.

إزالة زر الإرسال

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

1. انتقل إلى مكتبة مقتطفات WPForms

من لوحة تحكم WordPress الخاصة بك، ما عليك سوى الانتقال إلى WPForms »الأدوات. ثم انتقل إلى علامة التبويب "مقتطفات التعليمات البرمجية" .

wpforms code snippets

سيعرض هذا رسالة منبثقة تقول "الرجاء تثبيت WPCode لاستخدام مكتبة WPForms Snippet Library".

2. تثبيت + تنشيط WPCode

كل ما عليك فعله الآن هو النقر فوق الزر Install + Activate WPCode . سيستغرق تثبيت المكون الإضافي الآن بضع ثوانٍ.

install and activate wpcode

بمجرد تثبيت المكون الإضافي WPCode، ستتمكن من الوصول إلى القائمة الكاملة لمقتطفات WPForms.

all code snippets

3. استخدم مقتطف زر إخفاء الإرسال

الآن، ابحث عن مقتطف زر إخفاء الإرسال عن طريق كتابة اسمه في حقل Search Snippets . بعد ذلك، انقر فوق الزر "تثبيت المقتطف" .

Install hide submit button snippet

سيؤدي هذا إلى إعادة توجيهك إلى صفحة معاينة مقتطف WPCode، حيث يمكنك رؤية الكود مدمجًا تلقائيًا.

Hide submit button code snippet preview

الآن، كل ما عليك فعله هو تمكين رمز المقتطف. للقيام بذلك، قم بتحريك مفتاح التبديل من غير نشط إلى نشط .

Activate hide submit button snippet

الخطوة التالية الآن لتنشيط مقتطف الشفرة على مستوى الموقع هي الضغط على زر التحديث بجوار خيار التبديل النشط .

Update hide submit button snippet

باتباع هذا الأسلوب، ستحتاج فقط إلى إضافة المقتطف مرة واحدة من خلال مكتبة مقتطفات WPForms.

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

4. إضافة فئة زر إرسال CSS

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

للقيام بذلك، افتح نموذج الآلة الحاسبة وانتقل إلى علامة التبويب "عام "، ثم قم بالتمرير لأسفل إلى علامة التبويب "خيارات متقدمة" .

بعد ذلك، قم بلصق ملف wpf-calc-form CSS في فئة زر الإرسال CSS لتنشيط مقتطف الكود.

Add css class to submit button

يمكنك الآن معاينة النموذج الخاص بك لترى أن زر الإرسال من الآلة الحاسبة الخاصة بك قد تمت إزالته بنجاح!

Mortgage calculator without submit button

المزيد من الأسئلة حول نماذج الآلة الحاسبة

تعد نماذج الآلة الحاسبة موضوعًا شائعًا بين قرائنا. وفيما يلي إجابات لبعض الأسئلة المتداولة حولهم.

كيف أقوم بإيقاف تشغيل زر الإرسال في النموذج؟

لإيقاف تشغيل زر الإرسال في نموذج، خاصة إذا كنت تستخدم WPForms Pro، يمكنك تطبيق CSS مخصص. انتقل إلى WPForms »الأدوات. بعد ذلك، انتقل إلى علامة التبويب Code Snippets للوصول إلى مكتبة WPForms Snippet، التي تحتوي على حل لإيقاف تشغيل زر الإرسال في النموذج.

هل يمكن أن لا يحتوي النموذج على زر إرسال؟

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

بعد ذلك، تعرف على كيفية إنشاء آلة حاسبة مخصصة عبر الإنترنت

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

إنشاء حاسبة مخصصة عبر الإنترنت

على استعداد لبناء النموذج الخاص بك؟ ابدأ اليوم مع أسهل مكون إضافي لإنشاء النماذج في WordPress. يتضمن WPForms Pro الكثير من القوالب المجانية ويقدم ضمان استعادة الأموال لمدة 14 يومًا.

إذا ساعدتك هذه المقالة، فيرجى متابعتنا على Facebook وTwitter للحصول على المزيد من البرامج التعليمية والأدلة المجانية الخاصة بـ WordPress.