لا تحب الإعلانات؟ يذهب خالية من الإعلانات اليوم 

مُولد علامة البريد الإلكتروني باللغة HTML

مطورنص

إعلان · حذف؟

مدخل

عملية تلقائية

المعلومات الشخصية

الاسم الكامل

مسمى الوظيفة

الشركة

هاتف

بريد إلكتروني

موقع إلكتروني

العنوان

أسلوب

التصميم

خط العائلة

لون المُميز

تُستخدم لاسمك، الروابط، والمسافات العمودية.

لون النص

حجم الخط

صورة وشعار

تتضمن صورة الملف الشخصي

رابط الصورة

يُفضل استخدام صورة مربعة (90x90 أو أكبر).

شكل الصورة

تتضمن شعار الشركة

رابط الشعار

روابط التواصل الاجتماعي

رابط لينكدإن

اتركه فارغًا لإخفاء هذا الرمز.

رابط تويتر / X

رابط جيثو

رابط إنستغرام

تنصل

تتضمن ملاحظة أو ملحوظة قانونية

نص الملاحظة

انتاج

جانب العميل

أدخل الحقول على اليسار لرؤية معاينة حية هنا.

التوقيع HTML

HTML مُصاغ بأسلوب مباشر لـ Gmail، Outlook، Apple Mail وغالبية مُرسلات البريد الإلكتروني.

إعلان · حذف؟

مرشد

مُولد علامة البريد الإلكتروني باللغة HTML

أنشئ توقيع بريد إلكتروني مُعدّ للنسخ والنشر في ثوانٍ. اختر التصميم، أدخل اسمك، منصبك، معلومات الاتصال، روابط التواصل الاجتماعي، لون التباين، وصورة ملفك الشخصي أو شعار الشركة (إذا أردت) — يُعرض التوقيع بمعاينة حية ويُنتج HTML مُصاغ بأسلوب مباشر يُنسخ بسهولة إلى Gmail، Outlook، Apple Mail وغالبية مُرسلات البريد الإلكتروني الأخرى.

كيفية استخدام

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

خصائص

العرض المباشر — رؤية بالضبط ما سيراه المستلمون، داخل بريد إلكتروني افتراضي يحتوي على مرحباً وتوقيع.
ثلاثة تخطيطات — أفقية (الصورة على اليسار، النص على اليمين مع مُقسّم تبايني)، عمودية (الصورة فوق النص)، ومدمجة (نص فقط).
HTML مُصاغ بأسلوب مباشر — يستخدم كل عنصر أسلوب CSS مُباشر بحيث يُظهر التوقيع بشكل موثوق في Gmail، Outlook على الويندوز، Outlook عبر الويب، Apple Mail وغالبية المُرسلات المحمولة.
أسطر الاتصال الذكية — تصبح الأرقام الهاتفية روابط، تصبح البريد الإلكترونيات روابط، تصبح روابط المواقع الإلكترونية قابلة للنقر، والعناوين تبقى نصًا بسيطًا. tel: شكل الصورة المُخصص mailto:— دائري، مربع مُحاط بجوانب مُلساء، أو مربع مُربع. اختر المظهر الذي يناسب علامة تجاريةك.
مجموعة رموز التواصل الاجتماعي — لينكدإن، تويتر / X، جيثو، إنستغرام. تُتجاهل الحقول الفارغة بشكل سلّم.
مقطع ملاحظة اختياري — للاستخدام في الملاحظات القانونية أو الملاحظات الخاصة التي تطلبها العديد من الشركات.
أثنان من أنماط النسخ — نسخ التوقيع المُعرض (نسخ كنص مُكتمل إلى Gmail) أو نسخ المصدر الخام (للمحررين المتقدمين).
— لا يتم تحميل أي شيء على خادم. لا تُنقل روابط الصور أو معلومات الاتصال خارج جهازك. لماذا يستخدم التوقيعات البريدية أسلوب CSS المُباشر بدلًا من ملفات أسلوب؟
يُشغل بالكامل في المتصفح الخاص بك تُحذف معظم مُرسلات البريد الإلكتروني مُستندات ، عناصر ، وأسلوب CSS خارجي لسبب أمان وعرض. يتجاهل Outlook بشكل خاص الأنواع والملفات المُخصصة ويُحترم فقط الأسلوب المُباشر على العناصر الفردية. استخدام كل قاعدة أسلوب مباشرة على العنصر المُوجه هو الطريقة الأكثر موثوقية لضمان أن التوقيع يظهر بنفس الشكل في Gmail، Outlook، Apple Mail وجميع المُرسلات المحمولة.

 التعليمات

لماذا تُبنى التوقيعات البريدية باستخدام جداول HTML بدلًا من عناصر div ونظام flexbox؟

يستخدم Outlook على ويندوز محرك عرض مُستند إلى Microsoft Word لرسائل البريد الإلكتروني، والذي يدعم بشكل ضعيف التصميمات الحديثة لـ CSS. الجداول مع عناصر عرض محددة، ومسافات، وحدود هي الوحدة الوحيدة التي تُظهر نفس الشكل في Word-Outlook كما تظهر في كل مكان آخر. استخدام جداول مُتداخلة للعمودين الصورة والنص هو النمط المعروف للتوافق في رسائل البريد الإلكتروني المُصاغة بالـ HTML.
ما الفرق بين نسخ التوقيع المُعرض ونسخ المصدر الخام؟

النسخ المُعرض (نص مُكتمل) يسمح لمحرر البريد الإلكتروني بجمع النتيجة البصرية وبناء نسخة HTML خاصته — وهذا ما يتوقعه محرر التوقيع في Gmail. أما النسخ الخام للـ HTML فهو ما يريده المحررون المتقدمون (ملفات توقيع Outlook، ملفات plist في Apple Mail، أدوات توقيع خارجية) لأنهم يُخزنون التصاميم بالكامل ويُعيدون تطويرها عند إرسال الرسالة.
لماذا يجب أن تكون صور التوقيعات مُستندة إلى رابط علني بدلًا من الربط؟

إذا كانت الصورة مرفقة أو مُضمنة كرابط data:، فإن العديد من المُرسلين يُعرضونها كمُرفق أو يُخفونها بالكامل. استخدام رابط HTTPS مُتاح علني يسمح للعميل بتحميل الصورة مباشرة، مثلما يفعله أي بريد إلكتروني آخر. في هذه الحالة، يُخفى الصورة فقط عند تفعيل مُعطلة للصور، ويمكن للمستلمين اختياره مرة واحدة ويُستخدم في كل بريد إلكتروني مستقبلي.
لماذا تعمل روابط mailto: و tel: حتى في مُرسلات بريد إلكتروني حافظة؟

ألكس مورغان
مُصمم منتج مُتقدم

mailto: and tel: are URI schemes defined in the HTML spec and supported by every operating system, so email clients treat them the same way browsers do — clicking them hands the URI off to the OS, which opens the default mail or phone app. Because the scheme handlers live in the OS, no third-party permissions or special rendering is required, which is why these links survive even the strictest email-client sanitizers.