مولد توقيعات البريد الإلكتروني

لماذا HTML قائم على الجداول؟

تفسّر برامج البريد الإلكتروني HTML بشكل غير موحّد. يستخدم Outlook محرك عرض Word الذي يتجاهل معظم خصائص CSS الحديثة (لا flexbox ولا grid ودعم محدود لـbox-shadow). أما تخطيط الجداول بالأنماط المضمّنة فهو النمط الوحيد الذي تعرضه جميع البرامج الرئيسية بشكل متوقّع. يكتب المولّد هذا النمط المحدود حرفيًا، لذلك يبدو التوقيع نفسه في Gmail وOutlook (سطح المكتب) وOutlook ويب وApple Mail وiOS Mail.

ما ينتجه المولّد

الناتج جدول بسيط: اسمك بخط عريض في السطر الأول، والوظيفة أو الشركة أسفله، ثم بيانات التواصل في سطر أخير مفصولة بخط عمودي:

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

الحقول الفارغة تُتجاهل ببساطة، لذلك يبقى التوقيع الذي يضم الاسم والبريد فقط مدمجًا.

ما الذي يجب أن يتضمنه التوقيع

عناصر لا غنى عنها:

• الاسم الكامل.
• المسمى الوظيفي أو الدور.
• اسم الشركة.
• وسيلة تواصل مباشرة (بريد إلكتروني أو هاتف).

إضافات مفيدة:

• رابط LinkedIn أو رابط موقعك الشخصي.
• رقم الهاتف للوظائف التي تتعامل مع العملاء.

تجنّب:

• الاقتباسات التحفيزية الطويلة.
• ملفات GIF المتحركة (تزيل كثير من البرامج الحركة).
• الصور الكبيرة (تبطّئ تحميل البريد وتُصنَّف “ثقيلة”).
• إخلاءات “السرية” التي تزيد عن سطرين أو ثلاثة، ما لم يفرضها القانون.
• جدار من أيقونات التواصل لكل شبكة سجّلت فيها يومًا.

إضافة صورة أو شعار لاحقًا

ينتج المولّد نصًا فقط. لإضافة صورة شخصية أو شعار، الصق كود HTML الناتج في محرر التوقيع ببرنامج بريدك واستخدم أدوات الصور فيه، أو عدّل كود HTML وأضف وسم img يشير إلى صورة مستضافة. يجب أن تكون الصورة على رابط URL متاح للعموم:

• شبكة توصيل المحتوى (CDN) الخاصة بالشركة: الخيار الأمثل لتوقيعات العمل؛ يمكن لقسم تكنولوجيا المعلومات استضافتها ضمن نطاق العلامة التجارية.
• خدمات الاستضافة المجانية (imgur والخطة المجانية في Cloudinary): سريعة ومجانية، لكن هناك خطر توقف الخدمة.
• الترميز Base64: يتجنّب الاستضافة لكنه يضيف 20-50 كيلوبايت إلى كل بريد، وتحذفه بعض إعدادات Outlook.

أبقِ الصور صغيرة: أقل من 20 كيلوبايت، مربعة الشكل، 120×120 أو أصغر.

خصائص خاصة بأوتلوك

• العرض: أبقِ التوقيع أقل من 600 بكسل؛ فالتوقيعات الأعرض تُقتطع في لوحة المعاينة.
• الخطوط: التزم بـArial أو Helvetica أو Georgia أو Verdana، أو استخدم مجموعة مثل font-family: "Segoe UI", Arial, sans-serif;.
• الألوان: تجنّب اللون #000 النقي؛ فاللون #333 أو #444 يُعرض بشكل أفضل في وضع أوتلوك الداكن.
• لا تستخدم متغيرات CSS أو flex أو grid أو SVG كعناصر رئيسية.

إخلاءات المسؤولية القانونية

تتطلب بعض الولايات القضائية (قانون الشركات البريطاني لعام 2006 ومتطلبات الاتحاد الأوروبي لبعض الكيانات) إدراج اسم الشركة المسجّل ورقمها وعنوانها في رسائل العمل. أضف المعلومات المطلوبة بنفسك، إما في حقلي الوظيفة والشركة أو بتعديل كود HTML بعد الإنشاء، وتحقق مع فريقك القانوني مما إذا كان سوقك يفرضها.