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. Get Form Code
JotformAnywhere javaScript library returns a form code so that you can place it on the live version of the site.You can also get additional data such as the width/height of the form from 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

If no option is provided JotFormAnywhere.launchFormBuilder will open a modalbox including iframe provided by Jotform. All form creation/edit process is done inside this iframe.

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

مثال

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

المعلمات

الخيارات

JotFormAnywhere.insertForm

JotFormAnywhere.insertForm creates a div with id "jotform_form_container_{formID}" and embeds the form inside.

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

مثال

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

المعلمات

الخيارات

JotFormAnywhere.createInstantForm

Using JotFormAnywhere.createInstantForm method you can instruct JotformAnywhere library to create a form immediately after loading javascript file. Note that calling this method will publish jotform.formCreated event which you can subscribe to.

مثال

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 method attaches handler to an event defined by JS library and invokes your callback when the event fires.

مثال

ربما تريد أن يتم إعلامك بالبيانات ذات الصلة عند إنشاء النموذج بنجاح على 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

With JotFormAnywhere.customize method you can customize default colors of the Jotform iframe

مثال

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

المعلمات

الخيارات