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

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

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

テキストのフォーマット

フォーマット	方法
太字	`Cmd + B`（Windowsでは`Ctrl + B`）
斜体	`Cmd + I`（Windowsでは`Ctrl + I`）
見出し	テキストを選択して見出しスタイルを選ぶか、ツールバーを使います。
箇条書きリスト	行の先頭に`-`、`+`、または`*`を付けます。
番号付きリスト	行の先頭に`1)`または`1.`を付けます。
インラインコード	テキストを単一のバッククォートで囲みます：`example`
コードブロック	テキストを三重バッククォートで囲みます：```
リンク	URLを貼り付けると自動でリンク化されます。テキストを選択してリンクを追加することも可能です。

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

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

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

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

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

https://examply.com/help center

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

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

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

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

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

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

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

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

コードブロックを追加するには、コードの前後に```を入力します。完成したコードブロックは以下のようになります。

example code block
example code block

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

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

img { 
  max-width: 100% 
}

完全にカスタマイズしたメールテンプレートで送信したい場合は、自分のHTMLをインポートできます。メール作成ツール左下の「HTML編集」オプションを選択してください。
メッセージに属性を追加するのは簡単です。コンテンツブロック右のアイコンを選択し、標準属性、カスタム属性、イベント属性から追加したいものを選びます。
リンクにも属性を追加可能です。例えば、各ユーザーを会社設定ページにリンクしたい場合、URLがwww.yourappname/settings/なら、属性リストからURLに追加できます。

HTMLブロックにも属性を追加できます。ただし、属性の構文は手動で入力する必要があります。注意：hrefやsrcなどのHTML属性内でフォールバック付き属性を使う場合、フォールバックテキストはシングルクォートで囲んでください。ダブルクォートは無効なHTMLになります。
コンテンツブロック内で改行するには「Return」を押します。
新しいコンテンツブロックを作成するには「Return」を2回押します。
画像や動画を削除するには、それを選択してバックスペースを押します。
ボタンを削除するには、ボタン内のテキストをすべて削除し、さらにもう一度バックスペースを押します。

重要：ビジュアルビルダーでメッセージ作成を始めたら、確実に進める場合を除きHTMLエディターに切り替えないでください。HTMLエディターへの切り替えは元に戻せない操作で、ビジュアルビルダーの内容は完全に失われます。

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