Email Signature Generator Pro
v2.0
Your Information
Signature Preview
JS
John Smith
Marketing Director at Global Solutions Inc.
john.smith@example.com
+1 (555) 123-4567
https://globalsolutions.com
Easy to Use
Create professional email signatures in minutes with our intuitive interface. No design skills required.
Fully Customizable
Choose from various styles, colors, and layouts to match your personal or brand identity.
Professional Results
Impress clients and colleagues with polished, consistent email signatures across your organization.
`;
const blob = new Blob([htmlCode], { type: 'text/html' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'email-signature.html';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
alert('Signature downloaded successfully!');
});
// Copy signature to clipboard
copyBtn.addEventListener('click', function() {
updateSignature();
const htmlCode = signaturePreview.innerHTML;
navigator.clipboard.writeText(htmlCode).then(() => {
alert('Signature copied to clipboard!');
}).catch(err => {
console.error('Failed to copy: ', err);
alert('Failed to copy to clipboard. Please try again.');
});
});
// Close modal
closeModal.addEventListener('click', function() {
htmlModal.style.display = 'none';
});
// Close modal when clicking outside
window.addEventListener('click', function(event) {
if (event.target === htmlModal) {
htmlModal.style.display = 'none';
}
});
// Function to update signature preview
function updateSignature() {
const fullName = document.getElementById('fullname').value || 'John Smith';
const jobTitle = document.getElementById('jobtitle').value || 'Marketing Director';
const email = document.getElementById('email').value || 'john.smith@example.com';
const phone = document.getElementById('phone').value || '+1 (555) 123-4567';
const company = document.getElementById('company').value || 'Global Solutions Inc.';
const website = document.getElementById('website').value || 'https://globalsolutions.com';
// Update avatar with initials
const initials = fullName.split(' ').map(name => name[0]).join('').toUpperCase();
avatar.textContent = initials;
// Update personal info
nameElement.textContent = fullName;
titleElement.textContent = `${jobTitle} at ${company}`;
// Update contact info
emailElement.innerHTML = ` ${email}`;
phoneElement.innerHTML = ` ${phone}`;
websiteElement.innerHTML = ` ${website}`;
// Update social links based on selection
const socialLinks = document.querySelector('.social-links');
socialLinks.innerHTML = '';
if (document.getElementById('linkedin').checked) {
socialLinks.innerHTML += '';
}
if (document.getElementById('twitter').checked) {
socialLinks.innerHTML += '';
}
if (document.getElementById('facebook').checked) {
socialLinks.innerHTML += '';
}
if (document.getElementById('instagram').checked) {
socialLinks.innerHTML += '';
}
if (document.getElementById('youtube').checked) {
socialLinks.innerHTML += '';
}
if (document.getElementById('whatsapp').checked) {
socialLinks.innerHTML += '';
}
}
});