في هذه المقالة سوف تتعرف على كيفية إنشاء نموذج باستخدام Elementor مجانًا.
على الرغم من أن أداة النموذج متاحة فقط في Elementor Pro ، إلا أن هذا لا يعني أنه لا يمكنك إنشاء نموذج على الإصدار المجاني من Elementor.
إذا كنت بحاجة إلى إضافة نموذج إلى الصفحة التي تقوم بإنشائها باستخدام الإصدار المجاني من Elementor ، فيمكنك استخدام الطريقتين اللتين سنغطيهما في هذه المقالة.
يأتي Elementor ، سواء كان الإصدار المحترف أو الإصدار المجاني ، مع اثنين من عناصر واجهة المستخدم التي يمكنك استخدامها لإنشاء نموذج. هذه هي أدوات HTML و Shortcode. باستخدام أداة HTML ، يمكنك تضمين نموذج HTML ، بينما تسمح لك أداة Shortcode بتضمين نموذج من المكونات الإضافية للنموذج التي تستخدم الرمز القصير مثل معلومات الاتصال 7.
إنشاء نموذج باستخدام إصدار مجاني من Elementor باستخدام أداة HTML
تتطلب هذه الطريقة أن يكون لديك مهارة HTML لإنشاء النموذج. أو يمكنك تنزيل قالب نموذج HTML من الإنترنت. لدى W3docs أكثر من 60 قوالب نماذج HTML والتي يمكنك تنزيلها مجانًا.
للبدء ، قم بإنشاء صفحة جديدة وقم بتحريرها باستخدام Elementor (الصفحات -> إضافة). بالطبع ، يمكنك أيضًا تحرير صفحة موجودة. إذا كنت تريد إنشاء نموذج على صفحة جديدة ، فتذكر تعيين تخطيط النموذج بالنقر فوق رمز الترس في اللوحة اليمنى السفلية.
أضف قسمًا جديدًا عن طريق النقر فوق زر علامة الجمع في منطقة التحرير وإضافة نموذج HTML عن طريق سحبه من اللوحة اليسرى إلى منطقة التحرير. ضعه في المنطقة التي تريدها. ثم انتقل إلى اللوحة اليسرى والصق كود HTML للنموذج في الحقل كود HTML تحت علامة التبويب محتويات.
قم بنشر / تحديث الصفحة بمجرد الانتهاء من تحريرها.
انظر أيضا: كيفية استخدام عناصر واجهة / قوالب Elementor مثل كتل Gutenberg
شيء. إذا كان نموذج HTML الخاص بك يستخدم CSS أو الصور أو JavaScript خارجيًا للتصميم ، فتأكد من تحميل المجلدات التي تحتوي على كود CSS والصور وجافا سكريبت إلى الدليل الجذر لموقع الويب الخاص بك.
قم بإنشاء نموذج على Elementor مجانًا باستخدام نموذج الاتصال 7
إذا لم يكن لديك أي مهارات HTML ولا تريد استخدام قالب نموذج HTML ، فيمكنك إنشاء نموذج على الإصدار المجاني من Elementor باستخدام المكون الإضافي تواصل معنا 7. هناك بالفعل العديد من الإضافات للنماذج الأخرى. نوصي الاتصال 7 نموذج لأنه البرنامج المساعد الأكثر شيوعًا في WordPress وهو مجاني تمامًا.
أولاً ، قم بتثبيت البرنامج المساعد معلومات الاتصال 7. للقيام بذلك، انتقل إلى ملحقات -> إضافة. اكتب "نموذج الاتصال 7" في مربع البحث وانقر فوق الزر تثبيت الآن بمجرد العثور عليه.
قم بتنشيط المكون الإضافي على الفور بمجرد تثبيته.
يأتي نموذج الاتصال 7 مع نموذج افتراضي (أ نموذج الاتصال ). يمكنك استخدامه إذا كنت تريد. إذا كنت ترغب في إنشاء نموذج جديد بدلاً من ذلك ، يمكنك الانتقال إلى الاتصال -> إضافة. امنح النموذج اسمًا حتى تتمكن من التعرف عليه بسهولة في المستقبل.
بشكل افتراضي ، سيتألف النموذج الخاص بك من أربعة حقول: الاسم والبريد الإلكتروني والموضوع والرسالة.
إذا كنت تريد إضافة حقل جديد ، فضع المؤشر في المنطقة التي تريد إضافة الحقل الجديد إليها (يمكنك وضعه أسفل حقل موجود أو فوقه). أضف تسمية لحقل النموذج الجديد بالتنسيق <label> votre label préféré </label>.
ضع المؤشر بعد التسمية مباشرةً وحدد حقلاً في علامة تبويب الحقل. يمكنك إضافة فاصل أسطر جديد لجعل مجالك الجديد أكثر نظافة من الحقول الموجودة الأخرى.
املأ الحقول وانقر فوق أدخل العلامة (يمكنك ترك كل شيء كإعداد افتراضي).
سيقوم نموذج الاتصال 7 بإرسال الطلبات المقدمة من خلال النموذج الخاص بك إلى بريد إلكتروني. يمكنك ضبط البريد الإلكتروني من علامة التبويب البريد الإلكتروني.
يمكنك الذهاب إلى علامة التبويب الرسائل إذا كنت تريد تجاوز الرسائل الافتراضية. يمكنك تخصيص الرسالة التي تظهر بعد قيام الزائرين بإرسال النموذج أو رسالة الخطأ بنجاح عندما لا يتم إرسال النموذج ، وما إلى ذلك.
انقر فوق الزر سجّل بمجرد الانتهاء من تحرير النموذج ونسخ الرمز المختصر.
لإضافة النموذج الذي أنشأته للتو إلى صفحة Elementor الخاصة بك ، قم بإنشاء صفحة جديدة وقم بتحريرها باستخدام Elementor ، أو يمكنك أيضًا تحرير صفحة موجودة.
اقرأ أيضا: كيفية تعطيل العنصر المنبثق على الهواتف الذكية
أضف قسمًا جديدًا لوضع النموذج وإضافة ملف القطعة الرمز القصير. بمجرد إضافة أداة Shortcode ، انتقل إلى اللوحة اليمنى والصق الرمز القصير الذي نسخته في الحقل رمز قصير تحت علامة التبويب محتويات.
قم بنشر / تحديث صفحتك بمجرد الانتهاء من تحريرها.
يستخدم نموذج الاتصال 7 تنسيق نمط ملف وورد موضوع التي تستخدمها. يمكنك تصميم نموذج الاتصال 7 الخاص بك ، ولكن مهارات CSS مطلوبة. يمكنك أيضًا عرض هذه المقالة على كيفية تخصيص نموذج الاتصال 7 مع الإضافات الأساسية والعنصر.
احصل على Elementor Pro الآن !!!
وفي الختام
لذا ! هذا كل شيء في هذه المقالة التي توضح لك كيفية إنشاء نموذج باستخدام Elementor مجانًا. إذا كانت لديك أية مخاوف بشأن كيفية الوصول إلى هناك ، فأخبرهم بذلك في تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
