■目的 オリジナルフォームをアップロードするにはZIPファイルにする必要があるのですが、解凍を行わないことで再度圧縮する手間が省けます。 ■セット所要時間 ５分 ■セットの流れ ※説明はWindowsになります。Macで行う場合はファイルを解凍してから編集を行なってください。 解凍後のファイルをアップロードするには圧縮が必要です。 （１） ①ZIPファイル上で右クリック ②プログラムから開く ③エクスプローラー
↓ （２） 編集したいファイルをドラック＆ドロップで、デスクトップなどにコピーします。
↓
（３）
コピーしたファイルをメモ帳などで開きます。
※Macの場合はデフォルトで使用できる「テキストエディット」を使用してください。
編集後、ファイルを保存します。（保存しないと変更されません）
↓
（４）
デスクトップの編集したファイルを、ZIPファイルの中へドラック＆ドロップで戻します。
その際にアラートが出ますが上書きを選択してください。
（※元ファイルが必要な場合はバックアップを別に保管しておいてください）
↓ （５） ECAIのLIFFへアップロードして編集内容が反映されているかご確認ください。
お使いの端末、環境によってできないこともありますので、その場合は一度解凍してから編集をお願いします。 オリジナルフォームの編集方法＞ 動作確認済み：Windows10オリジナルフォーム生成アプリの使い方
■目的 こちらのアプリは入力項目にテキストを打ち込むだけでオリジナルフォームを生成することができます。 これにより作業効率をアップさせることができるのと、HTMLの知識がない方でも誰でもオリジナルフォームを生成することができるようになります。 オリジナルフォーム生成アプリはこちら＞ まず完成形のイメージとしては、下記のようなフォームが簡単に作成できます。 サンプルフォーム＞ （１）サイドバーメニュー ①並べ替え 質問項目の並べ替えができます。 ②データダウンロード 作成したデータを保管することができます。 ③データ読み込み ②で作成したデータをこちらで読み込みます。 ④リセット 入力内容をすべてクリアにします。 ⑤上書き保存 データのダウンロード、プレビューの前に行ってください。 ⑥プレビュー 作成したフォームの実際の見え方の確認ができます。 ⑦LIFFダウンロード ECAIにアップロードするためのデータをダウンロードします。
（２）フォームデザイン選択 シンプル型かチャット型のどちらかを選択してください。
（３）入力ページのヘッダー部分 ①ページタイトル：ブラウザのタブ、フォームの最上部 ②ヘッダー画像：ファイルを選択しアップロードして下さい ③ヘッダータイトル ④ヘッダーテキスト
（４）送信ボタン、タグコード ①送信ボタンテキスト ②詳細設定でフォーム送信時のリンク先を指定できます ③送信時タグコード：ここで設定したタグが送信時に付与されます
（５）質問項目の追加 ＋項目追加：プルダウンで下記７種類の質問やメッセージが追加できます ラジオボタン チェックボックス（※複数選択可） プルダウン 1行テキスト入力 複数行テキスト入力 生年月日 メッセージ（テキストのみ表示）
【プレビューの補足】 プレビュー後にWindowsの場合、F12で開発ツールが開きます。スマホのマークをクリックするとスマホのプレビューに切り替わります。
（６）ラジオボタン ①必須：必須入力設定 ②質問：質問テキストの入力 ③補足：やや小さめのフォントサイズで補足テキスト ④回答の列数：1～3列の中で選択 ⑤回答の設定 ⑥回答追加 ⑦削除 ⑧タグコード：ユーザーその回答を選んだ時に指定のタグを付与
（７）チェックボックス ①必須：必須入力設定 ②質問：質問テキストの入力 ③補足：やや小さめのフォントサイズで補足テキスト ④回答の列数：1～3列の中で選択 ⑤回答の設定 ⑥回答追加 ⑦削除
（８）プルダウン ①必須：必須入力設定 ②質問：質問テキストの入力 ③補足：やや小さめのフォントサイズで補足テキスト ④回答の設定 ⑤回答追加 ⑥削除
（９）テキスト入力（1行） ①必須：必須入力設定 ②入力タイプ：名前、電話番号、メールを指定することでECAIの会員情報に紐づきます。デフォルトは指定なし ③質問：質問テキストの入力 ④補足：やや小さめのフォントサイズで補足テキスト ⑤入力例の設定（入力すると消えます）
（１０）テキスト入力（複数行） ①必須：必須入力設定 ②質問：質問テキストの入力 ③補足：やや小さめのフォントサイズで補足テキスト ④入力例の設定（サンプルは設定なし）
（１１）生年月日 ①必須：必須入力設定 ②質問：質問テキストの入力 ③補足：やや小さめのフォントサイズで補足テキスト
（１２）メッセージ 質問と質問の間で何かしらのメッセージを入れたい場合はこちらをご使用ください。
（１３）完了ページ
完了ページを表示するには、入力ページを送信することで表示されます。
①ページタイトル：ブラウザのタブ、フォームの最上部
②ヘッダータイトル
③ヘッダーテキスト
④閉じるボタンテキスト
（１４）LIFFファイルをアップロードする (1)の⑥でダウンロードしたLIFFファイルをECAIの管理画面からZIPファイルのままアップロードして完成です。 LIFFのアップロード方法はこちら＞ オリジナルフォームの新規作成はこちら＞ また、ダウンロードしたLIFFファイルをさらに手動で編集することも可能です。 オリジナルフォームの編集方法＞オリジナルフォームの編集方法の流れ
既存のオリジナルフォーム（LIFF）の修正方法になります。 （１）コンテンツ ＞ LIFF ＞ フォーム編集 メニューのLIFFより修正したいフォームをダウンロード ダウンロード方法はこちら＞
↓↓↓ （２）ダウンロードしたファイルを解凍し、テキストエディターで編集 お使いのテキストエディターがない場合は、下記ガイドよりインストールして編集してください。 テキストエディターの操作方法＞ ※デフォルトでインストールされているテキストエディターでも編集可能です。 Windows：「メモ帳」 Mac：「テキストエディット」
↓↓↓ （３）編集したファイル一式を圧縮 フォームの圧縮方法について＞ ↓↓↓ （４）圧縮したファイルを該当フォームへアップロード アップロードについてはこちら＞ ↓↓↓ （５）スマホよりテスト送信を行い、意図した挙動になっているかご確認下さい。 フォームのテスト送信方法＞オリジナルフォームの編集方法
既存のオリジナルフォーム（LIFF）の修正方法になります。 （１）コンテンツ ＞ LIFF ＞ フォーム編集 メニューのLIFFより修正したいフォームをダウンロード ダウンロード方法はこちら＞
↓↓↓ （２）ダウンロードしたファイルを解凍し、テキストエディターで編集 お使いのテキストエディターがない場合は、下記ガイドよりインストールして編集してください。 テキストエディターの操作方法＞ ※デフォルトでインストールされているテキストエディターでも編集可能です。 Windows：「メモ帳」 Mac：「テキストエディット」 〈フォームの詳細について〉 【フォーム】ZIPファイルの構造説明＞ 本人確認フォームのHTMLファイル内容説明＞ 【解約・休止・サイクル変更・スキップ】申請フォームのHTMLファイル内容説明＞
↓↓↓ （３）編集したファイル一式を圧縮 フォームの圧縮方法について＞ ↓↓↓ （４）圧縮したファイルを該当フォームへアップロード アップロードについてはこちら＞ ↓↓↓ （５）スマホよりテスト送信を行い、意図した挙動になっているかご確認下さい。 フォームのテスト送信方法＞設定してある「タグトリガーステップメッセージ」の編集方法
① メッセージ
↓
② ステップメッセージ
↓
↓
③ 編集したい、シナリオの「編集」ボタンをクリック
↓
④ 編集画面で編集したい部分を編集
┗4-1： タグが付与されてからメッセージが送信される時間を変更できます。
┗4-2： テキスト、画像、動画、音声、その他（カルーセル、画像カルーセル、ボタン、選択ボタン、リッチメッセージ、クイックリプライ）の選択変更箇所です。
┗4-3： メッセージ編集フィールドです。
┗4-4： 絵文字、定型文の差し込みが可能です。
┗4-5： 同時刻に、「画像+メッセージ」を送りたい、「メッセージが長くなったので分けたい」など同時刻に一緒にメッセージを送りたい際はメッセージ追加を押してメッセージフィールドを追加してください。同時配信は最大5つまで可能です。
┗4-6： ステップメッセージを追加したい際はシナリオ追加をおしてシナリオを追加してください。最大100シナリオまで追加可能です。
↓
↓
⑤ 編集が終わったら「保存」ボタンを押して完了です。
■テキスト説明
①左サイドメニューのメッセージ>応答メッセージ
↓
②「編集」をクリック
↓
③変更したい箇所を修正
↓
④「保存」を押して修正完了
■画像付き説明
↓
↓
③変更したい箇所を修正
↓
■目的 フォームの修正などで、テストフォームから本番フォームへアップロードする際などに使用します。 ■セット所要時間 ５分 ■セットの流れ （１）テストフォームをダウンロード オリジナルフォームのダウンロード方法はこちら＞ ⇓ （２）本番フォームへアップロード ※本番フォームへアップロードする前に、本番フォームのバックアップを必ずダウンロードしておいてください。 (1)でダウンロードしたZIPファイルをそのままアップロードします。 アップロードの方法はこちら＞ ⇓ （３）送信テストはLIFF-URLを使用し、スマホにて行ってください。 オリジナルフォームのテスト送信方法はこちら＞【誰でも簡単！】PCのメモ帳を使ってオリジナルフォームを編集する方法
■目的 既存のオリジナルフォーム（LIFF）を誰でも簡単にPCのメモ帳を使って修正する方法になります。 ※HTML編集ソフト不要 ■セット所要時間 １０分 ■セットの流れ （１）コンテンツ ＞ LIFF ＞ フォーム編集 左のメニューのLIFFを選択し、修正したいフォームをダウンロード
↓↓↓
↓↓↓ （２）ダウンロードしたファイルをメモ帳 ダウンロードしたZIPファイルを解凍せず編集する方法＞ ↓↓↓ （３）編集したファイルを対象のフォームへアップロード アップロードについてはこちら＞ ↓↓↓ （４）スマホよりテスト送信を行い、意図した挙動になっているかご確認下さい。 フォームのテスト送信方法＞
ZIPファイルを一度解凍してから編集を行う場合は、下記を参照してください。 フォームの内容を大幅に変更したい場合はこちらの方法で行ってください。 オリジナルフォームの編集方法＞オリジナルフォームのファイルの変更前と変更後でソースコードの差分（違い）を確認する方法
■目的 変更した箇所のソースコードを確認することで、その後に編集する際に参考にすることができます。 ■セット所要時間 5分 ■セットの流れ （１） まず差分を確認したいファイルの変更前、変更後それぞれを用意してください。 ↓ （２） それぞれのファイルをテキストエディターで開きます。 ※お使いのエディターで問題ありません。 ↓ （３） difffというオンラインで差分を確認できるサイトを使用しますので、下記サイトを開いて下さい。 difff＞ ↓ （４） ①、②のサンプルテキストは削除し、テキストエディターから変更前のファイルのソースコードをコピーして①にそれぞれ貼り付け下さい。 変更後のファイルのソースコードは②に貼り付け下さい。 その後③をクリック
↓ （５） ピンクのマーカー部分が差分（変更箇所）になります。
