HTML メールテンプレートを視覚的に作成します。事前作成済みセクション・カラーテーマ・テーブルベース HTML エクスポート対応。
Build HTML email templates visually with table-based layout for maximum email client compatibility. Add sections, customize content, pick a theme, and export.
<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"></head> <body style="margin:0;padding:0;background:#1a1a2e;font-family:Arial,Helvetica,sans-serif;"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td align="center"><table width="600" cellpadding="0" cellspacing="0" style="background:#1a1a2e;max-width:600px;width:100%;"> <table width="100%" cellpadding="0" cellspacing="0" style="background:#16213e;"><tr><td style="padding:16px 24px;"><strong style="font-size:20px;color:#e94560;">Your Brand</strong></td><td style="padding:16px 24px;text-align:right;"><span style="color:#a0a0b0;font-size:14px;">Home | About | Contact</span></td></tr></table> <table width="100%" cellpadding="0" cellspacing="0" style="background:#e94560;"><tr><td style="padding:40px 24px;text-align:center;"><h1 style="color:#ffffff;margin:0 0 8px;font-size:28px;">Welcome to Our Newsletter</h1><p style="color:rgba(255,255,255,0.85);margin:0 0 20px;font-size:16px;">Stay updated with the latest news and insights.</p><a href="#" style="display:inline-block;background:#ffffff;color:#e94560;padding:12px 32px;border-radius:6px;text-decoration:none;font-weight:bold;">Get Started</a></td></tr></table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td style="padding:24px;color:#ffffff;font-size:15px;line-height:1.6;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</td></tr></table> <table width="100%" cellpadding="0" cellspacing="0" style="background:#16213e;"><tr><td style="padding:20px 24px;text-align:center;"><p style="color:#a0a0b0;font-size:12px;margin:0 0 4px;">© 2025 Your Brand. All rights reserved.</p><p style="color:#a0a0b0;font-size:12px;margin:0;">Unsubscribe | Privacy Policy | Terms</p></td></tr></table> </table></td></tr></table> </body></html>
あらかじめ用意されたセクションでHTMLメールを作成しましょう。