何らかの理由で、ごく特定のカスタムCSSをメールに追加したい場合や、<head></head>タグにHTMLを追加したい場合は、Emailifyプラグインで親となるメールコンテナのFigmaフレームを選択し、Settingsボタンをクリックして、挿入したいコードを必要に応じて追加します。
Add Mobile CSS Rules欄に入力したCSSルールは、モバイル用スタイルの@mediaタグ内に追加され、Figmaフレームの幅より小さい画面サイズでこれらのスタイルが適用されます(ここで適用するCSSルールには!importantを付ける必要があります)。
Add Inline CSS Rules欄に入力したCSSプロパティは、指定したHTMLセレクターに自動でインライン化されます(たとえば、p { color: blue }を追加すると、エクスポートしたHTMLメールのコード内のすべての<p>タグにstyle="color: blue;"がインラインで付与されます)。
Add Head Tag HTML欄に記述したHTMLは、エクスポートしたHTMLメールの<head></head>タグに自動で挿入されます。メールマーケティングプラットフォームで、特別なトラッキングタグなど、HTMLの<head></head>タグに追加する必要のあるHTMLタグを追加できる場合に便利です。
Emailifyは、ファイルサイズをできるだけ小さくするためにHTMLのエクスポートを自動でミニファイします。ただし、擬似クラスによるインタラクティブな動作のためにCSSクラスを変更されては困るカスタムコードを追加する場合は、カスタムCSSに#interactive:checkedのスタイルルールを1つ以上含めることでミニファイをスキップできます(例:#interactive:checked ~ .content { display: block; })。この場合、プラグインはそのメールのミニファイを自動でオフにします。
Settingsを開いてから、Figmaで同じ種類のEmailifyレイヤーを複数選択すると、設定を一括で適用できます。変更した設定は、選択したすべてのレイヤーに適用されます。