Code Snippets Widget for your website
اعرض أمثلة التعليمات البرمجية في كتلة أنيقة قابلة للتضمين يمكن للزوار قراءتها ونسخها. أضف مقتطفات، واختر اللغات، وانتقل بين التخطيطات المبوبة والمتراصة، وخصص نمط نافذة التعليمات البرمجية، وانشر أداة مقتطفات التعليمات البرمجية من Jotform على أي موقع إلكتروني دون الحاجة إلى البرمجة.
كيفية إنشاء عنصر واجهة Code Snippets
أضف أمثلة التعليمات البرمجية الخاصة بك
أنشئ مقتطفات لتلبية احتياجات التوثيق الفعلية، مثل أوامر التثبيت، وطلبات API، ونماذج الاستجابة، وأدوات CSS المساعدة، أو التعليمات البرمجية الخاصة بالبرامج التعليمية. أضف عنوانًا، واختر اللغة، والصق نص التعليمات البرمجية لكل مثال.
اختر كيفية عرض المقتطفات
استخدم علامات التبويب عندما يحتاج القراء إلى التبديل بين الأمثلة ذات الصلة، أو استخدم تخطيط القائمة للبرامج التعليمية خطوة بخطوة. حدد سمة التعليمات البرمجية، ونمط النافذة، وأرقام الأسطر، وتسميات النسخ، والعرض، والتباعد، ونصف قطر الزوايا.
قم بتضمينها في موقعك
عاين الأداة، وانسخ كود التضمين، وضع أمثلة التعليمات البرمجية الخاصة بك في المستندات، ومراكز المساعدة، وصفحات API، والبرامج التعليمية للمنتجات، أو أدلة الإعداد حيث يحتاج الزوار إلى تفاصيل التنفيذ.
شارك أمثلة تعليمات برمجية يسهل تصفحها ونسخها
أضف مقتطفات متعددة
اجمع الأمثلة ذات الصلة في أداة واحدة، مثل أوامر التثبيت، وطلبات API، واستجابات JSON، وأدوات CSS المساعدة، أو التعليمات البرمجية الخاصة بالبرامج التعليمية. أضف عناوين بنمط الملفات، وتسميات اللغات، وكتل تعليمات برمجية قابلة للتحرير حتى يعرف القراء الغرض من كل مقتطف.
اختر سمات التعليمات البرمجية المألوفة
اجعل الأمثلة التقنية تبدو ملائمة في المستندات ومراكز المساعدة وصفحات المنتجات. ابدأ بسمات مدمجة مثل Midnight Glass أو Nord أو VS 2015 أو Zenburn أو Railscast أو Solarized Light أو Tomorrow، ثم اضبط الألوان الرئيسية لتتوافق مع موقعك.
ساعد الزوار على نسخ التعليمات البرمجية بسرعة
اسمح للزوار بنسخ المقتطف الدقيق الذي يحتاجون إليه دون تحديد النص يدويًا. أضف أزرار النسخ، وتسميات حالة النسخ، وأرقام الأسطر، وعناصر واجهة النافذة، لتسهيل متابعة أوامر الإعداد ونماذج التعليمات البرمجية وإعادة استخدامها.
التحكم في تخطيط العناصر وسلوك التضمين
استخدم علامات التبويب لعرض الوثائق بشكل مختصر، أو وضع القائمة لعرض الدروس التعليمية خطوة بخطوة. اضبط العرض التلقائي أو المخصص، والتباعد، والظلال، ووضوح العلامة التجارية، وعرض سطح المكتب/الجوال، ونطاق CSS بحيث تتناسب الأداة مع تصميم صفحتك.
لماذا تتميز أدوات Jotform لمواقع الويب؟
تجعل أدوات Jotform موقع الويب الخاص بك أكثر تفاعلية وتساعد على زيادة معدلات التحويل. تتوفر العديد من الأدوات، بدءًا من تقييمات النجوم وأشرطة تمرير تقييمات العملاء، وصولًا إلى النوافذ المنبثقة التي تعرض تقييمات العملاء وتضمين الوسائط. أضف الأدوات إلى نماذجك أو صفحاتك المقصودة لجمع البيانات، وعرض آراء العملاء، وجمع العملاء المحتملين — دون الحاجة إلى كتابة أكواد.
أضف أدوات Jotform إلى موقعك الإلكتروني باستخدام كود تضمين بسيط. خصّص الأداة، واعرض معاينة لشكلها، ثم أدرجها في أي صفحة تدعم HTML المخصص أو حزم التضمين، وكل ذلك دون الحاجة إلى مطور.
استخدم أدوات مواقع الويب من Jotform لجمع بيانات العملاء المحتملين، وإظهار تقييمات العملاء، وعرض الآراء الاجتماعية، وتضمين ملفات الوسائط، أو إضافة أدوات مفيدة لصفحات ويب. تقوم كل أداة بمساعدة الزوار على التفاعل مع خدماتك مباشرةً من موقعك الإلكتروني.
إذا كنت بحاجة إلى مساعدة في إعداد أداتك أو تخصيصها أو تضمينها أو استكشاف المشكلات وإصلاحها، فإن فريق دعم العملاء في Jotform متاح على مدار الساعة طوال أيام الأسبوع. يمكنك المتابعة بثقة، مع العلم أن المساعدة متاحة عندما تحتاج إليها.
أين يمكنك استخدام أداة «مقتطفات الكود»؟
أضف الأداة في أي مكان يحتاج فيه الزوار إلى أمثلة على التطبيق دون مغادرة الصفحة.
توثيق المطورين الذي يحتاج إلى أوامر التثبيت وطلبات API وأمثلة على الاستجابات ومقتطفات الإعدادات.
دروس حول المنتجات تشرح خطوات الإعداد باستخدام أمثلة في لغات HTML وCSS وJavaScript وSQL وshell وJSON.
مراكز المساعدة التي تعرض تعليمات التضمين وبيانات حمولة Webhook ومقتطفات القوالب أو أوامر استكشاف الأخطاء وإصلاحها.
صفحات الهبوط الخاصة بخدمات SaaS التي تحتاج إلى أمثلة تقنية موجزة بجانب شرح الميزات أو تفاصيل التكامل.
مواقع تعليمية تنشر أكواد الدروس وملفات البدء وأمثلة قبل وبعد.
صفحات الوكالات والمحافظ التي ترغب في عرض أمثلة على التنفيذ إلى جانب دراسات الحالة الخاصة بالمشاريع.
حوّل العملاء المحتملين إلى مبيعات حقيقية باستخدام منشئ النماذج من Jotform
حوّل التفاعل إلى نتائج فعلية مع Jotform. أنشئ نماذج قوية لجمع بيانات العملاء المحتملين، واستلام المدفوعات، وأتمتة الردود، كل ذلك في مكان واحد. تصل جميع البيانات المرسلة إلى صندوق الوارد في Jotform الخاص بك، حيث يمكنك المتابعة أو الربط مع تطبيقاتك المفضلة.
ابدأ - إنه مجاني!
أسئلة متكررة ومتداولة
ما هي أداة «مقتطفات الكود»؟
إن أداة مقتطفات التعليمات البرمجية هي كتلة قابلة للتضمين لعرض التعليمات البرمجية، تتيح عرض أمثلة معنونة ومنسقة وفق بناء الجملة على موقعك الإلكتروني.
هل يمكن للزوار نسخ الكود من الأداة؟
ما التخطيطات المتاحة؟
هل يمكنني عرض أرقام الأسطر؟
هل يمكنني تخصيص مظهر الكود؟
ما هي اللغات التي يمكنني اختيارها؟
Does it work on mobile?
هل أحتاج إلى كتابة أكواد برمجية لاستخدامه؟