Intercomのメッセージ作成ツールでは、リッチフォーマット、ボタン、画像、動画、パーソナライズを使ってアウトバウンドメッセージを作成・スタイル設定できます。この記事では利用可能なフォーマットツールと各メッセージタイプに適用されるオプションを解説します。
コンテンツの追加とフォーマット
メッセージにコンテンツを追加する方法は3つあります:
入力する — 作成ツールは入力時にMarkdownスタイルのショートカットをサポートします。
+アイコン — 画像、GIF、動画、ボタン、ファイル添付を挿入します。
ドラッグ&ドロップ — 画像やファイルを直接作成ツールにドロップします。
テキストのフォーマット
フォーマット | 方法 |
太字 |
|
斜体 |
|
見出し | テキストを選択して見出しスタイルを選ぶか、ツールバーを使います。 |
箇条書きリスト | 行の先頭に |
番号付きリスト | 行の先頭に |
インラインコード | テキストを単一のバッククォートで囲みます:`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を事前にエンコードしないでください。作成ツールが自動でエンコードします。





