Stripoドラッグ＆ドロップ式メールコンテンツエディター

Published: 2024年10月18日 · Last updated: 2026年7月21日 · By Marcus Biel

Maildroppaのメールコンテンツエディターを使えば、プロフェッショナルなメールを簡単に作成できます。ドラッグ＆ドロップインターフェースにより、メールキャンペーンをすばやくデザインし、パーソナライズできます。操作はシンプルで、メッセージを効果的に届けるのに役立ちます。

エディターの概要

コンテンツエリア

左側に配置されたコンテンツエリアは、メールのコンテンツをリアルタイムで作成・プレビューする主要な作業スペースです。この部分には行った変更がすべて表示され、メールの見た目をすぐに確認できます。

設定エリア

右側にある設定エリアには、ContentとAppearanceの2つのタブがあります。このセクションでは、構造的なレイアウトからデザインや書式設定の細かな要素まで、メールのさまざまな部分を設定できます。設定エリアについては、この記事の後半で詳しく説明します。

このガイドでは、定義済みテンプレートを使わずに、新しいメールキャンペーンを一から作成します。

コンテンツエリア

エディターを開くと、メールのレイアウトとコンテンツを作成するキャンバスとして、大きな薄いグレーの長方形が表示されます。上部中央には、薄い青色の長方形を囲む小さな白い長方形があります。これはメールの基本構造を表し、コンテンツのプレースホルダーとして機能します。

構造を理解する

構造は、メールのレイアウトを定義する基本要素です。コンテンツブロックのコンテナとして機能し、メールをヘッダー、本文、フッターなどの論理的なセクションに整理します。最初の段階では、構造はメールのデザインを形作るコンテンツブロックを保持する枠組みにすぎません。

構造にコンテンツを追加する

薄い青色のエリアの中央には、下向き矢印付きの「ここにコンテンツをドロップ」という表示があり、要素を追加する場所を示します。

このエリアにカーソルを合わせると、次のアイコンが表示されます。

1. 画像
2. テキスト
3. ボタン

いずれかのアイコンを選択すると、構造が対応するコンテンツブロックに変わり、すぐにカスタマイズできる状態になります。

メールレイアウトを作成する

設定エリアのContentタブでは、さまざまな要素を使ってメールをさらに充実させることができます。

• 画像: 画像を挿入して視覚的な魅力を加えます。

• テキスト: カスタマイズ可能なテキストを追加してメッセージを伝えます。

• ボタン: 受信者の行動を促すボタンを追加します。

• スペーサー: 要素間に視覚的な余白を作るためにスペーサーを使用します。

• 動画: 動画を埋め込んで動的なコンテンツを提供します。

• HTML: 特殊なコンテンツのニーズに合わせてカスタムHTMLを挿入します。

これらの要素により、さまざまなコンテンツ要件に対応した柔軟なメールデザインを作成でき、キャンペーン全体の見た目と機能性を高められます。

構造を管理する

メール内のコンテンツを効果的に整理するには、構造を効率よく管理することが重要です。

構造を編集する

構造の青色のエリアにカーソルを合わせると、「Structure」というラベルと、右側に3つの白い点が付いた小さなグレーのラベルが表示され、次の操作を選択できます。

• 移動: メール内で位置を変更します。
• コピー: 構造を複製します。
• 削除: 構造を削除します。

注: 少なくとも1つの構造が必要なため、元の構造は削除できません。

構造を移動・コピーする

構造の位置を調整したり複製したりするには、次の手順に従います。

1. 移動またはコピーアイコンをクリックしたままにします。
2. 「ここにドロップ」と表示されるまで、目的の場所へドラッグします。
3. マウスを放して構造を配置します。

構造を削除する

不要な構造を削除するには、次の手順に従います。

1. 構造にカーソルを合わせます。
2. 3つの白い点をクリックします。
3. 削除アイコンを選択します。

新しい構造を追加する

構造を追加してレイアウトを拡張できます。

• プラスアイコンを使用する: 既存の構造にカーソルを合わせたときに表示されるプラス記号をクリックし、定義済みの構造レイアウトから選択します。

• 設定エリアを使用する: Contentタブから、選択した構造をレイアウトにドラッグ＆ドロップします。

次のセクションでは、設定エリアについてさらに詳しく説明し、メールデザインを洗練させるために利用できるツールとオプションを詳しく見ていきます。各要素を最適に調整し、メールマーケティングの効果を高められるようにします。