تيلدا هي أداة لإنشاء مواقع الويب دون الحاجة إلى البرمجة. من أهم المهام عند إنشاء موقع ويب إضافة زر" إرسال طلب". في هذا الدليل التفصيلي ، سنخبرك بكيفية إنشاء مثل هذا الزر على التلدة.
أولا ، افتح محرر التلدة وحدد الكتلة التي تريد إضافة الزر إليها. ثم انقر فوق الزر" إضافة عنصر " الموجود في شريط الأدوات العلوي. في القائمة التي تفتح ، حدد الزر وأضفه إلى الصفحة.
الآن تخصيص مظهر الزر. يمكنك تغيير النص على الزر ، واختيار الخلفية ولون النص ، وتغيير حجم وشكل الزر. للقيام بذلك ، افتح أزرار الإعدادات الموجودة في شريط الأدوات الأيمن.
بعد تكوين المظهر ، انتقل إلى الإعدادات الوظيفية للزر. يمكنك إضافة رابط إلى صفحة أخرى أو مورد خارجي ، وتكوين إرسال البيانات إلى الخادم ، وأكثر من ذلك بكثير. للقيام بذلك ، افتح الزر إعدادات وحدد الخيارات المطلوبة.
تهانينا ، زر "إرسال طلب" جاهز! الآن يمكن لزوار موقعك الاتصال بك بسهولة أو إرسال طلب بمجرد النقر على الزر. وتذكر أنه في التلدة ، يمكنك دائما تغيير مظهر الزر ووظائفه في أي وقت.
- الخطوة 1. إعداد وتكوين مشروع تيلدا
- الخطوة 2. إضافة نموذج الطلب إلى الموقع
- الخطوة 3. أسلوب زر إرسال طلب
- الخطوة 4. إضافة معالج نموذج لتقديم طلب
- الخطوة 5. توصيل الزر إلى النموذج وعرض الإخطار
- الخطوة 6. اختبار وتحسين زر تقديم الطلب
- سؤال وجواب
- كيف يمكنني إنشاء زر" إرسال طلب " على موقع الويب الخاص بي باستخدام منصة تيلدا?
- كيف يمكنني إضافة زر" إرسال طلب " إلى موقع تيلدا دون استخدام النموذج?
- هل من الممكن تغيير مظهر زر "إرسال طلب" على التلدة?
- هل يمكنني إضافة نموذج طلب إلى عدة صفحات من موقع التلدة الخاص بي?
الخطوة 1. إعداد وتكوين مشروع تيلدا
قبل إنشاء زر لترك طلب على التلدة ، تحتاج إلى إعداد المشروع وتكوينه على الصفحة التي تحتاجها. فيما يلي الخطوات التي يجب اتباعها:
- قم بتسجيل الدخول إلى حساب التلدة الخاص بك وحدد المشروع المطلوب.
- قم بإعداد معلمات المشروع الرئيسية ، مثل الاسم والعنوان والتصميم. يمكنك اختيار أحد القوالب الجاهزة أو إنشاء التصميم الخاص بك.
- أضف الأقسام اللازمة إلى صفحة المشروع. يمكن أن تكون هذه كتل نصية وصور ومقاطع فيديو وعناصر أخرى. وضعها في الترتيب الصحيح.
- قم بإعداد المعلومات التي تريد تلقيها من المستخدمين مسبقا عند إرسال طلب. على سبيل المثال ، يمكن أن يكون اسما أو معلومات اتصال أو رسالة نصية.
- قم بإنشاء نموذج يستخدمه المستخدمون لإرسال الطلبات. للقيام بذلك ، استخدم أدوات التلدة المدمجة.
- إعداد النموذج الخاص بك: إضافة الحقول اللازمة ، تعيين قواعد لملء وإعدادات لإرسال التطبيق.
- أضف الزر" إرسال طلب " إلى صفحة المشروع. للقيام بذلك ، استخدم أدوات التلدة للعمل مع الأزرار والروابط.
بعد الانتهاء من كل هذه الخطوات وتكوين النموذج والزر ، ستكون جاهزا للمتابعة إلى الخطوة التالية — إضافة وظيفة لمعالجة التطبيقات.
الخطوة 2. إضافة نموذج طلب إلى الموقع
بعد إنشاء زر التطبيق ، فإن الخطوة التالية هي إضافة النموذج إلى موقعك حتى يتمكن الزوار من ملء المعلومات ذات الصلة وإرسال الطلب.
لإنشاء شكل على التلدة ، يمكنك استخدام كتلة "شكل" خاصة. لهذا:
- حدد عنصر القائمة" إضافة كتلة " في محرر التلدة.
- في النافذة التي تظهر ، حدد كتلة" النموذج".
- اسحب كتلة" النموذج " إلى الموقع المطلوب على موقعك.
بعد إضافة كتلة" النموذج " ، ستحتاج إلى تكوين حقول النموذج لتلقي المعلومات اللازمة من الزوار. لهذا:
- انقر على كتلة" النموذج " لفتح إعداداته.
- أضف الحقول الضرورية ، على سبيل المثال ، "الاسم" ، "البريد الإلكتروني" ، "الهاتف" ، إلخ.
- قم بتخصيص كل حقل وفقا لمتطلباتك ، على سبيل المثال ، حدد أن حقل "الاسم" مطلوب أو قم بتعيين قواعد لحقل "البريد الإلكتروني".
- احفظ التغييرات.
بالإضافة إلى ذلك ، يمكنك إضافة زر "إرسال" إلى النموذج حتى يتمكن الزوار من تأكيد طلبهم وإرساله. لهذا:
- انقر على كتلة" النموذج " لفتح إعداداته.
- حدد المربع"إظهار زر الإرسال".
- تخصيص نص الزر ، على سبيل المثال ، "إرسال طلب".
- احفظ التغييرات.
الآن النموذج الخاص بك جاهز للاستخدام! سيتمكن الزوار من ملء الحقول المطلوبة وإرسال طلباتهم إلى الموقع.
الخطوة 3. تصميم زر إرسال الطلب
بعد إنشاء زر" إرسال طلب " على التلدة ، يمكنك البدء في تصميمه لجعله أكثر جاذبية وسهولة في الاستخدام.
فيما يلي بعض الطرق لتصميم زر:
- تغيير لون خلفية الزر: استخدم كس لتغيير لون خلفية الزر. على سبيل المثال ، يمكنك إضافة خاصية لون الخلفية وتحديد اللون المطلوب في رغب أو شكل عرافة.
- تغيير لون نص الزر: وبالمثل ، يمكنك تغيير لون نص الزر عن طريق تعيين قيمة خاصية اللون.
- إضافة تأثير الماوس: يمكنك إضافة تأثير سيحدث عندما يحوم المستخدم فوق الزر. على سبيل المثال ، يمكنك تغيير لون خلفية زر أو إضافة رسوم متحركة.
- تحديد حجم وشكل الزر: باستخدام كس ، يمكنك تعيين عرض وارتفاع الزر ، وكذلك تغيير شكله. على سبيل المثال ، يمكنك تحديد خصائص العرض والارتفاع ، بالإضافة إلى نصف قطر الحدود لتقريب الزوايا.
- إضافة ظل: لجعل الزر يبدو أكثر ضخامة ويبرز من الخلفية ، يمكنك إضافة ظل إليه. للقيام بذلك ، استخدم خاصية مربع الظل وتعيين القيم المطلوبة.
بالإضافة إلى هذه الطرق الأساسية لتصميم زر ، يمكنك تجربة مع مختلف خصائص المغلق ومجموعات لتحقيق التأثير المطلوب.
أيضا ، لا ننسى فصل الأنماط والعلامات. بل هو ممارسة جيدة لاستخدام ملف كس منفصل لأنماط زر للحفاظ على النظام وجعلها أسهل لتحريرها في المستقبل.
وبالتالي ، يمكنك إنشاء زر "إرسال طلب" فريد وجذاب يتناسب مع التصميم العام لموقعك ويجذب انتباه المستخدمين.
الخطوة 4. إضافة معالج نموذج لتقديم طلب
لكي يعمل زر" إرسال طلب " ، تحتاج إلى إضافة معالج نموذج لإرسال البيانات. يمكن القيام بذلك باستخدام جافا سكريبت.
1. تحتاج أولا إلى إنشاء برنامج نصي يقوم بمعالجة بيانات النموذج. الصق الكود التالي في قسم" إعدادات الصفحة " في مشروعك:
2. أنت الآن بحاجة إلى ربط هذا البرنامج النصي بالزر "إرسال طلب". في المحرر ، انتقل إلى الصفحة التي يوجد بها النموذج وانقر على الزر. في النافذة التي تفتح ، انقر فوق علامة التبويب" الإعدادات".
3. في حقل" انقر فوق معالج " ، أدخل نموذج الإرسال(). انقر فوق الزر" حفظ " لحفظ التغييرات.
4. الآن ، عندما ينقر المستخدم على زر" إرسال طلب " ، سيتم تنفيذ البرنامج النصي وإرسال بيانات النموذج إلى الخادم. بدلا من وظيفة التنبيه () ، ستحتاج إلى استخدام رمز حقيقي لإرسال البيانات ومعالجة استجابة الخادم.
جاهز! الآن لديك زر "إرسال طلب" يعمل على إرسال البيانات إلى الخادم عند النقر عليه.
الخطوة 5. توصيل الزر إلى النموذج وعرض الإخطار
الخطوة الأخيرة هي توصيل زر" إرسال طلب " بالنموذج وعرض إشعار للمستخدم بعد إرسال التطبيق.
1. لتوصيل الزر بالنموذج ، حدد الزر الموجود على الصفحة وانقر فوق الزر" تكوين". في النافذة التي تفتح ، في قسم "الإجراء" ، حدد "إرسال نموذج". سيسمح لك ذلك بإرسال البيانات من نموذج يملأه المستخدم.
2. لعرض الإشعار للمستخدم ، قم بإنشاء جدول جديد ووضعه بعد النموذج. في الجدول ، قم بإنشاء خلية واحدة سيتم وضع معلومات النص فيها.
3. داخل خلية الجدول ، أضف كتلة نصية مع رسالة للمستخدم. على سبيل المثال ، " تم تقديم طلبك بنجاح!". يمكنك استخدام علامات هتمل لتنسيق النص لجعله أكثر تعبيرا.
4. إذا لزم الأمر ، يمكنك إضافة إجراءات إضافية للمستخدم ، على سبيل المثال ، إعادة التوجيه إلى صفحة أخرى بعد إرسال النموذج. للقيام بذلك ، في قسم" الإجراء "، حدد" الانتقال إلى الصفحة " وحدد عنوان ورل للصفحة التي تريد إعادة توجيه المستخدم إليها.
5. انقر فوق الزر" حفظ " لحفظ التغييرات.
الآن ، عند ملء النموذج وإرساله ، سيرى المستخدم إشعارا حول التقديم الناجح للتطبيق. وبالتالي ، فقد جعلت زر" إرسال طلب " وظيفيا ومنح الصفحة مزيدا من الاحتراف.
الخطوة 6. اختبار وتحسين زر تقديم الطلب
بعد إنشاء زر" إرسال طلب " على التلدة ، يوصى بإجراء القليل من الاختبار والتحسين للتأكد من أنه يعمل بشكل صحيح ويجذب انتباه المستخدمين.
فيما يلي بعض التوصيات لاختبار الزر وتحسينه:
- تحقق من الوظيفة: انتقل إلى صفحة الويب باستخدام زر إرسال الطلب وتأكد من عرضه والعمل بشكل صحيح. تأكد من أنه عند النقر فوق الزر ، يتم فتح نموذج الطلب.
- تقييم الرؤية: ضع في اعتبارك موضع الزر على الصفحة ووضوحه للمستخدمين. تأكد من أنه يتم اكتشافه بسهولة ويجذب الانتباه. استخدم الألوان المتناقضة والنص الساطع للزر.
- تحليل المقاييس: استخدم أدوات تحليلات الويب لتتبع مقاييس أداء الأزرار. تقدير عدد النقرات والتحويل على الصفحة باستخدام الزر. إذا كانت الأرقام أقل من المتوقع ، ففكر في إجراء تغييرات.
- اختبار خيارات مختلفة: إجراء اختبارات أ / ب لتحديد الخيار الأفضل للزر والنص على ذلك. استخدم أنظمة ألوان وأشكال ومعلومات نصية مختلفة لتحديد الخيار الأكثر فعالية.
يمكن أن يؤدي تحسين زر" إرسال طلب " إلى زيادة فعاليته بشكل كبير والمساعدة في جذب المزيد من العملاء أو المشترين المحتملين. استكشف باستمرار واختبر خيارات مختلفة لتحسين نتائج زر إرسال الطلب.
سؤال وجواب
كيف يمكنني إنشاء زر" إرسال طلب " على موقع الويب الخاص بي باستخدام منصة تيلدا?
لإنشاء زر" إرسال طلب "على موقع الويب الخاص بك باستخدام منصة تيلدا ، ستحتاج إلى فتح محرر مشروعك ، أو تحديد الكتلة المطلوبة أو إنشاء واحدة جديدة ، ثم النقر فوق الزر" إضافة "وتحديد قسم" النموذج". ثم حدد نوع نموذج الطلب وقم بتكوين معلماته ، على سبيل المثال ، أضف الحقول اللازمة لملئها. بعد ذلك ، قم بتعيين اسم للزر ، وحدد إجراء (على سبيل المثال ، الارتباط برابط) ، واحفظ التغييرات. الآن سيكون زر" إرسال طلب " متاحا على موقع الويب الخاص بك.
كيف يمكنني إضافة زر" إرسال طلب " إلى موقع تيلدا دون استخدام النموذج?
إذا كنت لا ترغب في استخدام نموذج الطلب على موقع تيلدا الخاص بك ، يمكنك إضافة زر "إرسال الطلب" دون النموذج. للقيام بذلك ، ستحتاج إلى إنشاء كتلة تحتوي على نص أو صورة ، والتي ستحتوي على معلومات حول كيفية إرسال طلب. تحت النص أو الصورة ، يمكنك إضافة زر باستخدام وظيفة كتلة الارتباط ، وتحديد ارتباط إلى صفحة نموذج الاتصال أو طريقة اتصال أخرى. وبالتالي ، سيتمكن المستخدمون من الاتصال بك بالنقر فوق الزر "إرسال طلب".
هل من الممكن تغيير مظهر زر "إرسال طلب" على التلدة?
نعم ، يمكنك تغيير مظهر زر" إرسال طلب " على التلدة. توفر منصة تيلدا العديد من خيارات تصميم الأزرار التي يمكنك تحديدها في إعدادات الكتلة أو الزر نفسه. على سبيل المثال ، يمكنك تغيير اللون والحجم والخط وإضافة رمز أو صورة إلى زر ، وما إلى ذلك. بهذه الطريقة ، يمكنك تخصيص مظهر زر" إرسال طلب " وفقا لتصميم موقعك.
هل يمكنني إضافة نموذج طلب إلى عدة صفحات من موقع التلدة الخاص بي?
نعم ، يمكنك إضافة نموذج طلب إلى عدة صفحات من موقع التلدة الخاص بك. للقيام بذلك ، ستحتاج إلى إنشاء نموذج مرة واحدة ثم استخدام مدونة بهذا النموذج في كل صفحة حيث تحتاج إلى زر "إرسال طلب". يمكنك إضافة كتلة نموذج إلى كل صفحة يدويا أو استخدام كتل عمومية لإضافة نموذج إلى صفحات متعددة في نفس الوقت. بهذه الطريقة ، سيتمكن المستخدمون من إرسال الطلبات على صفحات مختلفة من موقع التلدة الخاص بك.