Eメールモジュール：自信を持ってユニークなEメールを実際にスケーリングする方法

モジュラーメールテンプレートについて何年も聞いたことがあるかもしれませんが、ジャンプはしていません。 あるいは、あなたはそのアイデアに不慣れなのかもしれません。 では、電子メールモジュールとは正確には何であり、それらを使用する必要がありますか？ 簡単な答えは「はい」であり、電子メールの他の質問とは異なり、「状況によって異なります」というものはありません。

メールワークフローの状態レポートによると、メールチームの52％は、最初から最後までメールを作成するために2週間以上を費やしています。 モジュラーメールはプロセスをスピードアップして効率を向上させます。そのため、繰り返しのコードに費やす時間が減り、代わりにイノベーションに費やす時間が増えます。 それは簡単です。

見つけるために読み続けてください：

• メールモジュールとは何ですか？
• モジュラーメールのメリット
• モジュラー設計を開始する方法

メールモジュールとは何ですか？

電子メールモジュールは再利用可能なコンテンツブロックであり、さまざまな組み合わせで組み合わせて、電子メールまたは一連の完全な電子メールテンプレートを作成できます。 コンポーネントとも呼ばれるモジュールには、スニペット（召喚ボタンなどの特定のメールに合わせて調整）やパーシャル（メールフッターなどの複数のメールで一貫性がある）など、いくつかの種類があります。

すべてのモジュールは、より広範な電子メール設計システムまたはブランドガイドラインの一部としてパターンライブラリに格納できます。 そのため、チームは、ブランドに準拠したメールを作成するために組み合わせる方法を正確に知っています。 本質的に、モジュラー電子メールの設計は、より大きな設計を作成するためにまとめられたより小さなセクションまたはモジュールを中心に展開します。 レゴブロックと同じように、何でも組み立てることができます。

モジュラーメールの利点は何ですか？

モジュール化することには多くの特典があり、私はすでにいくつかのことをほのめかしました。 それでも疑問がある場合は、次のメリットがあります。

標準化、つまりブランドを維持し、エラーを発生させない

あなたのロゴやブランドの色はメールからメールへと少しずれていますか？ モジュラー設計は、そのような不整合を処理します。 ブロックはすべて事前にコード化およびテストされているため、すべての電子メールでブランド基準を維持する電子メールが作成されるので安心できます。 間違いなく。

時間を節約し、メールワークフローをスピードアップします

2020年の電子メールの状態に関する調査データによると、マーケターの約35％が、電子メールごとのコーディングと開発に1〜2時間を費やしています。 別の34％は少なくとも3時間かかります。 回答者の半数以上が一度に6つ以上の電子メールをジャグリングしているため、これらの開発時間はすぐに合計されます。

電子メールの設計が標準化されているため、電子メールを最初からコーディングすることについてそれほど心配する必要はありません。 これにより、時間を大幅に節約できるため、メールをより早く送信できます。 個人的には、10分でメールを作成できるようになりました。

柔軟性と創造性

テンプレートは、硬くて退屈であるという認識を持つ傾向があります。 しかし、モジュラーテンプレート？ 彼らは楽しいです。 それらは単なる電子メールであるため、ニーズに合わせてそれらを組み合わせることができ、毎回同じ古いレイアウトに固執することはありません。

そして、あなたのブロックは生きている電子メールデザインシステムの一部です。 つまり、設計システムが成長するにつれて、新しいものを継続的に追加して、柔軟性と創造性を維持することができます。

ドラッグアンドドロップのメールビルダーで使用できます

電子メールモジュールのもう1つの優れた点は？ これらは基本的に「プラグアンドプレイ」であるため、LitmusBuilderのドラッグアンドドロップビジュアルエディタのようなドラッグアンドドロップの電子メールビルダー向けに完全に構​​築されています。 それらを設定するだけで、準備が整います。

非コーダーもメールを作成できます

再利用可能なコンテンツブロックをビジュアルエディタで設定すると、コードに触れることなくメールを作成できます。 つまり、コーダー以外の人でもメールを作成できるということです。 彼らが誤って何かを壊すかもしれないことを心配する必要はもうありません。

メールの作成を拡大する

技術的な能力に関係なく、誰もがモジュール式の電子メールをすばやく作成できるため、電子メールの作成プロセス全体を簡単に拡張し、電子メールマーケティングプログラムを成長させることができます。 さまざまなサブスクライバーセグメント用にパーソナライズされた電子メールなど、これまで永遠に必要だったものに焦点を当てます。

ブランド上のエラーのないメールをすばやく作成する Litmus Builderを使用して、1つのシームレスなフローでメールを作成、プレビュー、QAテストします。 ツール間を行ったり来たりする必要はもうありません。 方法を学ぶ→

モジュラー設計を開始する方法

メールデザインシステムを作成することから始めることをお勧めします。 このステップから始める必要はありませんが、電子メールモジュールが分類および標準化されていることを確認するための良い方法です。 そうでない場合は、使用時に多くのスタイリングを必要とする非常に基本的なモジュールを作成できます。 または、それらを維持するために多くの維持管理が必要になる可能性があることを知って、定型化されたブロックを作成することもできます。

設計システムが完成したら、実際には待ってはいけません。 デザインシステムは、メールを作成し続けると変化する生き物です。 システム全体が完成するまで待つのではなく、テンプレートを作成するのに十分なブロックができたらすぐにコーディングを開始します。

開始方法は次のとおりです。

1.メールを監査して、一般的に使用されているセクションを確認します

電子メールの監査を完了して、パターンを見つけたかどうかを確認します。 メール全体でどのセクションが繰り返されていると思いますか？ 何度も使用するヘッダーブロックとフッターブロックはありますか？ 1列と2列のコンテンツブロックはどうですか？ これらはすべてモジュールの良い候補です。

モジュール化する予定のセクションとその使用方法（エンゲージメントのルールを含む）のリストを作成するか、文書化します。 コンポーネントを最初から整理すると、特にパターンライブラリを拡大し続けるときに、チーム全体でコンポーネントを簡単に見つけて正しく使用できるようになります。 ヘッダー、本文、フッターのコンテンツブロックにラベルを付けるのと同じくらい基本的なものにすることができます。 または、チームまたはクライアントによる分類。

リトマスのデザインライブラリのカテゴリを使用して、セクションとメールの種類ごとに整理するのが好きです。

2.基準とブランドガイドラインを決定する

設計者と開発者は、モジュールを作成するときに協力して、要素間の間隔やモジュール間の間隔などの標準が作成および維持されるようにする必要があります。

また、先に進む前に、関係者がフォントや色などの電子メール固有のブランドガイドラインに同意していることを確認してください。

3.メールの定型文を作成します

すべてのモジュールは、スケルトンまたはボイラープレートHTMLに配置する必要があります。 これにより、メールのレイアウト方法に究極の柔軟性がもたらされます。 ボイラープレートを構成する方法はいくつかありますが、すべてのボイラープレートの上部には、開始タグ、ヘッダーコンテンツ、リセットとブランドスタイル、および終了タグを含むセクションが含まれています。

Mark Robbinsは、使い始めるための優れたストリップバックの基本的な電子メールテンプレートを作成しました。 それをJayOramの電子メール用の最近の標準CSSリセットスタイルのリポジトリと組み合わせると、最初からまともな定型文が得られます。

4.モジュールを構築します

モジュールはさまざまな方法で作成できます。 モジュールに一貫性がある限り、それらを組み合わせると一緒に機能します。 <table>ベースのモジュールと<tr>ベースのモジュールの2つの異なる方法について説明します。

<table>ベースのモジュールの使用

モジュールが追加されるとテーブルがスタックするように、各モジュールをテーブルにラップすることができます。 テーブルベースのモジュールは次のようになります。

長所：モジュールはきちんとしていて、自己完結型です。 1つのテーブルのレイアウトスタイルは、他のモジュールには影響しません。

短所：テーブルを積み重ねると、細い白い線など、Outlookでレンダリングの問題が発生する場合があります。

<tr>ベースのモジュールの使用

テーブルの行に基づくモジュールは、それを含むテーブルに配置する必要があります。 次に、次のように、行を包含テーブルに配置して、行を互いに積み重ねることができます。

長所：Outlookには厄介な白線の問題が少なくなります。

短所：あるモジュールでのレンダリングの問題により、別のモジュールでのレンダリングの問題が発生する可能性があります。 また、問題を解決するために、行内にテーブルをネストするためにより多くのコードが必要になる場合があります。

5.テスト、テスト、テスト！

どちらのモジュール方法でも、1つのコンポーネントが電子メール全体を壊さないことを確認するために、品質保証（QA）テストを行う必要があります。

モジュールの構築とテストを同時に行う最良の方法は、LitmusBuilderのすべてのモジュールを含む1つの大きなテンプレートを作成することです。

これにより、テンプレート内のモジュールをQAテストして、モジュールが相互にどのように影響するかを確認できます。 また、モジュール間の間隔が維持されることを保証します。 すべてのモジュールが追加されると、それらをシームレスにコピーして、スニペットまたは部分としてLitmusのデザインライブラリに保存できます。

6.メール作成プロセスでモジュールの使用を開始します

モジュールを作成したら、ビルドプロセスでそれらを使用するだけです。 ほとんどのコードエディタには、コードまたは定型文にスニペットを追加する方法があります。

LitmusBuilderを使用しています。 コードエディタビューでは、スニペットトリガーワードまたは挿入メニューを使用して、スニペットをコードに直接追加できます。 Litmus Builderのドラッグアンドドロップビジュアルエディターを使用すると、文字通りスニペットを所定の位置にドラッグアンドドロップするだけです。

モジュラーメールの作成を試してみてください Litmusを使用すると、モジュール化が簡単になります。 スニペットとパーシャルをデザインライブラリに保存して整理します。 次に、LitmusBuilderのVisualEditorを使用して、電子メールをすばやく作成し、QAテストを行います。 モジュール付きの完全に最適化された電子メールテンプレートがプリロードされているので、すぐに参加できます。 無料トライアルを開始→

モジュール化しましょう

柔軟な電子メールデザインを犠牲にすることなくアジャイルで効率的になりたい場合は、電子メールモジュールを気に入るはずです。 それらは大幅な時間の節約になり、ブランドに準拠し、創造的になることができます。 誰がそれを望まないのですか？ 試してみてください。後で感謝します。