Lead Management
Leads
Templates
Send Emails
Received Emails
Email Client
View All Emails
Automation
Create Email Template
Template Title
Email Subject
Email HTML Code
(this is the code you will send — inline CSS included!)
Render Preview
Copy HTML
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome Email</title> </head> <body style="margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f4f4f4;"> <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f4f4f4;"> <tr> <td align="center" style="padding: 20px;"> <table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);"> <tr> <td style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 40px 30px; text-align: center; border-radius: 10px 10px 0 0;"> <h1 style="color: white; margin: 0; font-size: 28px; font-weight: bold;">Hello {name}!</h1> <p style="color: white; margin: 10px 0 0 0; font-size: 16px;">Welcome to our amazing service</p> </td> </tr> <tr> <td style="padding: 40px 30px;"> <h2 style="color: #333; margin: 0 0 20px 0; font-size: 24px; font-weight: bold;">Welcome to Our Service!</h2> <p style="color: #666; margin: 0 0 20px 0; line-height: 1.6; font-size: 16px;">We are excited to have you on board. Here are your details:</p> <table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0;"> <tr> <td style="padding: 10px 0; border-bottom: 1px solid #eee;"> <strong style="color: #333;">Email:</strong> <span style="color: #666;">{email}</span> </td> </tr> <tr> <td style="padding: 10px 0; border-bottom: 1px solid #eee;"> <strong style="color: #333;">Phone:</strong> <span style="color: #666;">{phone}</span> </td> </tr> </table> <p style="color: #666; margin: 20px 0; line-height: 1.6; font-size: 16px;">If you have any questions, please do not hesitate to contact us.</p> <table width="100%" cellpadding="0" cellspacing="0" style="margin: 30px 0;"> <tr> <td align="center"> <a href="#" style="display: inline-block; background: #007bff; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 16px;">Get Started</a> </td> </tr> </table> <div style="text-align: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee;"> <p style="color: #999; margin: 0; font-size: 14px;">Best regards,<br>The Team</p> </div> </td> </tr> </table> </td> </tr> </table> </body> </html>
Available variables:
{name}, {email}, {phone}
Tips:
This uses XHTML 1.0 Transitional DOCTYPE for maximum email client compatibility
Email Preview
Click "Render Preview" to see your email
Preview with John
Preview with Sarah
Preview with Mike
Back
Create Template