Canvaホーム
ヘルプ

コンテンツやデザイン素材を追加


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

レイアウトの準備ができたら、今度は魅力的なコンテンツでレイアウトを埋める時です。 メール素材を追加して、メッセージを生き生きとしたものにしたり、製品をハイライトしたり、ニュースを共有したり、クリック数を増やしたりできます。

Canvaメールのビルディングブロック

Canvaのメールエディターは柔軟ですが、すべての要素がメールに適しているわけではありません。 いくつかは、異なるプラットフォームやデバイス間で他のものよりもうまく機能します。

構造化され、受信トレイに適したコンテンツを構築するために使用する機能をご紹介します。

デザインブロック

デザインブロックは、テキスト、画像、図形、背景を1つの構造化されたレイアウトにグループ化する、あらかじめ作成されたセクションです。 コンテンツを整理し、モバイルの応答性を向上させるのに役立ちます。

エッセンシャルデザインブロックには、ヘッダー、フッター、アイコンブロックが含まれます。これらはすべて、メールの主要な領域を定義するのに役立ちます。

  • ヘッダーは上部に表示され、多くの場合、ロゴや短いイントロが含まれます。
  • フッターは下部にあり、通常は連絡先情報、購読解除リンク、免責事項を保持しています。
  • アイコンブロックは、機能、メリット、または重要なポイントを強調表示し、読者をソーシャルプラットフォームに接続するための、短いテキスト付きのクリック可能なアイコンのグループです。

メール対応フォント

電子メールセーフフォントのみが、電子メールクライアント間で正しく表示されることが保証されています。 メールセーフでないフォントは、受信者が閲覧した場合、フォールバックオプションに置き換えることができます。 一貫性を確保するために、常にCanvaのメールセーフフォントリストにあるフォントを使用してください。

ボタン

ボタンを使用して、「今すぐ購入する」や「予約する」など、重要な行動喚起( CTA )を強調表示します。 短く、明確に、視覚的に明確にして、注目を集め、クリック数を増やします。

画像

ブランドのビジュアルや製品画像を追加して、メッセージを強化できます。 サイズと位置が適切であることを確認してください。 詳細をご覧になるには、デザインに画像を追加してください。

動画、アンケート、クイズなどのインタラクティブな要素は、ほとんどのメールプラットフォームではサポートされていません。

  • 動画がGIFに変換されます
  • 投票とクイズは静的コンテンツとして表示されます(クリック不可)

列を使用して、製品の機能、比較、テキスト画像のレイアウトなどのコンテンツを並べて表示します。 複雑な情報を整理するのに便利です。

各要素の追加とカスタマイズ

ブランドとメールの目標に合わせて各要素をスタイリングする手順は次のとおりです。 デザインに合った場所に追加できます。

メール対応フォントを選択

重要:メールセーフフォントのみが、メールプラットフォーム全体で正しく表示されることが保証されています。 メールセーフではないフォントを選択した場合、意図したとおりにレンダリングされない可能性があり、受信者に配信されるとフォールバックフォントに置き換えることができます。 最適な結果を得るため、常にCanvaのメールセーフフォントリストから選択してください。

  1. ツールバーで[フォント]ボタンを選択します。 デフォルトでは、フォントはArialに設定されています。
  2. [フォント]パネルで、Canvaのメールセーフフォントのリストから選択します。
  3. ツールバーの+/-ボタンを選択すると、フォントサイズを調整できます。

メールの読みやすさのために、以下を使用してください。

  • 本文テキストは14〜16ピクセル
  • 見出しとタイトルは20〜30ピクセル

背景色を追加する

ブランドに合わせてデザインに背景色を追加するか、特定のセクションを強調表示します。 ブランドキットまたはドキュメントカラーからカラーを選択します。

  1. ページコーナーをクリックしてページを選択します。
  2. 背景 アイコンを選択します。
  3. [色]パネルから、[ドキュメントの色]または[ブランドキット]から色を選択します。
  4. お探しの色が利用できない場合は、+レインボーカラータイルを選択して新しい色を追加します。

列を含む構造を追加する

列を使用してメールのレイアウトを構成し、コンテンツを横に並べて整理します。 列は応答性が高く、モバイルでは自動的に垂直に積み重ねられます。

  1. メールのデザインから[
    素材]タブに移動して[]を選択します。
    1. [Basic]列、[Styled]列、[Pre - designed]列から選択します。
    2. 選択すると、レイアウトに合ったものが挿入されます。
  2. または、テキストカーソルの横にある
    プラスアイコンを選択します。 下にスクロールして[列]を選択します。
    1. 好みの列レイアウト( 2列または3列など)を選択します。
    2. 各列の内側をクリックして、テキスト、画像、ボタンを追加します。
    3. 区切り線をドラッグして、列のサイズを変更します。

デザインブロック(ヘッダーとフッター)を追加する

すべてのメールデザインでヘッダーやフッターなどのセクションを再利用することで、時間を節約し、一貫したレイアウトを作成できます。

  • ヘッダー–ロゴとブランドカラーをニュースレターの上部に配置します。
  • フッター–すべてのメールキャンペーンの下部に、連絡先の詳細、購読解除リンク、または法的免責事項を含めます。
  1. [
    素材]タブに移動し、[ヘッダー]または[フッター]を選択します。
  2. ブラウズしてクリックすると、レイアウトに合ったものが挿入されます。

デザインの端にヘッダーまたはフッターを設定する

メールレイアウトの上端または下端に揃えるように、ヘッダーまたはフッターブロックを配置します。

  1. デザインのヘッダーまたはフッターブロックを選択します。
  2. フローティングツールバーで、[
    その他]アイコンを選択します。
  3. メニューから次のいずれかを選択します。
    • 最上部に設定–ブロックをメールの最上部に移動します。
    • 下部に設定–下端に移動します。 :ブロックがデザインキャンバスの端にスナップし、レイアウトがきちんと配置されたままになります。

一部の事前に作成されたメールフッターには、「購読解除」プレースホルダーが含まれています。 これは、デザインをHTMLとしてエクスポートする際に機能するリンクではありません。

Mailchimpのような電子メールサービスプロバイダ( ESP )を介して電子メールを送信する場合:

  • 送信前に、ESP内の配信停止リンクを追加または差し替える必要があります。
  • これは、CAN - SPAMやGDPRなどの電子メール法を遵守するために必要です。

登録解除リンクと設定の管理について詳しくはこちら。

アイコンのブロックを追加する

アイコンブロックは、シンプルなビジュアルと短いテキストを組み合わせます。 ソーシャルリンク、機能のハイライト、サービス特典などにご利用ください。 フッター、CTAの近く、またはセクションを視覚的に分割するのに適しています。

  1. エディターのサイドパネルから[
    要素]タブを選択します。
  2. アイコンブロックを選択します
  3. デザインに適したアイコンブロック(通常はフッターまたはメインのCTA )を選択またはドラッグします。
  4. エディターのツールバーで、変更するカラータイルを選択します。 サイドパネルにカラーオプションが表示されます。
  5. アイコンに適用する新しい色を選択します。

Call - to - action ( CTA )ボタンを追加する

コールトゥアクション( CTA )ボタンを使用すると、読者は「今すぐ購入」、「詳細」、「サインアップ」などの特定のアクションを実行できます。 ボタンを追加すると、メールやデザインのエンゲージメントとクリックスルーが促進されます。

  1. CTAボタンを追加するには:
    1. [
      素材]タブに移動して、[ボタン]を選択します。
    2. または、
      プラスアイコンを選択し、[ボタン]を選択します。
  2. ボタン名を入力し、URLリンクを追加します。
  3. [完了]を選択します。
  4. ツールバーからボタンのスタイルをカスタマイズします(色、配置などを変更します)。

画像を追加

画像を使用すると、メールをより魅了し、視覚的に魅了します。 製品の写真、チーム写真、イラスト、在庫のビジュアルを追加して、メッセージやブランドをサポートできます。

プロのヒント:アップロードする前に大きな画像を圧縮して、メールの読み込み時間を短縮します。

  1. エディターのサイドパネルから[
    素材]タブを選択して、画像を参照または検索します。
  2. 自分の画像を使用するには、[
    アップロード]タブに移動し、[ファイルをアップロード]を選択してデバイスから画像を追加します。
  3. 画像を選択してメールに追加します。 必要に応じて、画像のサイズと位置を変更します。

コンテンツを追加したら、プレビューしたり、メールをダウンロードしたり、テストメールを送信したりする準備ができました。

次のステップ:メールをテストしてエクスポートする

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています