الأدلة/تحرير موقعك الإلكتروني/المُحرر/النماذج/إنشاء نموذج جهة الاتصال

إنشاء نموذج جهة الاتصال

يمكنك إنشاء نماذج على موقعك لجمع الرسائل، والحجوزات، والتسجيلات، والملاحظات، والمزيد. في هذا الدليل، ستتعرّف على كيفية إنشاء نموذج يمكنك إضافته إلى موقعك.

مقطع فيديو تعليمي

إنشاء النموذج الخاص بك

لإنشاء نموذج جديد، تابع الخطوات التالية:

  1. انتقل إلى لوحة التحكم بموقعك.
  2. انتقل إلى Jetpack ← النماذج.
  3. انقر على الزِر “إنشاء نموذج” الموجود في الجزء العلوي الأيمن.
An arrow pointing to the "Create a form" button.
  1. حدد اسمًا للنموذج (على سبيل المثال، “اتصل بنا”) وانقر على الزِر إنشاء. يظهر الاسم في لوحة تحكم “النماذج” ويساعدك على تمييز نماذجك عندما يكون لديك أكثر من نموذج.
The form name field and Create buttons highlighted.
  1. في محرِّر النموذج، اختر من بين التخطيطات المختلفة الجاهزة، بما في ذلك نموذج جهة الاتصال، أو نموذج RSVP، أو نموذج التسجيل، أو نموذج الموعد، أو نموذج الملاحظات، أو النموذج متعدد الخطوات. أو استخدم الحقل النصّي لوصف النموذج الذي تريده.
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. أضف حقول النموذج الخاصة بك وقم بتخصيصها باستخدام + أداة إدراج المكوِّنات داخل النموذج. تتضمن أنواع الحقول المتاحة الاسم، والبريد الإلكتروني، ومنطقة النصّ، ومربع الاختيار، وأزرار الاختيار، والقائمة المنسدلة، ورفع الملف.
  2. صمم النموذج الخاص بك عن طريق تغيير الألوان، والخطوط، والتخطيطات من إعدادات نمط النموذج.

اختيار ما يحدث بعد الإرسال

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

  1. افتح طريقة عرض القائمة عن طريق النقر على أيقونة الخطوط الأفقية الثلاثة الموجودة في أعلى يسار المحرر.
  2. حدّد المكوِّن “النموذج” في القائمة.
An arrow from the List View icon to the Form block in the List View.
  1. في الشريط الجانبي لإعدادات المكوّن، قم بتوسيع “الإجراء بعد الإرسال“.
The "action after submit" settings showing options for a text or redirect link.
  1. اختر أحد الخيارات التالية:
    • النصّ: عرض رسالة مخصصة. يمكنك تحرير النصّ الافتراضي، وتحديد ما إذا كنت تريد عرض ملخص للبيانات المرسلة أم لا، وتضمين رابط “الرجوع“.
    • رابط إعادة التوجيه: إرسال الزائرين إلى صفحة أخرى بعد الإرسال.

انشر النموذج الخاص بك

عندما يكون النموذج الخاص بك جاهزًا، تابع الخطوات التالية:

  1. انقر على الزِر نشر في الزاوية العلوية اليمنى من المحرِّر.
  2. قم بالتأكيد عن طريق النقر على نشر مرة أخرى في اللوحة التي تظهر.

تم الآن حفظ نموذجك وأصبح متوفرًا لتضمينه في أي صفحة أو تدوينة.

بعد نشر النموذج الخاص بك، سترى الخيارات التالية:

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

بمجرد أن تغادر محرر النموذج، ستظل قادرًا على إضافة النموذج إلى أي صفحة. تعرف على المزيد في دليل المكوّن “النموذج” لدينا.

The post-publish options for adding a form to a page.

تلقي التنبيهات عبر البريد الإلكتروني

تتلقى تنبيهًا عبر البريد الإلكتروني في كل مرة يرسل فيها شخص ما نموذجًا على موقعك. يمكنك الرد على رسائل البريد الإلكتروني هذه مباشرة في برنامج بريدك الإلكتروني.

بشكل افتراضي، يتم إرسال الردود إلى عنوان البريد الإلكتروني المرتبط بحسابك على WordPress.com. لتغيير عنوان البريد الإلكتروني أو إضافة مستلمين متعددين، تابع الخطوات التالية:

  1. افتح طريقة عرض القائمة من خلال النقر على الأيقونة التي تظهر في صورة ثلاثة خطوط أفقية في الزاوية العلوية اليسرى من المحرر.
  2. حدّد المكوِّن “النموذج” في القائمة.
An arrow from the List View icon to the Form block in the List View.
  1. في الشريط الجانبي للإعدادات الخاص بالمكوِّن، قم بتوسيع تنبيهات النموذج.
  2. تأكد من أن مفاتيح التبديل “إرسال الردود إلى البريد الإلكتروني “مفعلة.
  3. أدخل عنوان البريد الإلكتروني في حقل “البريد الإلكتروني المراد الإرسال إليه“. افصل بين عناوين البريد الإلكتروني المتعددة بفواصل.
  4. انقر على حفظ.
The Form block's notifications settings with a text field labeled "Email Address to Send To"

تخصيص سطر موضوع البريد الإلكتروني

يمكنك تخصيص سطر عنوان البريد الإلكتروني لرسائل التنبيهات التي تتلقاها. في قسم تنبيهات النموذج ضمن إعدادات المكوّن، قم بتحديث حقل “سطر عنوان البريد الإلكتروني“.

لتضمين معلومات من إرسال النموذج في سطر العنوان، اكتب اسم الحقل داخل قوسين معقوفين. على سبيل المثال، إذا كان نموذجك يحتوي على الحقلين “الاسم” و”البريد الإلكتروني”، فأدخل {name}؛ {email} لتضمين تلك القيم في الموضوع. يجب أن تتطابق أسماء الحقول مع الملصقات الموجودة على النموذج الخاص بك وألا تكون حساسة لحالة الأحرف.

The form block settings showing how the subject line can be customized.

إعداد التنبيهات الفورية

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

  1. افتح عرض القائمة في المحرر.
  2. حدّد المكوِّن “النموذج” في القائمة.
  3. في الشريط الجانبي للإعدادات الخاص بالمكوِّن، قم بتوسيع تنبيهات النموذج.
  4. قم بالتبديل في “تمكين التنبيهات للردود“.
  5. اختر أي من مستخدمي موقعك سيتلقى تنبيهات.
  6. انقر على حفظ.
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

تكوين تخزين الردود

بشكل افتراضي، يتم تخزين النماذج المرسلة من خلال المكوِّن “النموذج” ضمن الردود في Jetpack ← النماذج. يكون تخزين ردودك على موقعك مفيدًا بشكل خاص إذا تم حظر الرسائل المرسلة إلى بريدك الإلكتروني على أنها بريد مزعج.

قم بتكوين تخزين الردود عن طريق اتباع الخطوات التالية:

  1. افتح عرض القائمة في المحرر.
  2. حدّد المكوِّن “النموذج” في القائمة.
  3. في الشريط الجانبي لإعدادات المكوِّن، قم بتوسيع “تخزين الردود“.
  4. قم بتبديل خيار “حفظ الردود” لإيقاف تخزين رسائلك. قم بتبديل “حفظ الردود” لتخزين الردود على موقعك.
The Save responses toggle under Response storage toggled on.

فهم مزامنة النموذج

يتم تخزين كل نموذج على موقعك كتدوينة نموذج. عندما تقوم بإدراج المكوِّن “النموذج” على صفحة، فإن منصة WordPress.com تقوم بإنشاء تدوينة نموذج مرتبطة بذلك المكوّن. تم تصميم عمليات التحرير لتبقى متزامنة بين الاثنين:

  • تؤدي التغييرات، التي يتم إجراؤها على المكوِّن “النموذج” في صفحة ما، إلى تحديث تدوينة النموذج.
  • التغييرات التي يتم إجراؤها في محرر النموذج، تقوم بتحديث الصفحات حيث يظهر ذلك النموذج.
  • تعرض لوحة تحكم “النماذج” في Jetpack ← النماذج جميع تدوينات النموذج لديك في مكان واحد.

تحدث المزامنة تلقائيًا عند الحفظ. إذا لم يظهر النموذج في لوحة تحكم “النماذج” بعد إدراجه في صفحة، فقم بتحويله باستخدام هذه الخطوات.

Copied to clipboard!