كيفية إعداد نموذج اتصال في WordPress

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

Pirate Forms هو مكون إضافي مجاني لنموذج اتصال WordPress يسمح لك بإنشاء نموذج اتصال فريد من نوعه خاص بك بسرعة. سأوجهك خلال كل خطوة من خطوات العملية حتى تتمكن من إعدادها وتشغيلها في أسرع وقت ممكن. ستتمكن من تخصيص نموذج الاتصال الخاص بك بنهاية هذا المنشور إذا كنت تريده أن يبدو هكذا. الخطوة الثالثة هي تحديد الحقول التي تريد استخدامها في النموذج الخاص بك. بعد أن تقرر تسميات الحقول الخاصة بك ، يمكنك المضي قدمًا وطباعتها. الخطوة الخامسة هي تكوين التنبيهات الخاصة بك. يتلقى المستخدمون أيضًا رسائل تحذير عند استخدامهم للتطبيق.

ليست هناك حاجة للتسجيل في الرسائل المخصصة. ومع ذلك ، من الجيد تمامًا تركها كإعدادات افتراضية. يجعل WordPress من السهل إعداد نموذج الاتصال الخاص بك. يضيف الرمز القصير ، كما يوحي الاسم ، نموذج اتصال إلى WordPress باستخدام بضع كلمات من التعليمات البرمجية. Pirate Forms هي طريقة مباشرة لإضافة نموذج اتصال إلى WordPress ، ولكن إذا كنت بحاجة إلى المزيد من الحقول المعقدة ، فقد ترغب في التفكير في الدفع مقابل مكون إضافي مميز. علاوة على ذلك ، يمكن استخدام الوظائف الإضافية مثل GravityView لتوسيع وظائف هذه المكونات الإضافية.

عند النقر فوق "إشعارات البريد الإلكتروني" في شاشة نموذج الاتصال ، يمكنك إدخال عنوان البريد الإلكتروني الذي تريد إرسال نموذج الاتصال إليه. بعد الانتهاء من التغييرات ، يمكنك حفظها في نموذج الاتصال الخاص بك.

بالإضافة إلى ذلك ، يمكنك عرض النموذج الخاص بك كأداة في الشريط الجانبي أو في تذييل موقع الويب الخاص بك. يمكن سحب أداة نموذج جهة اتصال WordPress وإسقاطها في الشريط الجانبي (أو التذييل) عن طريق تحديد Appearance Widgets. بعد ذلك ، يجب عليك ضبط إعدادات الأداة حسب الحاجة ، ثم النقر فوق حفظ.

يمكن للزوار استخدام نموذج الاتصال على موقع الويب الخاص بك لإرسال ملاحظات أو أسئلة أو اقتراحات أو شكاوى بطريقة بسيطة وآمنة. علاوة على ذلك ، من خلال إضافة نموذج اتصال WordPress ، يمكنك إضافة الميزات التالية إلى موقعك: WPForms هو أفضل مكون إضافي لبرنامج WordPress Form Builder.

كيف يمكنني تغيير نموذج الاتصال في قالب WordPress؟

لتغيير نموذج الاتصال في قالب WordPress ، ستحتاج إلى الوصول إلى ملفات السمات وتعديل الكود. إذا لم تكن معتادًا على الكود ، يمكنك محاولة استخدام مكون إضافي لتغيير النموذج.

لا يوجد نموذج اتصال مدمج لـ WordPress. يمكنك بسهولة إضافة نموذج الاتصال إلى موقع الويب الخاص بك باستخدام مئات من مكونات WordPress الإضافية. لقد أنشأنا هذه المقالة لمساعدتك في تعديل أنماط الاتصال والنماذج في WordPress. Everest Forms هي أفضل مكون إضافي لمنشئ نماذج الاتصال لـ WordPress ، على النحو الذي تحدده المراجعات التي أجريناها. يمكنك تصميم نموذج الاتصال الخاص بك بسرعة وسهولة في واجهة السحب والإفلات هذه ، والتي تتمتع بمستوى عالٍ من المرونة. تحتوي Everest Forms على لوحة تخصيص تتيح لك إجراء مجموعة متنوعة من التغييرات على حجم الخط ولون الخط والتباعد ولون الخلفية والهامش والعديد من التغييرات الأخرى. انتقل إلى لوحة معلومات WordPress الخاصة بك وحدد المربع بجوار المكونات الإضافية.

بمجرد اختيار ملف zip الخاص بـ Style Customizer Add-on من الجهاز ، يمكنك بعد ذلك تشغيله والبدء في استخدامه. في الجزء العلوي من الصفحة ، هناك رسالة تشير إلى أنه يجب عليك إدخال مفتاح ترخيص المكون الإضافي الخاص بك. يمكن العثور على مفتاح الترخيص في علامة التبويب مفاتيح الترخيص في لوحة المعلومات الخاصة بحسابك. يمكنك الاختيار بين القوالب الافتراضية والكلاسيكية للنموذج لجعله يبدو أكثر تقليدية. يمكنك اختيار مجموعة الخطوط التي تريدها من القائمة المنسدلة عن طريق سحبها وإفلاتها. هناك العديد من الخيارات المتاحة لك ، مثل مخفي ، ومنقط ، ومتقطع ، وثابت ، وما إلى ذلك. أداة تخصيص ملصقات الحقول هي أداة تسمح لك بتغيير الملصقات في حقول النموذج.

تتضمن الخيارات حجم الخط واللون والنمط والمحاذاة. من الممكن تخصيص التسميات الفرعية للحقل بنفس الطريقة التي تقوم بها بتسميات الحقول. في حقل تحميل الملف ، يوجد رمز يشير إلى القدرة على تحميل الملفات. يمكنك تغيير لون الأيقونة لجعلها تظهر كأيقونة تحميل ملف. يمكنك أيضًا استخدام ميزة Radio / Checkbox Style الخاصة بـ Everest Forms لتخصيص الأزرار. إذا كنت تريد تضمين الراديو أو مربع الاختيار ، فيمكنك القيام بذلك عن طريق تحديد Style Variation و Outline و Filled. يمكنك إضافة عناوين أقسام إلى النموذج الخاص بك في أحد الحقول المتقدمة في نماذج Everest.

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

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

السبب الأكثر شيوعًا لرسالة خطأ النموذج لا يعمل

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

كيف يمكنني إنشاء نموذج اتصال ديناميكي في WordPress؟

يمكن إنشاء نموذج اتصال ديناميكي في WordPress باستخدام مكون إضافي مثل نموذج الاتصال 7. بمجرد التثبيت والتفعيل ، يمكنك إنشاء نموذج اتصال جديد بالانتقال إلى جهة الاتصال> إضافة جديد في لوحة تحكم مسؤول WordPress. من هناك ، يمكنك إضافة حقول نموذج متنوعة إلى نموذج الاتصال الخاص بك وتخصيص مظهره. أخيرًا ، يمكنك إضافة نموذج الاتصال إلى منشور أو صفحة باستخدام الرمز القصير الذي يوفره المكون الإضافي.

ترشدك هذه الخطوة إلى كيفية إنشاء حقل نص ديناميكي يسحب السياق من متغيرات GET في عنوان URL (أيضًا في الخطوات التالية). باستخدام WPCF7 Tag Generator ، يمكنك إنشاء حقل نص ديناميكي. يمكن وضع الرمز القصير في نص النموذج كتسمية ، مثل السياق. قم بعمل نسخة من النموذج الخاص بك. قد يكون لديك الكثير من المنشورات (أو الصفحات) وتريد معرفة عدد المرات التي نقر فيها المستخدم على رابط الاتصال. تحتوي كل صفحة على رابط إلى صفحة الاتصال مع مجموعة المتغير المناسب في عنوان URL. بعد ذلك ، فإن الخطوة الوحيدة المتبقية هي تمرير متغير السياق إلى نموذج الاتصال.

كيفية إنشاء نموذج اتصال في ووردبريس

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

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

يمكنك استخدام أداة السحب والإفلات الخاصة بـ WPForms لإضافة الحقول ونقلها بسهولة من وإلى نموذج الاتصال الخاص بك. يمكن استخدام CSS و HTML المخصصين لتعديل النموذج الخاص بك ، ولكن يجب أن يتم ذلك بواسطة شخص سبق له العمل على الترميز أو CSS. بعد ذلك ، سنوضح لك كيفية تكوين إعدادات النموذج. الخطوة الرابعة هي تحميل نموذج الاتصال الخاص بك على موقع WordPress الخاص بك. باستخدام منشئ WPForms ، أدخل نموذج الاتصال الخاص بك في صفحة. الخطوة السادسة هي تحديث موقع الويب الخاص بك عن طريق النقر فوق الزر الأزرق في الزاوية العلوية اليسرى من الشاشة. من ناحية أخرى ، يتم ربط محرر صفحة WordPress الخاص بك بالمُنشئ.

عندما تحدد الصفحة التي تريد أن يظهر النموذج فيها ، انقر فوق الزر Let's Go. WPForms هي أداة ممتازة لإنشاء نموذج اتصال لموقع WordPress على الويب. يمكنك أيضًا دمج نموذج الاتصال الخاص بك في حملة توليد أو تحويل إذا كنت تفضل ذلك. OptinMonster هي أقوى أداة لتوليد العملاء المحتملين في السوق. باستخدامه ، يمكنك إنشاء حملات تسويقية تتضمن الشرائح الإضافية والنوافذ المنبثقة والنماذج المضمنة والمزيد. يمكنك استهداف جماهير معينة باستخدام OptinMonster ، والذي يسمح لك بمعرفة الصفحات التي يزورها الزوار ، وأين هم ، وكيف يتفاعلون مع موقع الويب الخاص بك. اجعل من السهل تحويل موقع الويب الخاص بك باستخدام المكون الإضافي المناسب لمنشئ نموذج الاتصال . سيقوم خبراء التحويل لدينا بإنشاء حملة مجانية واحدة لك لتحقيق أقصى قدر من النتائج ، مجانًا تمامًا.

نموذج اتصال WordPress بدون البرنامج المساعد

نموذج الاتصال أمر لا بد منه لأي موقع ويب ، ووردبريس ليس استثناءً. في حين أن هناك العديد من المكونات الإضافية الرائعة المتاحة لإنشاء نموذج اتصال ، يمكنك أيضًا إنشاء واحد بدون مكون إضافي. وإليك الطريقة: أولاً ، قم بإنشاء ملف جديد في قالب WordPress الخاص بك باسم "contact-form.php". بعد ذلك ، انسخ الكود التالي والصقه في هذا الملف: اسمك: بريدك الإلكتروني: رسالتك: if (isset ($ _POST ['cf-submitted'])) {$ name = sanitize_text_field ($ _POST ['cf-name' ]) ؛ $ email = sanitize_email ($ _POST ['cf-email']) ؛ $ message = esc_textarea ($ _POST ['cf-message']) ؛ $ to = get_option ('admin_email') ؛ $ subject = " إرسال نموذج اتصال جديد " ؛ $ body = "الاسم: $ name البريد الإلكتروني: $ email الرسالة: $ message" ؛ $ headers = "من: $ name <$ email>". "\ r" ؛ if (wp_mail ($ to، $ subject، $ body، $ headers)) {$ sent = true؛ } آخر {$ sent = false؛ }}؟

باستخدام HeroTofu ، يمكنك بسهولة إنشاء نموذج اتصال WordPress. هناك 28،183،568 موقع ويب WordPress نشط الآن. يتوفر أيضًا مكون إضافي لإنشاء نموذج اتصال WordPress. سيتناول الدليل التالي كل خيار بالتفصيل ، بالإضافة إلى سبب كون الخيار الثالث هو الخيار الأفضل. ستعلمك هذه الخطوة كيفية إنشاء نموذج اتصال لموقع WordPress الخاص بك ، مثل نموذج الاتصال لموقع WordPress. الخطوة 2 هي اختيار كتلة التعليمات البرمجية التي تريد استخدامها ، ثم نسخ ولصق الرمز الذي تريده ، ثم اختيار كتلة التعليمات البرمجية المراد استخدامها. يمكنك أيضًا إضافة صفحة جديدة إلى لوحة معلومات WordPress الخاصة بك عن طريق النقر فوق إضافة جديد.

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

إعدادات البريد الإلكتروني لنموذج الاتصال في ووردبريس

إذا كنت ترغب في تغيير عنوان البريد الإلكتروني الذي يرسل WordPress إشعارات إليه كلما أرسل شخص ما نموذج اتصال ، فيمكنك القيام بذلك عن طريق زيارة الإعدادات -> صفحة البريد الإلكتروني في لوحة تحكم مسؤول WordPress. من هنا ، يمكنك تغيير عنوان البريد الإلكتروني "إلى" إلى ما تريد.

باستخدام نموذج الاتصال إلى المكون الإضافي للبريد الإلكتروني ، يمكن لمستخدمي WordPress إنشاء وإرسال نماذج الاتصال وعناوين البريد الإلكتروني الخاصة بهم. بالإضافة إلى ذلك ، فإنه يحفظ بيانات نموذج الاتصال في قاعدة بيانات ، ويوفر تقارير قابلة للطباعة ، ويسمح للمستخدمين بتصدير البيانات المحددة إلى ملفات CSV / Excel. يمكن تحويلها من نموذج دفع / نموذج حجز إلى نموذج دفع / نموذج حجز يمكن ربطه ببوابات دفع متعددة. يمكن استخدام المكون الإضافي "نموذج الاتصال إلى البريد الإلكتروني" لإعداد نوعين من تقارير البريد الإلكتروني التلقائية (الدورية). املأ النموذج أدناه إذا كنت تريد عمل تقارير بريد إلكتروني عالمية وتقارير بريد إلكتروني نموذجية. إذا تم تحديد حقل نموذج جهة اتصال معين ، فيمكن استخدام زر طباعة في أسفل الصفحة لطباعة تقرير قيم هذا الحقل بتنسيق مناسب للطباعة. يحتوي المكون الإضافي حاليًا على أكثر من 630.000 عملية تنزيل وتثبيت ، وسيتم إصدار مجموعة جديدة من التحديثات قريبًا.

تضمنت أداة إنشاء النماذج حتى نتمكن من إضافة / تعديل / حذف حقول نصية ومناطق نصية ورسائل بريد إلكتروني بصريًا مع عمليات التحقق الخاصة بكل منها. هناك طريقتان أخريان لاستبدال ملفات الخطوط في مجلد contact-form-to-email / captcha. بالنسبة لنموذج الاتصال ، يتم تقديم captcha باستخدام الخطوط المختارة للنموذج. أضف أنماطًا مخصصة إلى نموذج الاتصال في المكون الإضافي للبريد الإلكتروني. يمكنك تطبيق الأنماط المطلوبة مباشرة على ملفات CSS الخاصة بقالبك أو يمكنك تضمين الأنماط في المكون الإضافي نفسه. تحتوي قاعدة بيانات نموذج الاتصال في WordPress على الرسائل التي تم إرسالها عبر نموذج الاتصال. يمكن تصدير هذه المعلومات تلقائيًا باستخدام منطقة قائمة الرسائل في الكمبيوتر.

يمكن إضافة الحقول أو تحريرها أو حذفها من نموذج الاتصال باستخدام منشئ النموذج. بالإضافة إلى السماح لك بتحديد قواعد التحقق من صحة نموذج الاتصال الخاص بك (والذي يتضمن حقولًا مثل الحقول المطلوبة وعناوين البريد الإلكتروني وما إلى ذلك) ، فإنه يسمح لك بتحديد نوع الحقل والتفاصيل الأخرى. في الإصدارات الأخرى بخلاف الإصدار الحالي ، تتوفر الحقول التالية أيضًا: حقل رقمي مع عمليات التحقق المحددة ، ومنتقي التاريخ ، وخانات الاختيار ، وأزرار الاختيار من متعدد ، وحقول القائمة المنسدلة / التحديد ، وتحميل الملفات ، بالإضافة إلى القائمة المنسدلة / التحديد وتحميل البيانات مجالات.