お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Zoho Marketing 自動化のサインアップポップアップテンプレートエディターには、要素と設定の2つのセクションがあります。ポップアップの種類を選択し、テンプレートを選択すると、テンプレートエディターにアクセスできます。

要素

要素では、ポップアップテンプレートに追加できるさまざまなコンポーネントを含んでおり、自由にデザインを調整できます。利用可能な要素の一覧から、必要な要素をドラッグ＆ドロップしてポップアップのプレビューに配置し、目的に合わせてカスタマイズできます。各要素は、ドラッグ＆ドロップ後に左側に追加のカスタマイズ設定が表示されます。利用可能な要素は８種類あり、下記の画像でご覧いただけます。

1. グリッド: このコンポーネントを使用すると、ポップアップテンプレートに異なる区画を追加できます。最大で３つの区画まで追加可能です。要素を追加した後は、構造、背景、配置、マージン、枠線の変更など、さまざまなカスタマイズが行えます。

1. テキスト: オーディエンス向けにテキストを入力できるテキストボックスです。要素を追加した後は、背景、テキストシャドウ、配置、マージン、枠線などのカスタマイズが可能です。
   
   
   
   
2. 画像: この要素を利用して、ポップアップテンプレートに画像を追加できます。要素を追加した後は、画像のプロパティ、配置、位置、マージン、枠線のカスタマイズが行えます。
   
   
   
   
3. 入力ボックス: この要素は、ポップアップ内に小さなテキストボックスを表示し、オーディエンスがメールアドレスや電話番号、日付などの詳細を入力できます。入力内容を項目にマッピングしたり、必須項目として設定したり、データの暗号化も可能です。また、入力フォントやボックス表示に関連するプロパティもカスタマイズできます。
   
   
   
   
4. テキストエリア: オーディエンスが説明やメッセージを追加できるテキストボックスです。入力ボックスと似ていますが、この要素ではテキスト項目のみ取得可能です。
   
   
   
   
5. ボタン:この要素は、ポップアップテンプレートにボタンを追加する際に使用できます。表示、ボタンの色、ホバー時の動作、パディング、マージン、境界線およびシャドウの設定を利用して、ボタンの表示に関するプロパティをカスタマイズできます。
   
   操作セクションでは、訪問者がボタンをクリックした際の動作を設定できます。設定は3つあります：
1. リダイレクトで、訪問者を別のURLに移動させることができます。
   
2. 閉じるで、サインアップポップアップを閉じることができます。
   
3. カスタムJSを追加できます。JavaScriptを使用して、必要な操作を実行するコードを埋め込むことが可能です。たとえば、Webサイトのチャットボットを開いたり、顧客のアカウントへウェルカムボーナスとしてクレジットを追加したり、ボタンのクリック時に完了させたい他の動作も実行できます。
   
   
   
   さらに、クリックした訪問者をコンテキストに応じて「コンバージョン」または「リジェクション」として設定 as項目で設定できます。
   
   
6. ビデオ:この要素は、ポップアップテンプレートに動画を追加する際に使用できます。YouTubeのURLを埋め込むことができ、ポップアップ内で表示および配置をカスタマイズできます。
   
   
   
   
7. チェックボックス:この要素を使うと、ポップアップの内容にチェックボックスを追加できます。追加後にこの要素のプロパティを管理・カスタマイズできます。
   
   
   
   
8. ラジオ:この要素は、ポップアップの内容にラジオリストを追加する際に使用できます。追加後にこの要素のプロパティを管理・カスタマイズできます。
   
   
   
   
   
   
9. ソーシャル:この要素を使うと、ポップアップテンプレートにソーシャルウィジェットを追加できます。X、Facebook、InstagramのページURLを追加可能です。追加後にこの要素のプロパティを管理・カスタマイズできます。
   
   

メモ:ポップアップフォームには、9個まで（どの組み合わせでも）要素を追加できます。例えば、Input箱を5つ、Text地域を3つ、Videoを1つ追加することが可能です。合計が9個以内であれば、組み合わせは自由です。

設定

設定セクションでは、サインアップポップアップの表示方法をさまざまにカスタマイズできます。設定で利用できる項目は以下の通りです：

1. 背景:ポップアップの背景色を変更します。
   
2. オーバーレイカラー:ポップアップが表示されるオーバーレイスクリーンの色を変更します。
   
3. 閉じるボタン:ポップアップに表示される閉じるボタンの表示内容を編集できます。名前の通り、このボタンは閲覧者がポップアップを閉じる際に使用します。
   
4. 枠線と影:ポップアップの枠線や影をカスタマイズします。