Skip to main content
Use HTML in your campaign 💻

How to Use Custom HTML in Lemlist to Enhance Your Email Campaigns 💻

Updated over a month ago

Heeeeey lemlister! 👋

Did you know you can add your own code to lemlist templates? That’s right—our templates are HTML-friendly, giving you the flexibility to enhance your email content just the way you like! 🎯

🤔 How to Add Custom HTML

Follow these simple steps to include your custom HTML code in your campaigns:

1️⃣ Go to Your Campaign

  • Navigate to your campaign dashboard.

2️⃣ Open the "Sequence" Section

  • Select the sequence where you’d like to add HTML content.

3️⃣ Enable Code View

  • Click on "Code view" to switch to the HTML editor.

  • Add your HTML tags to customize your content.


💡 Need Help with HTML?

If you’re new to HTML, don’t worry! Here are some handy resources to get you started:


✨ General Tips and Tricks for Writing Awesome Email HTMLs

  • Stick to Tables for Layout:
    Use HTML tables for structuring your email to ensure consistent rendering across email clients.

  • Inline CSS:
    Many email clients strip out embedded styles, so use inline CSS for styling your elements.

  • Use Web-Safe Fonts:
    Stick to fonts like Arial, Times New Roman, or Verdana to ensure compatibility. For custom fonts, include fallback options.

  • Optimize for Mobile:
    Add responsive design elements to ensure your email looks great on all devices. For example:

    htmlCopy code<meta name="viewport" content="width=device-width, initial-scale=1.0">
  • Limit Image Sizes:
    Keep images optimized for faster loading. Use ALT text for accessibility and ensure critical information isn't solely in images.

  • Test Your Email:
    Test your HTML email in multiple clients like Gmail, Outlook, Yahoo, etc., to check for consistent rendering.

  • Avoid JavaScript and Forms:
    Most email clients block JavaScript and forms for security reasons. Stick to static, visually appealing content.

  • Include a Clear CTA:
    Use buttons for your call-to-action with clickable links:

    htmlCopy code<a href="https://example.com" style="display:inline-block; background-color:#ff6f61; color:white; padding:10px 20px; text-decoration:none;">Click Me</a>

I hope this helps, my lemlister! 🤓 If you have any questions, feel free to reach out via chat.

Enjoy and happy coding! ❤️

Did this answer your question?