يعد إنشاء رسائل البريد الإلكتروني باستخدام ترميز هتمل إحدى المهام الرئيسية لمطوري الويب والمسوقين. ولكن كيف يمكنني جعل زر في رسالة بالبريد الالكتروني? يتيح لك الاستخدام الصحيح للعلامات والأنماط إنشاء أزرار جذابة وعملية تساعد على زيادة فعالية توزيع البريد الإلكتروني الخاص بك.
أولا ، تحتاج إلى إضافة العلامة (مرساة) إلى رمز هتمل من رسالتكم. تحتوي هذه العلامة على سمات هريف (رابط) ونمط (أنماط). يتم تعيين الارتباط في سمة هريف ، ويمكن إضافة الأنماط باستخدام سمة النمط أو ورقة أنماط خارجية.
من أجل جعل الزر أكثر وضوحا ، يمكنك إضافة مراجع أسلوبية إليه. يتم استخدام العلامات (غامق) و (مائل) لهذا الغرض. يمكنك أيضا استخدام العلامة
سيساعد استخدام العلامات والأنماط الصحيحة في جعل الزر الموجود في الحرف جذابا ومبرزا. ومع ذلك ، لا تنس أهمية اختبار بريدك الإلكتروني قبل إرساله للتأكد من أن الزر يبدو ويعمل بشكل صحيح على جميع الأجهزة وعملاء البريد الإلكتروني.
- اختيار لون وشكل الزر
- إضافة نص إلى زر
- إنشاء رابط عن طريق الزر
- محاذاة الزر في الرسالة
- إضافة الظلال والتأثيرات إلى الزر
- التحقق من تشغيل الزر في عملاء بريد إلكتروني مختلفين
- سؤال وجواب
- كيف يمكنني إنشاء زر في رسالة بريد إلكتروني?
- هل من الممكن إنشاء زر مع صورة في البريد الإلكتروني?
- هل يمكنني تصميم زر في رسالة بريد إلكتروني?
- هل من الممكن إنشاء زر من شأنها أن تفتح نافذة مع نموذج?
اختيار لون وشكل الزر
يمكن أن يؤثر لون الزر وشكله بشكل كبير على فعالية وإدراك كتاباتك. سيحدد اختيار اللون كيف سيكون الزر ملحوظا وممتعا للعين. ويمكن أن يؤكد شكل الزر على أسلوب كتابتك أو أن يكون متسقا مع مفهوم التصميم العام.
وهنا بعض النصائح لاختيار لون وشكل الزر:
- اللون:
- الشكل:
من المهم أن تتذكر أن اختيار لون وشكل الزر يجب أن يكون متسقا مع النمط العام وأهداف كتابتك. التزم بمبادئ التصميم الجيد واختبر الخيارات المختلفة للعثور على أفضل حل.
إضافة نص إلى زر
لإضافة نص إلى زر في رسالة بريد إلكتروني ، تحتاج إلى استخدام علامة مع السمة هريف تشير إلى الارتباط والنص الداخلي للزر المغلقة بين علامات الافتتاح والإغلاق. هنا مثال:
انقر لي!
في هذا المثال ، النص " انقر فوق لي!"سيتم عرضه على الزر ، وعند النقر فوقه ، ستضغط على الرابط "https://www.مثال .كوم".
إنشاء رابط عن طريق الزر
لإنشاء ارتباط بالنقر فوق الزر الموجود في البريد الإلكتروني ، اتبع الإرشادات البسيطة:
- إنشاء زر باستخدام علامة أو.
- أضف الأنماط اللازمة إلى الزر لمنحه المظهر المطلوب.
- التفاف الزر في علامة وتحديد الارتباط في السمة هريف.
- حدد نص الزر بين علامتي الفتح والإغلاق للزر.
مثال:
التسجيل
ونتيجة لذلك ، سوف تتلقى زر "تسجيل" مع الأنماط المحددة ، عند النقر عليها ، سيتم إعادة توجيه المستخدم إلى الرابط المحدد.
محاذاة الزر في الرسالة
عند إنشاء زر في رسالة بريد إلكتروني ، قد يكون لديك سؤال حول كيفية محاذاته بشكل صحيح على الصفحة. للقيام بذلك ، يمكنك استخدام عدة طرق مختلفة:
- باستخدام جدول: إنشاء جدول مع خلية واحدة ووضع زر في ذلك. ثم قم بمحاذاة الجدول في الوسط أو اليسار / اليمين باستخدام أنماط كس المناسبة.
- لتعيين الهوامش المطلوبة.
- استخدام القوائم: إنشاء قائمة ووضع زر في عنصرها. ثم ، باستخدام أنماط كس ، محاذاة القائمة في الوسط أو اليسار / اليمين.
يعتمد اختيار طريقة المحاذاة على تفضيلاتك الشخصية واحتياجات المشروع. قد يكون تنفيذ بعض الطرق أسهل ، بينما قد يوفر البعض الآخر مزيدا من المرونة في تخصيص مظهر الزر.
المبدأ الأساسي عند محاذاة زر في رسالة بريد إلكتروني هو إنشاء هيكل سيتم عرضه جيدا في جميع عملاء البريد الإلكتروني وعلى الأجهزة المختلفة. من المهم أيضا التأكد من أن الزر كبير بما يكفي ومسافة بادئة كافية للنقر السهل ، وأن النص الموجود عليه مرئي وقابل للقراءة بوضوح.
إضافة الظلال والتأثيرات إلى الزر
إذا كنت بحاجة إلى إعطاء الزر الخاص بك في الرسالة مظهرا أكثر أناقة وجاذبية ، فيمكنك إضافة تأثيرات مختلفة ، بما في ذلك الظل. إليك كيفية القيام بذلك:
- نص الزر الخاص بك
- في هذا المثال ، أضفنا ظلا باستخدام خاصية مربع الظل. القيمة 0 بكسل 2 بكسل 10 بكسل رغبا(0 ، 0 ، 0 ، 0.2) يحدد إزاحة الظل الأفقي ، إزاحة الظل العمودي ، نصف قطر التمويه ، ولون الظل.
نص الزر الخاص بك
- في هذا المثال ، أضفنا سمات أونموسوفر و أونموسوت لتغيير لون نص الزر عندما يحوم المؤشر فوقه.
- وبالتالي ، يمكنك إضافة ظل وتأثيرات أخرى إلى الزر الخاص بك في الرسالة لجعله أكثر جاذبية وأناقة.
التحقق من تشغيل الزر في عملاء بريد إلكتروني مختلفين
| عند إنشاء زر في رسالة بريد إلكتروني ، من المهم أن تضع في اعتبارك أن عملاء البريد الإلكتروني المختلفين قد يتعاملون مع كود هتمل وأنماطه بشكل مختلف. سيساعد التحقق من تشغيل الزر في عملاء مختلفين على التأكد من عرضه بشكل صحيح ويعمل بشكل صحيح. | غميل: في جوجل ، قد يتم عرض الزر بشكل صحيح ، ولكن قد يكون التصميم محدودا للغاية. جوجل يمكن أيضا تحويل زر تلقائيا إلى رابط النص. |
|---|---|
| توقعات: قد تكون هناك اختلافات في معالجة شفرة هتمل في إصدارات مختلفة من أوتلوك. قد يتسبب هذا في تغيير أنماط الأزرار أو عدم عرضها على الإطلاق. | أبل البريد: بريد أبل عادة ما يدعم زر التصميم بشكل جيد ويعرضها بشكل صحيح. |
| ياهو: ياهو يمكن أيضا تقييد التصميم من الأزرار وتحويلها تلقائيا إلى وصلات النص. | لاختبار تشغيل الزر في عملاء بريد إلكتروني مختلفين ، يوصى باستخدام خدمات اختبار البريد الإلكتروني مثل عباد الشمس أو البريد الإلكتروني على الحمض. تتيح لك هذه الخدمات إرسال بريد إلكتروني وعرض عرضه في عملاء مختلفين قبل إرساله إلى قائمة حقيقية بالمستلمين. |
| عميل البريد الإلكتروني | النتيجة |
| غميل | يمكن أن يكون الزر محدودا في التصميم أو يتم تحويله تلقائيا إلى رابط نصي. |
التوقعات
قد تكون هناك اختلافات في معالجة شفرة هتمل ، مما قد يؤدي إلى تغيير في أنماط الأزرار أو غيابها.
أبل البريد
من خلال الاختبار في عملاء بريد إلكتروني مختلفين ، يمكنك التأكد من أن الزر الموجود في البريد الإلكتروني يعمل بشكل صحيح ويتم عرضه على النحو المنشود.
سؤال وجواب
ادفعني
الصق هذا الرمز في بريدك الإلكتروني ، واستبدل "الرابط" بعنوان ورل المطلوب ، وسيتم إنشاء صورة بالزر.
ادفعني