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

أنشئ توقيعات بريد إلكتروني HTML احترافية مع قوالب مخصصة وشعارات وروابط اجتماعية.

متوافق مع Gmail وOutlook وApple Mail وجميع تطبيقات البريد الإلكتروني الرئيسية.

📝 صمم توقيعك

اختر القالب
عصري
عصري
كلاسيكي
كلاسيكي
بسيط
بسيط
احترافي

احترافي

القسم

الصور والشعار

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

تخصيص التصميم

معلومات إضافية

👁️ معاينة مباشرة

املأ معلوماتك لرؤية معاينة التوقيع

📄 كود HTML

انسخ كود HTML هذا والصقه في إعدادات التوقيع في برنامج البريد الإلكتروني الخاص بك

📚 كيفية تثبيت توقيع البريد الإلكتروني

جيميل
أوتلوك
بريد آبل
بريد ياهو

تعليمات جيميل:

  1. افتح جيميل وانقر على أيقونة الإعدادات
  2. اختر "عرض كافة الإعدادات"
  3. مرر لأسفل إلى قسم "التوقيع"
  4. انقر على "إنشاء جديد" وأعطه اسماً
  5. الصق توقيع HTML في مربع النص
  6. مرر لأسفل وانقر على "حفظ التغييرات"

تعليمات أوتلوك:

  1. افتح أوتلوك واذهب إلى ملف > خيارات
  2. اختر "البريد" من الشريط الجانبي الأيسر
  3. انقر على زر "التوقيعات..."
  4. انقر على "جديد" لإنشاء توقيع جديد
  5. الصق توقيع HTML في المحرر
  6. اضبطه كافتراضي للرسائل الجديدة والردود
  7. انقر على "موافق" للحفظ

تعليمات بريد آبل:

  1. افتح بريد آبل واذهب إلى البريد > التفضيلات
  2. انقر على تبويب "التوقيعات"
  3. اختر حساب البريد الإلكتروني في العمود الأيسر
  4. انقر على زر "+" لإضافة توقيع جديد
  5. الصق توقيع HTML في اللوحة اليمنى
  6. اختر هذا التوقيع كافتراضي إذا رغبت

تعليمات بريد ياهو:

  1. افتح بريد ياهو وانقر على أيقونة الإعدادات
  2. اختر "المزيد من الإعدادات"
  3. انقر على "كتابة البريد الإلكتروني" من القائمة اليسرى
  4. مرر لأسفل إلى قسم "التوقيع"
  5. الصق توقيع HTML في منطقة النص
  6. انقر على "حفظ" لتطبيق التغييرات

💼 تبني علامتك التجارية المهنية؟

اعثر على بطاقات العمل، ومواد التسويق، وموارد العلامة التجارية

🃏 بطاقات الأعمال 🎨 أدوات التصميم 🔗 ملف لينكد إن الشخصي 📧 التسويق عبر البريد الإلكتروني

البنية التحتية الأساسية للأمة الذكية: رمز WIA

توصيل بالطائرات بدون طيار والروبوتات، القيادة الذاتية، الإنقاذ في حالات الطوارئ والمزيد - جرب المستقبل خلال 30 يوماً، مجاناً تماماً لدولتك!

تعرف أكثر على رمز WIA

🤖 اختر مساعدك الذكي

💬 شات جي بي تي
الأفضل لنصائح تصميم توقيع البريد الإلكتروني
→ chat.openai.com
🧠 كلود
مثالي لنصائح التواصل المهني
→ claude.ai
✨ جيميناي مجاني
مساعدة مجانية في العلامة التجارية للأعمال
→ gemini.google.com
احصل على مساعدة الذكاء الاصطناعي لتصميم توقيعك الإلكتروني
`; const blob = new Blob([fullHTML], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `email-signature-${signatureData.fullName.replace(/\s+/g, '-').toLowerCase()}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showNotification('Signature downloaded!', 'success'); trackEvent('signature_downloaded'); } // Download HTML file function downloadHTML() { const htmlCode = document.getElementById('htmlOutput').value; if (!htmlCode.trim()) { showNotification('الرجاء إنشاء توقيع أولاً', 'error'); return; } const blob = new Blob([htmlCode], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `signature-code-${Date.now()}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showNotification('HTML file downloaded!', 'success'); trackEvent('html_downloaded'); } // ========== UTILITY FUNCTIONS ========== // Show notification toast function showNotification(message, type = 'success') { const toast = document.createElement('div'); toast.className = `toast ${type}`; toast.textContent = message; document.body.appendChild(toast); setTimeout(() => { toast.remove(); }, 3000); } // Show OTA section function showOTA() { const otaContainer = document.getElementById('otaContainer'); if (otaContainer && (otaContainer.style.display === 'none' || !otaContainer.style.display)) { otaContainer.style.display = 'block'; } } // Analytics tracking function trackEvent(eventName, data = {}) { if (typeof gtag !== 'undefined') { gtag('event', eventName, { 'event_category': TOOL_CONFIG.category, 'event_label': TOOL_CONFIG.name, ...data }); } } // ========== AI ASSISTANT FUNCTIONS ========== function openAIModal() { const modal = document.getElementById('aiModal'); modal.classList.add('show'); } function closeAIModal() { const modal = document.getElementById('aiModal'); modal.classList.remove('show'); } function selectAI(aiType) { switch(aiType) { case 'chatgpt': const toolContext = `I'm using an Email Signature Generator tool. I need help with professional email signature design, business communication, or branding advice.`; const chatUrl = `https://chat.openai.com/?q=${encodeURIComponent(toolContext)}`; window.open(chatUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'chatgpt' }); break; case 'claude': const claudeContext = `I'm using an Email Signature Generator tool. I need help with professional email signature design, business communication, or branding advice.`; const claudeUrl = `https://claude.ai/chat?q=${encodeURIComponent(claudeContext)}`; window.open(claudeUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'claude' }); break; case 'gemini': const geminiContext = `I'm using an Email Signature Generator tool. I need help with professional email signature design, business communication, or branding advice.`; const geminiUrl = `https://gemini.google.com/?q=${encodeURIComponent(geminiContext)}`; window.open(geminiUrl, '_blank'); closeAIModal(); trackEvent('ai_selection', { ai_type: 'gemini' }); break; } } // ========== EVENT LISTENERS ========== document.addEventListener('DOMContentLoaded', function() { // Template selection document.querySelectorAll('.template-option').forEach(option => { option.addEventListener('click', function() { document.querySelectorAll('.template-option').forEach(opt => opt.classList.remove('active')); this.classList.add('active'); generateSignature(); }); }); // Form field changes const formFields = [ 'fullName', 'jobTitle', 'company', 'department', 'email', 'phone', 'website', 'address', 'linkedin', 'twitter', 'facebook', 'instagram', 'primaryColor', 'fontFamily', 'quote', 'disclaimer' ]; formFields.forEach(fieldId => { const field = document.getElementById(fieldId); if (field) { field.addEventListener('input', generateSignature); field.addEventListener('change', generateSignature); } }); // File uploads document.getElementById('profilePhoto').addEventListener('change', generateSignature); document.getElementById('companyLogo').addEventListener('change', generateSignature); // Color picker sync document.getElementById('primaryColor').addEventListener('input', function() { document.getElementById('primaryColorText').value = this.value; generateSignature(); }); document.getElementById('primaryColorText').addEventListener('input', function() { if (/^#[0-9A-F]{6}$/i.test(this.value)) { document.getElementById('primaryColor').value = this.value; generateSignature(); } }); // Instruction tabs document.querySelectorAll('.instruction-tab').forEach(tab => { tab.addEventListener('click', function() { const tabId = this.dataset.tab; // Update active tab document.querySelectorAll('.instruction-tab').forEach(t => t.classList.remove('active')); this.classList.add('active'); // Update active content document.querySelectorAll('.instruction-content').forEach(content => { content.classList.remove('active'); }); document.getElementById(`${tabId}-instructions`).classList.add('active'); }); }); // AI modal events document.getElementById('aiBtn').addEventListener('click', openAIModal); document.getElementById('aiModal').addEventListener('click', function(e) { if (e.target === this) closeAIModal(); }); // ESC key to close modal document.addEventListener('keydown', function(e) { if (e.key === 'خروج') closeAIModal(); }); // Initialize updateCurrentYear(); updateToolCount(); trackEvent('page_view', { tool: TOOL_CONFIG.name, category: TOOL_CONFIG.category }); }); // ========== DYNAMIC TOOL COUNT ========== async function updateToolCount() { try { const response = await fetch('/api/tool-count.php'); const data = await response.json(); document.querySelectorAll('.dynamic-tools-count').forEach(el => { el.textContent = `${data.count}+ free online tools in 206 languages. No signup, no fees, just tools that work.`; }); document.querySelectorAll('.dynamic-count').forEach(el => { const prefix = el.getAttribute('data-text') || ''; const suffix = el.getAttribute('data-suffix') || ''; const icon = el.textContent.split(' ')[0] || ''; el.textContent = `${icon} ${prefix} ${data.count}+ ${suffix}`; }); } catch (error) { const fallbackCount = 333; document.querySelectorAll('.dynamic-tools-count').forEach(el => { el.textContent = `${fallbackCount}+ free online tools in 206 languages. No signup, no fees, just tools that work.`; }); document.querySelectorAll('.dynamic-count').forEach(el => { const prefix = el.getAttribute('data-text') || ''; const suffix = el.getAttribute('data-suffix') || ''; const icon = el.textContent.split(' ')[0] || ''; el.textContent = `${icon} ${prefix} ${fallbackCount}+ ${suffix}`; }); } } function updateCurrentYear() { const currentYear = new Date().getFullYear(); document.querySelectorAll('.current-year').forEach(el => { el.textContent = currentYear; }); } // ========== ANALYTICS ========== window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXX');