テンプレートエディター

メールキャンペーンを成功させるのに最も重要な要素は、本文の質です。適切な本文にレスポンシブデザインが合わさると、メールキャンペーンの大成功を収められます。ベテランでも初めてでも、Zoho Campaignsのドラッグ＆ドロップ操作で簡単に使用できるテンプレートエディターで、魅力的なキャンペーンをデザインできます。

このヘルプガイドでは、さまざまなデザイン要素を使用して、魅力的なメールキャンペーンを作成する方法について説明します。

テンプレートの選択

ナビゲーション ツールバーから、 ［キャンペーン］→［メールキャンペーン］の順に選択します。
画面右上の ［キャンペーンを作成する］ をクリックし、通常のメールキャンペーンを選択します。
メールキャンペーンの名前を入力します。
ページ右下のセクションの ［保存して続ける］ をクリックします。
本文の作成ページには、3つのカテゴリーのテンプレートがあります。3つのカテゴリーから1つ選択します：

保存したテンプレート： このカテゴリーでは、今後利用するために、ライブラリーに保存したテンプレートが表示されます。頻繁に使うテンプレートがいくつかある場合に便利です。テンプレートを選択して、本文を追加し、送信するだけです。
デザインテンプレート： このカテゴリーは、すばやくメールを送信するための、そのまますぐ使えるテンプレートです。ビジネス利用から季節の挨拶まで、さまざまなシチュエーションに合うテンプレートから選択します。
基本のテンプレート： このカテゴリーは、白紙のレイアウトとドラッグ＆ドロップの要素を組み合わせたシンプルなテンプレートです。レイアウトを1つ選択して、テキストや画像を追加して、キャンペーンを送信します。

これら3つのカテゴリーとは別に、Zoho Campaignsでは、メールテンプレートの作成時に次のオプションを利用できます：

HTMLエディター： 独自のHTMLコードを使用します。
書式なしテキストエディター： テキストのみを追加します。
HTMLのインポート/アップロード： クラウドからファイルをインポートするか、コンピューターからファイルをアップロードします。
最近送信したキャンペーン： 最近送信したキャンペーンのリストを表示します。ここから1つ選択しで本文を編集し、送信します。

要素

テンプレートエディターの各種要素は、次のとおりです：

テキスト

この要素を使用して、キャンペーンにテキストの本文を追加します。テキストの要素をクリックして、必要なテキストオプションをクリックします。

テキストを表示したい位置に、特定の要素をドラッグ＆ドロップして、点線内に入力するだけです。

左側の［テキストのプロパティ］にあるテキストを編集することもできます。

画像

この要素を使用して、キャンペーンに画像を追加します。3つの異なるレベルのカスタマイズオプションから、テンプレートに最も適したものを選択します。

画像を追加するには：

希望する位置に、要素をドラッグ＆ドロップします。
画像エリアをクリックします。
左側の［画像のプロパティ］にある ［変更］ を選択します。目的の画像を選択します。
左側の［画像のプロパティ］で、画像サイズの選択、画像へのリンク挿入、リンクの表示方法（新しいウィンドウ/同じウィンドウ）の選択、背景色の選択、枠線スタイルの選択が可能です。

次の3つの方法で、画像を追加できるようになりました：

［自分のファイル］からの画像の選択
コンピューターまたはWebサイトURLからのアップロード

自分のファイル

［自分のファイル］内にある画像をします。
件名と代替テキストを入力します。
［画像の挿入］をクリックします。

コンピューターからのアップロード

［アップロード］をクリックして、コンピューターから追加する画像を選択します。
対象の画像を参照して、選択します。
件名と代替テキストを入力します。
［画像の挿入］をクリックします。

Webサイトからのアップロード

［アップロード］をクリックして、Webサイトから追加する画像を選択します。
対象の画像を参照して、選択します。
画像のURLを入力します。
件名と代替テキストを入力します。
［画像の挿入］をクリックします。

画像を編集するには：

編集する画像をクリックします。
左側の［画像のプロパティ］にある［編集］オプションをクリックするか、画像を選択してから左上にある［編集］アイコンをクリックします。
画像エディターが開きます。
画像の切り取り、独自テキストの追加、既存の画像への新しい画像の追加、別の画像の追加、画像へのボタンの追加、画像の変更などを行い、キャンペーン本文をカスタマイズします。
［プレビュー］をクリックすると、メールテンプレートで画像がどのように表示されるかを確認できます。
［保存して完了］をクリックします。

画像エディターについての詳細は、こちらをクリックしてご参照ください。

スペース（空白）

スペースの要素は、2つの要素の間に空白を追加するのに使用します。この要素を使用して、意図したとおりの見た目に、テンプレートを調整できます。3種類の高さのオプション（10、15、20ピクセル）があります。希望する位置にスペースをドラッグ＆ドロップして、［サイズ変更］アイコンで適宜調整します。［スペース（空白）のプロパティ］で、背景色と枠線スタイルを変更します。

画像とテキスト

この要素を使用して、テンプレートの同じセクションに画像とテキストを追加できます。4種類のレイアウトから選択して、選択したレイアウトを、希望する位置にドラッグ＆ドロップします。

ボタン

この要素を使用して、Webページやランディングページに受信者を移動させる、CTA（行動喚起）ボタンを作成できます。ボタンの要素は、境界線の半径が異なる3つのオプションから選択できます。要素をドラッグ＆ドロップすると、ボタンのプロパティのポップアップが表示されます。

テキスト

ボタン名を入力します。
［WebサイトのURL］、［メールアドレス］、［アンカー］、［電話番号］のいずれかの設定を選択します。
WebサイトURL用のボタンを設定するには：

WebサイトのURLを入力します。
URLを新しいウィンドウで開くか、同じウィンドウで開くかを選択します。

メールアドレス用のボタンを設定するには：

メールアドレスを入力します。
件名を入力します。

アンカー用のボタンを設定するには：

アンカーを選択します。
リンクを新しいウィンドウで開くか、同じウィンドウで開くかを選択します。

電話番号用のボタンを設定するには：

電話番号を入力します。

［保存］をクリックします。

デザイン

ボタン名を入力します。
テキストの色とボタンの色を選択します。
ボタンのは位置を選択肢、ボタンの高さと幅をピクセル単位で入力します。
ボタンの形、角丸の半径、ボタンの枠線のスタイルを選択します。
テンプレートの背景色と枠線のスタイルを選択します。
ボタンの上下左右の余白を入力します。
［保存］ をクリックします。

列

この要素は、テンプレートに列指向のレイアウトを選択する場合に使用します。5つの異なるデザインオプションがあります。希望する位置に要素をドラッグ＆ドロップして、テンプレートに画像やテキストを挿入するだけです。

注意事項

複数列に画像を追加する際は、「カスタム」か「自動調整」を選択してください。
1つの列内に、複数の行を使用しないでください。Outlookで開くとレイアウトが崩れることがあります。
複数列のレイアウトに、WebサイトのURLを直接、使用しないでください。
対象のURLへのハイパーリンク付きのテキストまたはボタンを必ず追加してください。

メモ：

カスタマイズのツールバーから、幅の割合を選択すると、列の幅を変更できます。

表

この要素を使用して、メールテンプレートに表を追加できます。次のオプションから選択できます：3x3の表、6x6の表、カスタム表

表を作成するには、テンプレートに要素をドラッグ＆ドロップして、データを入力します。カスタム表の場合、要件に応じて表の詳細を指定できます。また、幅（パーセント、ピクセル）、配置、列見出しの詳細などのプロパティを設定できます。

仕切り

仕切りを使用して、テンプレート内のコンテンツを分割して、気が散らないようにし、テンプレートをより魅力的に仕上げることができます。仕切りのスタイルを選択し、テンプレート内の希望する位置に要素をドラッグ＆ドロップします。

［仕切りのプロパティ］で、仕切りの配置、背景色、罫線のスタイル、罫線の色、幅、上下の余白を選択します。

枠付きテキスト

テンプレートに枠付きテキストを追加して、メールの重要な部分を強調表示できます。テンプレートの希望する位置に要素をドラッグ＆ドロップします。［枠付きテキストのプロパティ］で、枠付きテキストの行間隔の変更、アンカーの作成、背景色や罫線スタイルの選択、余白の調整ができます。

［編集］をクリックして、ボックステキストのプロパティを設定します。

HTMLの挿入

メールテンプレートに、HTMLコードを挿入することもできます。テンプレートの希望する位置に、要素をドラッグ＆ドロップします。コードを入力して、 ［適用］ をクリックします。

ウィジェット

この要素を使用して、ニュースレターにウィジェットを追加できます。四角または丸のウィジェットを選択できます。

ニュースレターにウィジェットを追加するには：

希望する位置に、要素をドラッグ＆ドロップします。
［ページのURL］ と ［リンクのテキスト］ を入力します。
［次へ］ をクリックします。
要件に応じて、ウィジェットをカスタマイズします。
［完了］ をクリックします。

動的コンテンツ

事前に設定した特定の条件に合致した際に、関連する本文を登録者に表示する要素を追加できます。

動的コンテンツを使用して、登録者ごとに調整したメールを送信できます。特定の項目の値に基づいて、パーソナライズ（個人向けにカスタマイズ）した本文を各登録者に送信できます。1通の下書きを作成するだけで、登録者について収集したデータに基づき、各登録者固有の本文を送信できます。

ニュースレターに動的コンテンツを追加するには：

希望する位置に、要素をドラッグ＆ドロップします。
ドロップダウンメニューから差し込みタグを選択して、動的データを各ボックスに入力します。
［完了］ をクリックします。

添付ファイル

添付ファイルの要素を使用して、ダウンロード用リンクの形でニュースレターにファイルを添付できます。画像またはボタン上にリンクを設置できます。

利用可能なプラン

ファイルを添付するには：

［添付ファイル］ の要素を選択します。
ダウンロード用リンクを設置したいオブジェクトをドラッグ＆ドロップします。
自分のファイルからファイルを選択するか、パソコンまたはクラウドからファイルをアップロードします。
対象のファイルを選択して、 ［続ける］ をクリックします。

アンケートの作成

この要素を使用して、ニュースレター内でアンケートを作成し、実施できます。アンケートを作成して、キャンペーンに追加できます。アンケートは、送信したキャンペーンに登録者の関心を引き込むのに役立ちます。キャンペーンに含めることができるアンケートの種類は、次のとおりです：

選択式の評価アンケート ：質問をして、登録者の回答の選択肢を表示します。
評点アンケート ：評点形式で、登録者が回答できるようにします。
反応アンケート ：登録者がどのように思っているかを知るための反応を含めることができます。

Create Poll

選択式の評価アンケートを作成するには：

希望する位置に、基本のアンケート要素をドラッグ＆ドロップします。
連絡先が評価する対象についての質問を入力します。
連絡先が選択できる評価回答の件数を選択します。
評価の種類として、［段落番号］または［箇条書き］のいずれかを選択します。
各評価回答を入力します。
［次へ］ をクリックします。
アンケートを完了や送信した連絡先へのお礼メッセージ、アンケートが期限切れの場合のメッセージを入力します。
現在の参加者に他の参加者の回答を見せたい場合は ［はい］ を選択、見せたくない場合は ［いいえ］ を選択します。
アンケートの有効期限の日付を設定します。
［完了］ をクリックします。

評点アンケートを作成するには：

希望する位置に、要素をドラッグ＆ドロップします。
連絡先が評価する対象についての質問を入力します。
連絡先が選択できる評価回答の件数を選択します。
評価に対する［ネガティブな回答］と［ポジティブな回答］を入力します。
［次へ］ をクリックします。
アンケートで連絡先が選択した範囲に応じたメッセージを入力して、 ［次へ］ をクリックします。
アンケートを完了や送信した連絡先へのお礼メッセージ、アンケートが期限切れの場合のメッセージを入力します。
現在の参加者に他の参加者の回答を見せたい場合は ［はい］ を選択、見せたくない場合は ［いいえ］ を選択します。
アンケートの有効期限の日付を設定します。
［完了］ をクリックします。

反応アンケートを作成するには：

希望する位置に、要素をドラッグ＆ドロップします。
連絡先が評価する対象についての質問を入力します。
アンケートで連絡先に選択させたい反応を選択します。
［次へ］ をクリックします。
テンプレート上での絵文字の配置を選択し、テキストとアイコンの両方を表示するか、アイコンのみを表示するかを選択し、絵文字のサイズを選択して、 ［次へ］ をクリックします。
アンケートを完了や送信した連絡先へのお礼メッセージ、アンケートが期限切れの場合のメッセージを入力します。
現在の参加者に他の参加者の回答を見せたい場合は ［はい］ を選択、見せたくない場合は ［いいえ］ を選択します。
アンケートの有効期限の日付を設定します。
［完了］ をクリックします。

動画

この要素を使用すると、YouTubeやVimeoからお気に入りの動画のリンクをメールキャンペーンに挿入できます。

新しい動画をニュースレターに追加するには：

希望する位置に、要素をドラッグ＆ドロップします。
新しい動画または既存の動画の差し込みタグを追加できます。
- 新しい動画を追加する場合：
- 既存の動画の差し込みタグを追加する場合：
［再生ボタンの変更］

をクリックして、動画に表示される再生ボタンをカスタマイズします。
［保存］ をクリックします。

メールキャンペーンで動画を活用する方法については、こちらをご参照ください

フッター

フッター要素を使用して、メール本文にフッターのコンテンツを追加できます。

［要素］タブから［フッター］を選択し、ドラッグ＆ドロップして、メール本文の最後に追加します。追加したフッター要素をクリックすると、左側に［テキストの詳細］画面が表示されます。こちらで、行間隔の変更、アンカーの作成、背景色の設定、罫線のスタイルの変更、上下左右の余白の変更などのカスタマイズが可能です。また、使用する言語の表記に応じて、［右から左に表記するレイアウト（RTL）を有効にする］設定を利用できます。編集を完了した後、［完了する］をクリックします。作成したフッターのコンテンツを［ブックマーク］として保存することで、今後のメール作成時に簡単に追加できます。手順は、フッター要素をクリックし、歯車アイコン（設定）にカーソルを合わせると表示される星アイコン（ブックマーク）を選択します。名前をつけてフッターを保存します。

なお、仕様変更により、［設定］タブの［カスタマイズ］設定で新しいヘッダーとフッターのテーマを作成することはできなくなりました。同様に、［設定］タブで標準テーマを編集することもできません。代わりに、メール本文の作成時に、独自のヘッダーとフッターのテーマを作成し、編集できます。

Zoho Campaignsのフッター要素には、標準の登録解除リンクが設定されています。これは、必要に応じて、編集してカスタマイズすることが可能です。CAN-SPAM （米国における迷惑メール防止法）に従い、マーケティングメールを送信する際には必ずメールの本文に登録解除リンクを記載する必要がありますのでご注意ください。

ICS

カレンダー予定、ToDoなどのスケジュール情報を保存して、交換できるファイル形式です。

本文にICS要素を追加するには：

テンプレートエディターで、高度な要素を選択します。
ICS 要素を選択します。
本文に追加する要素の種類として、［ウィジェット］または［ボタン］のいずれかを選択します。
プロモーションする予定の詳細を入力します。
予定の期間（例：開始時間、終了時間）を入力します。
予定の開催時刻のタイムゾーンを選択します。
［保存］ をクリックします。

デザイン

メールテンプレートのレイアウトをカスタマイズできます。内側の色、外側のテーマ、外側の色、外側の罫線の色、外側の罫線のサイズを選択し、テンプレートの幅を設定します。

右から左への表記

［右から左に表記するレイアウト（RTL）を有効にする］の設定を有効にすると、メールの本文を右から左に書き進めることができるようになります。アラビア語やヘブライ語でテンプレートの本文を作成する際に役立ちます。

ツールバー

フォント： 選択したテキストのフォントの種類を変更します。
フォントのサイズ： 選択したテキストのフォントのサイズを変更します。
太字： 選択したテキストを太字にします。
斜体： 選択したテキストを斜体にします。
下線： 選択したテキストに下線を付けます。
取り消し線： 選択したテキストに取り消し線を引きます。
フォントの色： 選択したテキストの色を変更します。
配置： 選択した本文を左揃え、中央揃え、右揃え、両端揃えにします。
差し込みタグ： 備え付けの差し込みタグ一式を表示します。差し込みタグは、データを配信リストから直接テンプレートに取り込むスマートタグです。このタグを使用して、本文をパーソナライズ（個人向けにカスタマイズ）します。
リンクの作成： テキストの一部をリンクに変えます。
リンクの解除： リンクを通常のテキストに戻します。
箇条書きリスト： 選択したテキストを箇条書きリストで表示します。
番号付きリスト： 選択したテキストを番号付きリストで表示します。
インデント / インデント解除： 横方向のスペースの拡張/縮小により、選択したテキストを余白に近づけたり離したりします。
画像の挿入： テンプレートに画像を挿入します。
水平線： テンプレートの本文中に行または仕切りを追加します。
特殊文字： テンプレートの本文に特殊文字を追加します。
HTMLの挿入： テンプレートの本文にHTMLコードを挿入します。
フォントの背景色： 選択したテキストを指定した色で強調表示します。
取り消し線： 選択したテキストに取り消し線を引きます。
移動： 希望する位置に要素を移動します。
設定：

ブックマーク： 今後の使用のために、要素を［お気に入り］に登録します。お気に入りに登録すると、テンプレートの右上にある星アイコンをクリックして要素に移動できるようになります。

複製： 特定の要素を複製します。

削除： 特定の要素を削除します。

上に移動 / 下に移動： メールテンプレート内の要素間で、特定の要素を上下に移動します。

リンクの作成

リンクを作成するには、対象のテキストを選択して、上部リボンの［リンクの作成］アイコンをクリックします。異なるオプションの4つのタブがあるリンクのポップアップが表示され、いずれか1つをリンクとして使用できます：

URL
メールアドレス
電話番号
アンカー

URL

WebサイトのURLを入力します。
ターゲットウィンドウを選択します。
リンクの件名を入力します。
［保存］ をクリックします。

メールアドレス

メールアドレスを入力してください。
件名を入力します。
リンクの件名を入力します。
［保存］ をクリックします。

電話番号

電話番号を入力します。
リンクの件名を入力します。
［保存］ をクリックします。

アンカー

ドロップダウンから希望するアンカーを選択します。（注：対象のテキストに事前にアンカーをつけておいてください）。
ターゲットウィンドウを選択します。
リンクの件名を入力します。
［保存］ をクリックします。

アンカーを作成するには：

テキストを選択するか、対象の位置にカーソルを置きます。
上部リボンの ［アンカーの作成］ アイコンをクリックします。
アンカー名を入力します。
［保存］ をクリックします。

画像の挿入 - 他の要素内に画像を挿入できます。
水平線 - 好みの位置に、水平線を追加できます。同一要素の 2つのセクション間の仕切りの役割をします。
特殊文字 - キーボードにない特殊記号を追加できます。
HTMLの挿入 - 独自のコードを書き、テンプレートエディターにない要素を追加できます。
背景色 - 特定の要素の背景色を変更できます。
罫線のプロパティ - 特定要素に罫線を追加できます。罫線のスタイル、色、サイズを指定することもできます。
表のプロパティ - 行数、列数、幅、配置、表の罫線をカスタマイズできます。
列のレイアウト - テンプレートの列のレイアウトを選択します。要件に応じて 2列または3列のレイアウトを選択できます。
50:50 - 列または画像を表示する割合を選択できます。要件に応じて、50:50、70:30、30:70、 60:40、40:60から選べます。
画像サイズ - 要件に応じて、画像のサイズを変更できます。バナー、自動調整、小、中、オリジナルのオプションから選択できます。

バージョン履歴

テンプレートエディターの右上に、タイムスタンプアイコンがあります。これが、 バージョン履歴 です。クリックすると、以前のテンプレートのバージョンが表示されます。それぞれの更新の情報や編集の詳細が、個々に記録されます。この機能を使うと、必要に応じてテンプレートを以前のバージョンに戻すことができます。

さまざまなバージョンのテンプレートを表示するには：

テンプレートエディターの上部にある ［バージョン履歴］ をクリックします。
テンプレートに加えられたすべての変更が、ページの左側にリスト表示されます。それぞれの変更履歴のタイムスタンプを確認することもできます。
リストからバージョンを選択します。
画面右上にある ［このバージョンを使用する］ をクリックして、そのバージョンのテンプレートを使用します。

さらに、テンプレートエディターでは、 ［元に戻す］ と ［やり直す］ の操作ボタンを利用できます。最近の編集内容を変更したい場合は、該当の編集内容を「元に戻す」ことができます。編集内容をもとに戻した後に、やはり先ほどの編集内容が適切だと感じた場合は、該当の編集内容を「やり直す」ことができます。テンプレートを保存する前に、これらの機能を複数回使用できます。

メモ：

［保存して終了］ をクリックすると、テンプレートで行った変更が1つのバージョンとして保存されます。
［保存］ をクリックすると、特定の編集の日時がそのバージョンに保存されます。