メインコンテンツにスキップ

アウトバウンドメッセージの作成

アウトバウンドメッセージでのテキスト、画像、ボタン、HTMLのフォーマット方法。

対応者:Beth-Ann Sher

Intercomのメッセージ作成ツールでは、リッチフォーマット、ボタン、画像、動画、パーソナライズを使ってアウトバウンドメッセージを作成・スタイル設定できます。この記事では利用可能なフォーマットツールと各メッセージタイプに適用されるオプションを解説します。


コンテンツの追加とフォーマット

メッセージにコンテンツを追加する方法は3つあります:

  1. 入力する — 作成ツールは入力時にMarkdownスタイルのショートカットをサポートします。

  2. +アイコン — 画像、GIF、動画、ボタン、ファイル添付を挿入します。

  3. ドラッグ&ドロップ — 画像やファイルを直接作成ツールにドロップします。

テキストのフォーマット

フォーマット

方法

太字

Cmd + B(WindowsではCtrl + B

斜体

Cmd + I(WindowsではCtrl + I

見出し

テキストを選択して見出しスタイルを選ぶか、ツールバーを使います。

箇条書きリスト

行の先頭に-+、または*を入力します。

番号付きリスト

行の先頭に1)または1.を入力します。

インラインコード

テキストを単一のバッククォートで囲みます:`example`

コードブロック

テキストを三重バッククォートで囲みます:```

リンク

URLを貼り付けると自動でリンクになります。テキストを選択してリンクを追加することも可能です。

メッセージタイプ別のフォーマットオプション

フォーマットの利用可否はメッセージタイプによって異なります:

リッチテキスト

ボタン

ボタンの中央揃え

画像 / 動画

HTMLモード

投稿(小・大)

はい ✅

はい ✅

はい ✅

はい ✅

いいえ ❌

チャット(アプリ内)

はい ✅

いいえ ❌

いいえ ❌

はい ✅

いいえ ❌

メール

はい ✅

はい ✅

はい ✅

はい ✅

はい ✅

バナー

はい ✅

✅(URLボタン含む)

はい ✅

はい ✅

いいえ ❌

モバイルプッシュ

タイトル+本文テキスト

いいえ ❌

いいえ ❌

いいえ ❌

いいえ ❌

投稿は小(コンパクト)と大(全幅)の2形式があり、メッセージ作成時に選択します。両形式とも中央揃えボタンを含む同じフォーマットをサポートします。

バナーはインラインまたはフローティングで、上部または下部に配置可能。URLを開くなどのアクションやURLボタンをサポートします。


URLエンコード

メッセージに追加されたリンクはURLエンコードされます。

例えば、URLにスペースが含まれている場合:

https://examply.com/help center

スペースは%20に置き換えられます:

https://examply.com/help%20center

すでにエンコードされたURLを貼り付けないでください。作成ツールが自動でエンコードするため、二重エンコードされて動作しなくなります。


ボタン

+メニューからボタンを追加します。ボタンテキストとターゲットURLを設定し、挿入後に編集可能です。


画像、GIF、動画

+アイコンまたはドラッグ&ドロップで画像やGIFを追加します。挿入した画像をクリックするとリンク、代替テキスト、サイズ変更、配置設定が可能です。ファイル添付も+メニューから追加できます。

YouTube、Vimeo、Wistia、Loom、Vidyardなどのホスト動画も+メニューから埋め込み可能です。

注意:動画クリップはmp4形式で40MB以下である必要があります。4:3のアスペクト比で表示されます。


インラインコードとコードブロックの使用

インラインコードを追加するには、コードの前後に`を入力します。例:
example inline code 

コードブロックを追加するには、コードの前後に```を入力します。完成したコードブロックは次のように表示されます。

example code block
example code block


HTMLメール

  • HTMLの追加はメール作成時のみ可能です。アプリ内メッセージにはカスタムHTMLを追加できません。また、HTMLオプションではインラインスタイルも使用できません。メールに追加するには、コンテンツブロック左の+アイコンから「HTML挿入」を選択してください。

  • 新しいカスタムメールテンプレートには画像のmax-widthルールが含まれていません。そのため、作成ツールで画像を追加してもデフォルトテンプレートのようにリサイズされません。以下のコードをテンプレートに追加するとリサイズされます:

img { 
  max-width: 100%
}
  • 完全にカスタマイズされたメールテンプレートでメールを送信したい場合は、自分のHTMLをインポートできます。メール作成ツール左下の「HTML編集」オプションを選択してください。

  • メッセージに属性を追加するのは簡単です。任意のコンテンツブロック右に表示されるアイコンを選択し、標準属性、カスタム属性、イベント属性を選んでメッセージに含めます。

  • リンクにも属性を追加できます。例えば、各ユーザーを会社設定ページにリンクしたい場合、URLがwww.yourappname/settings/なら、属性リストからURLに追加できます。

  • HTMLブロックにも属性を追加可能です。手動で属性構文を入力してください。注意:hrefやsrcなどのHTML属性内でフォールバック付き属性を含める場合、フォールバックテキストはシングルクォートで囲んでください。ダブルクォートは無効なHTMLになります。

  • コンテンツブロック内で改行するには「Return」を押します。

  • 新しいコンテンツブロックを作成するには「Return」を2回押します。

  • 画像や動画を削除するには、それを選択してバックスペースを押します。

  • ボタンを削除するには、ボタン内のテキストをすべて削除し、さらにもう一度バックスペースを押します。

重要:ビジュアルビルダーでメッセージ作成を開始した場合、HTMLエディターに切り替えるのは確実に進めたい場合のみ行ってください。HTMLエディターへの切り替えは永久的な操作で、ビジュアルビルダーの内容は完全に失われます。元に戻せません。


パーソナライズ(属性)

標準、カスタム、イベント属性をメッセージ内のどこにでも挿入できます。リンクやHTMLブロック内も含みます。属性が空の場合に備え、必ずフォールバックテキストを設定してください。


知っておくと便利

  • チャットとモバイルプッシュはボタンをサポートしていません。コールトゥアクションボタンが必要な場合は投稿、メール、バナーを使用してください。

  • 直接アップロードする動画はMP4形式で40MB以下でなければなりません。大きい動画やホスト動画は埋め込みを使用してください。

  • メールをHTMLに切り替えると元に戻せません。

  • URLを事前にエンコードしないでください。作成ツールが自動でエンコードします。

こちらの回答で解決しましたか?