Litmusを使用したモジュラー構築の開始

公開: 2021-11-10

私たちは最近、モジュラービルディングについて多くのことを話してきましたが、それには正当な理由があります。これは、電子メールの開発を合理化および高速化するための優れた方法です。

そして、電子メールチームへの要求が高まる中、私たちが追いつくのを助けるために（そして燃え尽きないように）スケーラブルなシステムを導入する時が来ました。

そこで、モジュラービルディングが活躍します。さまざまな組み合わせで組み合わせることができる再利用可能なコンテンツブロックを活用します。それらをレゴのように考えてください。

この概念を初めて使用する場合は、モジュール式の建物101ブログで概要を確認してください。

このブログでは、ビジネスのビジネスケースの作成と、リトマスでのモジュールの構築の両方で、開始を支援します。

リトマスのさまざまなモジュラーコンポーネントは何ですか？

飛び込む前に、リトマスのモジュラービルディングについて話すときに参照するいくつかの用語について説明しましょう。

切れ端

スニペットは再利用可能なコンテンツのモジュールであり、電子メールのデザイン全体で一般的に使用される要素に最適です。これらは最も柔軟なタイプのモジュールであり、含まれている電子メールまたはテンプレート内で編集できます。

優れたスニペットを作成するコンポーネントは次のとおりです。ヒーローブロック、プライマリ/セカンダリ、ターシャリコンテンツブロック、CTA。

パーシャル

パーシャルは、複数の電子メールで使用できるグローバルで動的な再利用可能なモジュールです。パーシャルに加えられた変更は、そのパーシャルが参照されるすべての電子メールまたはテンプレートに適用され、時間を節約し、電子メールまたはテンプレートの更新を忘れる可能性を排除します。

優れたパーシャルを作成するコンポーネントには、ヘッダー、フッター、CSSリセットとベーススタイル、レスポンシブブレークポイントとスタイル、スペーサー要素が含まれます。

テンプレート

テンプレートを使用すると、チームはブランド上のエラーのないメールをすばやく作成できます。送信するたびにメール全体を最初から書き直す代わりに、テストしてサブスクライバーに送信する前に、コピー、画像、リンクを既存のテンプレートに追加するだけで済みます。

デザインライブラリ

デザインライブラリは、コードモジュールを一元化された場所に保存する場所です。 Litmusでビルドしているときに、デザインライブラリに保存されているスニペットとパーシャルをメールに取り込むことができます。

モジュール式の構築を開始するためにどのように賛同を得ますか？

これまでのところ、モジュラービルディングを採用する上での最大の阻害要因は時間です。カレンダーで再利用可能なコードライブラリを作成する時間を確保するには、リーダーシップチームからの賛同が必要です。

バイインを確保するためのアプローチは組織ごとに異なりますが、以下がモジュラービルディングへの投資の価値と重要性を示すのに役立つことを願っています。

マーケティング担当役員と一緒に家に帰りたいと思う主なメリットのいくつかを次に示します。

人員を大幅に増やすことなく、ブランド体験を大規模に提供します
時間を節約できるので、より多くのメールをより早く送信できます
雑草から抜け出すことができるので、開発よりもメール戦略に集中できます

また、2021年の電子メールレポートの状態からのこれらの統計も、ケースを作るのに役立つはずです。

パンデミック以降、電子メールの量は61％増加しましたが、人員数は増加していません。モジュール式の構築は、人員を追加せずに、より速く構築するのに役立ちます。
メールマーケターの58％は2週間の制作時間を持っています。モジュール式の構築は、電子メールの開発をスピードアップし、電子メールの送信にかかる時間を短縮するのに役立ちます。
現在、メールマーケターの43％がスニペットを使用しており、さらに12％がスニペットを使用する予定です。これはEメールマーケティングの未来であり、あなたは時代の先を行きたいと思っています。
EメールマーケティングのROIは36：1です。 Eメールマーケティングを成功させる秘訣は、一貫したブランド体験です。モジュール式の構築が達成に役立ちます。

モジュール式の構築を開始するにはどうすればよいですか？

これにアプローチする方法はいくつかあります。

ここリトマスでは、監査から始めました。これには、現在の電子メールテンプレートを文書化し、それらすべてに共通するモジュールを特定することが含まれていました。次に、コーディングに飛び込むのではなく、Figmaを使用してモジュールのワイヤーフレームを設計および作成しました。これにより、実際に何度も使用するコードモジュールを構築できるようになり、推奨されるアプローチになりました。

または、テンプレートを作成することから始めて、モジュールに進むこともできます。これが、お客様の1人であるFerguson Enterprisesがモジュール式の構築を開始した方法です。これにより、お客様は迅速に開始し、時間をかけて繰り返すことができます。

すでに述べたように、モジュール式の構築に対する最大の障壁は時間です。完全な電子メール設計システムを作成するための時間とリソースが十分にない場合でも、反復的なアプローチを取ることで開始できます。

Litmusを使用してモジュールを構築するにはどうすればよいですか？

Litmusでモジュールを構築する方法は2つあります。

デザインライブラリに直接
Builderからモジュールを保存する

それぞれと、開始するためのオプションを見てみましょう。

デザインライブラリでモジュールを作成する

デザインライブラリに移動し、右上隅にある[新しいモジュール]ボタンをクリックします。 新しいスニペットと新しい部分の2つのオプションが表示されます。

スニペットを作成するには、[新しいスニペット]をクリックします。 次の画面で、スニペットに名前とトリガーを付けます。トリガーは、Litmus Builderのコードエディター（p-listなど）にスニペットを挿入するために使用するテキストの文字列です。 [スニペットコンテンツ]セクションで、コードをコピーして貼り付けます。

新しいパーシャルを作成するには、[新しいパーシャル]をクリックします。 パーシャルに名前を付けると、新しいエディターウィンドウが開きます。コードを挿入し、[保存]をクリックします。（注：パーシャルはデザインライブラリでのみ作成できます。）

LitmusBuilderからモジュールを作成する

Litmus Builderからモジュールを作成するための最初のステップは、新しい電子メールを開始することです。開始するには、任意のフォルダの[新しい電子メール]ボタンをクリックします。メールに名前を付けて、[テンプレートを選択]を選択します。ここから、空白のメールテンプレートを選択します。

既存のメールテンプレートがある場合は、HTMLまたはCSSをコピーしてBuilderのコードエディターに貼り付けます。 コードのセクションを強調表示すると、[選択範囲をモジュールとして保存]というボタンが表示されます。 デザインライブラリからスニペットを作成するときと同じように、スニペットに名前とトリガーを付けます。 [モジュールの作成]をクリックして、スニペットを保存します。 出来上がり！とても簡単です。

現在、プルするコードがない場合は、問題ありません。 それがメールコミュニティの目的です。私たち自身のCarinSlaterが、あなたが盗むためにこれらのサンプルスニペットとパーシャルを作成しました。また、Litmusコミュニティは、使用できるお気に入りのスニペットのいくつかを共有しています。

モジュラーメールの作成を試してみてください

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

無料トライアルを開始