Cakemail
Email Templates

Importing Your HTML Code

Description

If you want to import HTML code written outside of our tool, you can paste it into our editor with this option. The email can be modified using an HTML editor.

Why It's Important

You can design your own HTML template and import it into the editor to give you more options on how your emails look. Once you've imported a custom template, you can modify it and use it in future campaigns to maintain that familiar look you want for your brand.

Step-by-Step Instructions

  1. Select the "Start with your own code" option when creating a new campaign.

  2. Paste your code into the black section of the page.

  3. Click "Upload and Edit"

Best Practices

  • Test your HTML before importing to ensure compatibility
  • Use clean and valid HTML for best results
  • Include responsive design elements for mobile compatibility
  • Validate CSS compatibility with email clients
  • Keep reasonable file sizes for faster loading

After Import

Once your HTML is imported:

  • You can modify it using the HTML editor
  • Make necessary adjustments
  • Save as template for future use
  • Test across different email clients

Troubleshooting

My HTML looks different after import

  • Check if your CSS is inline - many email clients don't support external stylesheets
  • Verify you're not using unsupported HTML5 or CSS3 features
  • Remove JavaScript as it's not supported in emails
  • Test with a CSS inlining tool before import

The import button is disabled or not working

  • Make sure your HTML code is not empty
  • Check for unclosed HTML tags that might break the parser
  • Verify the code doesn't exceed size limits (typically 100KB)
  • Try removing special characters or non-standard encoding

Images are broken after import

  • Use absolute URLs for all images (https://... not /images/...)
  • Ensure the image hosting server allows hotlinking
  • Check that image URLs don't require authentication
  • Verify images are in web-compatible formats (JPG, PNG, GIF)

Responsive design isn't working

  • Confirm media queries are properly formatted
  • Check if the email client supports media queries
  • Use table-based layouts as a fallback
  • Test on real devices, not just browser responsive mode

Related Articles

Last modified on
Deleting a TemplateConnecting your account with Zapier