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

公開日: 2024年10月18日 · 最終更新日: 2026年9月12日 · 著者 Marcus Biel

この記事のポイント

Maildroppaでレスポンシブメールを作成するためのStripoドラッグ＆ドロップエディターの使い方を、順を追って解説します。構造、コンテナ、コンテンツブロックの活用方法を学べます。

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

Image、Text、Button、Spacer、Video、HTMLブロックが並ぶBlocksパネルと、ドロップエリアのある空のStripoエディターキャンバス

左側のコンテンツエリアは、メールの内容を作成し、リアルタイムでプレビューするためのメインの作業スペースです。変更がすべて反映されるため、メールの見た目をその場で確認できます。

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

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

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

構造は、メールのレイアウトを決める基本要素です。コンテンツブロックを収めるコンテナとして機能し、メールをヘッダー、本文、フッターなどのセクションに整理します。初期状態の構造は、メールのデザインを形作るコンテンツブロックを配置するための枠組みです。

薄い青色のエリアの中央には、下向き矢印と「Drop Content Here」という表示があり、要素を追加する場所を示しています。

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

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

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

設定エリアのContentタブには、メールを充実させるさまざまな要素が用意されています。

これらの要素を使うと、さまざまなコンテンツの要件に合わせてメールを柔軟にデザインでき、キャンペーン全体の見た目と機能性を高められます。

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

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

構造を編集する

注：少なくとも1つの構造が必要なため、最初からある構造は削除できません。

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

構造を移動・コピーする

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

構造を追加すると、レイアウトを拡張できます。

次のセクションでは、設定エリアをさらに詳しく説明します。メールデザインを整えるためのツールやオプションを確認し、メールマーケティングの効果を高めるために、各要素を最適に調整する方法を紹介します。