When styling HTML emails, there are certain limitations to consider, especially when using LeadPilot. A key limitation is that our platform does not support the use of the <style> tag. Therefore, all styling must be applied as inline styling. This is a recommended practice in email design to ensure that your emails are displayed correctly for the widest possible audience.

Why inline styling?

Inline styling means that each HTML element has its CSS properties directly within the style attribute of the element. Here are some reasons why inline styling is best for emails:

  • Compatibility: Many email clients, especially older versions, have limited support for the <style> tag. Inline styling ensures your design appears correctly across most platforms and clients.
  • Simpler Debugging: By having all styling directly within HTML elements, it becomes easier to see what affects the appearance of a specific element.
  • Reduced Risk of Issues: Some email clients remove the <style> tag entirely, which can cause your email to appear as plain text without formatting.

Converting <style> tags to inline styling

If you have already written your CSS in a <style> tag, you need to convert it to inline styling for it to work correctly in your email. Here are some steps to do this:

  1. Prepare your CSS: Make sure you have your CSS code ready, either from a <style> tag or an external CSS file.
  2. Use AI tools like ChatGPT: You can ask an AI tool, such as ChatGPT, for help with the conversion.

Using ChatGPT to convert CSS to inline styling

  1. Prepare your CSS: Example CSS in a <style> tag:
    Screenshot 2024-06-10 at 14.30.48

  2. Ask ChatGPT for help: Write a query to ChatGPT:
    "Can you help me convert the following CSS code to inline styling for HTML emails?"

  3. Include your CSS code in the query: Copy your CSS code and include it in your query.

  4. Receive inline styling back: ChatGPT will process your CSS and provide you with a version of your HTML with inline styling applied:
    Screenshot 2024-06-12 at 14.42.37

If you have any questions or need further assistance, don't hesitate to contact our support at support@leadpilot.com.

Ready to give it a try?

Get started for free - we'll provide you with new contacts.

This website uses cookies

Cookies consist of small text files. They contain data that is stored on your device. To enable us to place certain types of cookies we need to obtain your consent. At LeadPilot AB, corp. ID no. 559203-9704, we use the following kinds of cookies. To read more about which cookies we use and storage times, click here to access our cookies policy.

Manage your cookie-settings

Necessary cookies

Necessary cookies are cookies that must be placed for basic functions to work on the website. Basic functions are, for example, cookies which are needed so that you can use menus on the website and navigate on the site.

Functional cookies

Functional cookies need to be placed on the website in order for it to perform as you would expect. For example, so that it recognizes which language you prefer, whether or not you are logged in, to keep the website secure, remember login details or to be able to sort products on the website according to your preferences.

Cookies for statistics

For us to measure your interactions with the website, we place cookies in order to keep statistics. These cookies anonymize personal data.

Cookies for ad-tracking

To enable us to offer better service and experience, we place cookies so that we can provide relevant advertising. Another aim of this processing is to enable us to promote products or services, provide customized offers or provide recommendations based on what you have purchased in the past.

Ad measurement user cookies

In order to show relevant ads we place cookies to tailor ads for you

Personalized ads cookies

To show relevant and personal ads we place cookies to provide unique offers that are tailored to your user data