Jotform Anywhere.

Jotform Anywhere عبارة عن حزمة JavaScript SDK صغيرة توفر إمكانات منشئ النماذج Jotform لجميع تطبيقات الويب.

يوفر Jotform Anywhere مجموعة من الوظائف من جانب العميل للسماح لك بإضافة منشئ النماذج داخل تطبيق الويب الخاص بك. ويمكن للمستخدمين إنشاء/تحرير النماذج وتضمينها دون مغادرة موقعك.

أكثر من 7500 قالب نموذج جاهز للاستخدام

يمكن للمستخدمين تضمين النماذج مباشرةً من بين أكثر من 7500 قالب نماذج جميل ببضع نقرات فقط.

منشئ النماذج

اسمح للمستخدمين بإنشاء أي نوع من نماذج الويب باستخدام أكثر من 25 نوعًا من أسئلة النماذج وأكثر من 350 عنصر واجهة مستخدم.

انسخ هذا الرمز والصقه لتهيئة مكتبة جافا سكريبت:

  <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

انسخ والصق كود html أدناه لإضافة زر لتشغيل أداة إنشاء النماذج

  <button onclick="JotFormAnywhere.launchFormBuilder({});">Add Form</button>

سيؤدي النقر فوق هذا الزر إلى تشغيل Jotform iframe (منشئ النماذج القابلة للتضمين) وسيتم إلحاق النموذج الذي تم إنشاؤه/المحدد بالنص افتراضيًا. راجع الوثائق لمزيد من خيارات التخصيص.

• كيف يستخدم Breezi Jotform Anywhere on their website builder as a form builder.
• Sidengo يستخدم Jotform Anywhere للسماح للمستخدمين بإنشاء نماذج مُخصصة.

ما هو Jotform Anywhere؟

Jotform هو منشئ النماذج عبر الإنترنت. باستخدام محرر نماذج السحب والإفلات الخاص بـ Jotform وقوالب النماذج الجاهزة للاستخدام التي يزيد عددها عن 7500+، أصبح إنشاء النماذج أمرًا سريعًا وسهلاً وممتعًا.

Jotform Anywhere هو SDK صغير من JavaScript يجلب قدرات منشئ النماذج من Jotform إلى جميع تطبيقات الويب. يمكنك تضمين منشئ النماذج من Jotform في تطبيقك بسهولة، وسيتمكن المستخدمون من تشغيل منشئ النماذج كمعالج العرض المبسط lightbox، وإنشاء نماذجهم وإضافتها إلى صفحات الويب الخاصة بهم.

من يمكن أن يستخدم Jotform Anywhere؟

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

ما هي القدرات التي يتمتع بها Jotform Anywhere حاليًا؟

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

2. تعديل/حذف النموذج
بمجرد إضافة نموذج على المحرر الخاص بك، يمكن للمستخدم التحويم فوق النموذج والنقر على زر التعديل لإعادة تشغيل معالج بناء النموذج.

3. الحصول على كود النموذج
تقوم مكتبة JotFormAnywhere JavaScript بإرجاع كود النموذج حتى تتمكن من وضعه في النسخة المباشرة من الموقع. يمكنك أيضًا الحصول على بيانات إضافية مثل العرض/الارتفاع للنموذج من JotFormAnywhere.

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

هل هناك أي متطلبات أو قيود؟

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

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

هل يحتاج المستخدمون إلى إنشاء حساب Jotform؟

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

لماذا يجب علي استخدام Jotform Anywhere؟

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

ماذا يجب أن أفعل إذا كانت لدي أسئلة أخرى؟

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

قم بتحميل مكتبة JotformAnywhere javascript

  <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

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

Methods

JotFormAnywhere.launchFormBuilder

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

على الأرجح ستستدعي هذه الطريقة كرد اتصال لحدث النقر.

مثال

JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})

المعلمات

الخيارات

JotFormAnywhere.insertForm

JotformAnywhere.insertForm ينشئ عنصر div برقم تعريف (id) "jotform_form_container_{formID}" ويقوم بتضمين النموذج بداخله.

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

مثال

JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})

المعلمات

الخيارات

JotFormAnywhere.createInstantForm

باستخدام طريقة JotformAnywhere.createInstantForm يمكنك توجيه مكتبة JotformAnywhere لإنشاء نموذج فور تحميل ملف JavaScript. لاحظ أن استدعاء هذه الطريقة سيؤدي إلى نشر حدث jotform.formCreated الذي يمكنك الاشتراك فيه.

مثال

JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})

المعلمات

الخيارات

JotformAnywhere.editForm

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

مثال

JotFormAnywhere.editForm(
"31343042093342"
)

المعلمات

هذه الطريقة تأخذ معامل مطلوب واحد فقط بصفته مُعرف النموذج form-id

JotFormAnywhere.deleteForm

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

مثال

JotFormAnywhere.deleteForm(
"31343042093342"
)

المعلمات

هذه الطريقة تأخذ معامل مطلوب واحد فقط بصفته مُعرف النموذج form-id

JotFormAnywhere.subscribe

طريقة JotformAnywhere.subscribe تربط المعالج بحدث مُعرف بواسطة مكتبة JavaScript وتستدعي رد النداء الخاص بك عند وقوع الحدث.

مثال

ربما تريد أن يتم إعلامك بالبيانات ذات الصلة عند إنشاء النموذج بنجاح على Jotform.

JotFormAnywhere.subscribe("jotform.formCreated", 
function(response){
console.log("Form is created with properties:", response)
}
)

أو عندما تم تحديث النموذج

JotFormAnywhere.subscribe("jotform.formUpdated", 
function(response){
console.log("Form is updated with properties:", response)
}
)

الأحداث

الأحداث العالمية التي يمكنك الاشتراك فيها:

• jotform.formCreated - يتم تشغيله عند إنشاء النموذج على Jotform
• jotform.formUpdated - يتم تشغيله عند تحرير النموذج وحفظه على Jotform
• jotform.formDeleted - يتم تشغيله عند حذف النموذج
• jotform.formLoaded - يتم تشغيله عندما يتم تحميل iframe النموذج بالكامل

كائن الرد الذي يتم تمريره إلى دالة الرد المتصلة بحدث إنشاء النموذج وتحديث النموذج يبدو كالتالي:

{
formEmbedUrl:"https://form.jotformpro.com/jsform/30654794751967">", 
height:465, 
width:320, 
formID:"30654794751967", 
}

كائن الرد الذي يتم تمريره إلى دالة الرد المتصلة بحدث حذف النموذج formDeleted وتحميل النموذج formLoaded يبدو كالتالي:

{
formID:"30654794751967", 
}

JotFormAnywhere.customize

باستخدام طريقة JotformAnywhere.customize يمكنك تخصيص الألوان الافتراضية لـ Jotform iframe.

مثال

JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})

المعلمات

الخيارات