كيفية عرض مستند PDF على نموذجك

٢ يوليو ٢٠٢٦

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

هناك طريقتان للقيام بذلك:

عرض مستند PDF باستخدام أداة تضمين PDF

تتيح لك أداة تضمين PDF رفع ملف PDF وتضمينه مباشرةً في نموذجك. إليك كيفية إعداده:

  1. في منشئ النماذج، انقر على إضافة عنصر على الجانب الأيسر من الصفحة.
Form Builder showing Add Element button on the left side in Jotform
  1. الآن، في قائمة عناصر النموذج، ضمن تبويب الأدوات، ابحث عن أداة تضمين PDF ثم انقر عليها. أو ببساطة اسحبها وأفلتها في المكان الذي تريده في نموذجك.
Form Elements Widgets tab showing PDF Embedder widget search and selection in Jotform
  1. بعد ذلك، في قائمة إعدادات الأداة التي تفتح على الجانب الأيمن من الصفحة، ضمن التبويب العام، انقر على زر رفع ملف، ثم حدد الملف من جهازك لرفعه. أو اسحب ملف PDF وأفلته في مساحة رفع الملفات.
PDF Embedder Widget Settings showing Upload File button and drag-and-drop upload area in Jotform
  1. بمجرد الانتهاء، انقر على تحديث.
PDF Embedder Widget Settings showing Update button in Jotform

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

Pro Tip

عرض مستند PDF باستخدام عنصر الفقرة

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

  1. أولاً، انسخ هذا الكود:
HTML
<iframe
src="{url}"
  width="100%"
  height="500"
  style="border:none;">
</iframe>

Note

استبدل {url} برابط مستند PDF الخاص بك من الخادم أو التخزين السحابي. يمكنك أيضاً تعديل قيم العرض والارتفاع لتناسب تخطيط نموذجك. 

  1. بعد ذلك، في منشئ النماذج، انقر على إضافة عنصر على الجانب الأيسر من الصفحة.
Form Builder showing Add Element button on the left side in Jotform
  1. ثم، في قائمة عناصر النموذج، ضمن التبويب الأساسي، مرر لأسفل ثم انقر على فقرة. أو ببساطة اسحبها وأفلتها في المكان الذي تريده في نموذجك.
Form Elements Basic tab showing Paragraph element selection in Jotform
  1. الآن، انقر على انقر لتحرير هذا النص أو أيقونة القلم لبدء إضافة النص وتنسيقه.
Paragraph element showing Click to Edit this Text and Pencil icon in Jotform
  1. بعد ذلك، في محرر النصوص المنسقة للفقرة، انقر على أيقونة الكود المصدري.
Paragraph Rich Text Editor showing Source Code icon in Jotform
  1. ثم، في نافذة الكود المصدري التي تفتح، الصق الكود في مربع إدخال الكود المصدري وانقر على موافق.
Source Code window showing code input box and OK button in Jotform
  1. أخيراً، انقر على أيقونة علامة الصح المحاطة بدائرة وستكون قد انتهيت.
Paragraph Rich Text Editor showing Encircled Checkmark save icon in Jotform

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

Pro Tip

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

كتابة تعليق:

Jotform Avatar
هذا الموقع محمي بواسطة reCAPTCHA و Google سياسة الخصوصية و شروط الخدمة تطبيق

Podo Comment كن أول من يعلق.
هل لا تزال لديك أسئلة بلا إجابة؟

نحن هنا من أجلك على مدار الساعة طوال أيام الأسبوع، في أي وقت تحتاج إلينا ليلًا أو نهارًا. هل لديك سؤال أو تحتاج إلى مساعدة في شيء ما؟ فريقنا دائمًا جاهز للمساعدة.