フォームページテンプレート

配信時に使用する置換文字の「メールアドレス」「携帯番号」「住所」については、
登録フォーム、登録完了ページにセクションを追加して自由にカスタマイズできます。
ここで作成したフォーム画面はテンプレートとして使用できます。

このページでは、テンプレートの作成 / 編集方法について解説いたします。

・追加したセクションの編集方法はこちら → 「サイト作成 – 操作マニュアル
・作成したテンプレートの使用方法はこちら  → 「ページタイプ「ノーコード編集」

<カスタマイズ例>
登録フォームの上下にセクションを追加して編集した例です。

フォームページテンプレートエディタの表示方法

  1. 「トリプル配信」をクリック。トリプルトップ画面
  2. フォームテンプレートを作成 / 編集したい顧客データベース名をクリック。
  3. 「フォームページ」をクリック。
  4. テンプレートを新規作成する場合は、「新規作成」をクリック。
    ・既存のテンプレートを開く場合は、テンプレート一覧より選択してください。

    ・過去に作成したテンプレートは「NO IMAGE」となっており、サムネイルが
     反映されていません。
     ファイルを開き、内容を編集して保存するとサムネイルが表示されます。
     (サムネイルが更新されない場合は、ページの再読み込み(F5キー)を
      してください。)

  5. 別ウィンドウにテンプレート作成画面が表示されます。
    ※1 表示設定 編集パネル(※8)をPC表示、スマートフォン表示に切り替え、
    それぞれの見え方を確認できます。
    ※2 拡大設定 編集パネルの拡大率を変更できます。
    ※3 プレビュー 別ウインドウが立ち上がり、PC、タブレット、スマートフォンの
    プレビューを確認できます。
    ※4 終了 編集画面が閉じ、エキスパの画面へ戻ります。
    ※5 戻す・進む 今作業した操作を作業前の状態に戻す場合は「戻す」をクリックします。
    戻した状態を取り消す場合は「進む」をクリックします。
    ※6 変更履歴 変更履歴が表示されます。
    表示された履歴をクリックすることで、その状態まで戻ることができます。
    頻繁に保存しておくとより安全です。
    ※7 操作パネル 選択している状態の操作内容により、表示が変わります。
    ※8 編集パネル ・新規作成時には、フォームセクションのみがあります。
     登録フォームの編集画面でテンプレートを反映させると
     自動的に該当の登録フォームが入ります。
     作成したテンプレートの使用方法は以下をご確認ください。
     → 「ページタイプ「ノーコード編集」
    ・選択したセクション、コンテナ、パーツの各デザインや
     レイアウトの編集ができます。
     編集については以下をご参照ください。
     → 「サイト作成 – 操作マニュアル
    ※9 テンプレート名 テンプレート名の欄にマウスオーバーすると、「編集」アイコンが
    表示され、テンプレート名の変更ができます。
    変更後は「保存(※10)」をクリックして保存してください。
    ※10 保存 編集内容を保存します。
    ※11 セクション テンプレート内のセクションを表示します。
    セクションを選択し、複製や削除、表示非表示の設定ができます。
    また、セクションが複数ある場合、ドラッグで位置を変更できます。
    表示非表示についてはこちら → 「表示・非表示の切り替わり方
    ※12 セクションを追加 既存セクションの一番下へセクションを追加します。
  6. 以上が、フォームページテンプレートエディタの表示方法です。

テンプレートの作成

フォームテンプレの作成手順

登録フォームの上下にセクションを追加して、テンプレートを作成します。
  1. 「フォームセクション(ここにフォームデータが入ります)」を選択し、
    「セクションを追加」をクリック。

    フォームの上にセクションを追加したい場合は、上側の「セクションを追加」を
    クリックしてください。
  2. クリックしてどちらかのタブを開きます。
    ※1 シンプル 既存で用意されているセクションテンプレです。
    ※2 Myテンプレート 自分で作成したセクションテンプレが保存されています。
    作成方法はこちら → 「セクションテンプレの作成手順
  3. 追加したいセクションを選択し、「追加」をクリック。
    複数のセクションを追加したい場合は、追加したい場所のセクションを選択し、
    同様に追加をしてください。
  4. 編集後、セクション外側のグレー部分をクリックして確定します。
  5. 「保存」→「終了」の順番でクリックして、エディタを閉じます。
  6. テンプレート一覧に、作成したフォームテンプレが保存されていることを確認できます。
  7. 以上が、フォームテンプレートの新規作成手順です。

セクションテンプレの作成手順

編集したセクション単体を、「セクションテンプレ」として保存できます。
  1. セクションテンプレとして保存したいセクションを選択。
  2. 「テンプレ保存」アイコンをクリック。
    保存したテンプレートは、セクション追加時に「Myテンプレート」から選択できます。
  3. 以上が、セクションテンプレを作成する手順です。

テンプレートの編集

フォームテンプレートの編集

テンプレートを編集して保存をすると、元のテンプレートに上書きされます。
  1. テンプレート一覧から、編集したいテンプレートを選択。
  2. 内容を編集後、「保存」→「終了」の順番でクリック。
  3. テンプレート一覧で、ページを再読み込み(F5キー)するとサムネイルが更新されます。
  4. 以上が、フォームテンプレートの編集手順です。

セクションテンプレートの編集

保存されているセクションテンプレを直接編集することはできませんが、
「セクション追加」で編集したいセクションテンプレを追加、編集し、
あらたなセクションテンプレとして保存することで対応が可能です。
  1. テンプレート一覧から、任意のテンプレートを選択。
    ここで選択するテンプレートはどのテンプレートでも構いません。
  2. 任意のセクションを選択し、「セクションを追加」をクリック。
    「セクションを追加」をクリックすることで、保存されているセクションテンプレを
    表示させます。
    そのため、ここで選択する「セクションを追加」は、どの場所でも構いません。
  3. 「Myテンプレート」から、編集したいセクションテンプレを追加。
  4. セクションを編集後、テンプレ保存の「☆」アイコンをクリック。
  5. 「セクションを追加」から、セクションテンプレとして保存されたことを確認できます。
    不要なセクションテンプレやセクションは削除しましょう。
  6. セクション外をクリックして選択を解除後、「保存」→「終了」の順番でクリックし、
    エディタを閉じます。
  7. 以上が、セクションテンプレートの編集手順です。

テンプレートの複製

フォームテンプレートの複製

フォームテンプレをコピーして、あらたなフォームテンプレを作成できます。
  1. テンプレート一覧で、複製したいテンプレートの「複製」アイコンをクリック。
  2. テンプレートが複製されました。
  3. 以上が、フォームテンプレートの複製手順です。

セクションテンプレートの複製

セクションテンプレには複製機能はありませんが、セクションテンプレの編集同様の手順で
複製と同じような効果を得ることが可能です。
こちらをご参照ください。→ 「セクションテンプレートの編集

テンプレートの削除

フォームテンプレートの削除

  1. テンプレート一覧で、削除したいテンプレートの「削除」アイコンをクリック。
  2. テンプレートが削除されたことを確認できます。
  3. 以上が、フォームテンプレートの削除手順です。

セクションテンプレートの削除

  1. テンプレート一覧で、作成済みの任意のテンプレートをクリック。
    セクションテンプレは、どのフォームテンプレからも削除ができます。
  2. 任意のセクションを選択し、「セクションを追加」をクリック。
    「セクションを追加」をクリックすることで、保存されているセクションテンプレを
    表示させます。
    そのため、ここで選択する「セクションを追加」は、どの場所でも構いません。
  3. 「Myテンプレート」から、削除したいセクションテンプレの「削除」アイコンをクリック。
    他のフォームテンプレからも、セクションテンプレの削除を確認できます。
  4. 以上が、セクションテンプレートの削除手順です。
検索ワード / #フォーム編集 #ノーコード編集エディタの使い方 #フォームエディタの使い方 #フォームページ編集 #フォームページ複製 #フォームページ削除 #フォームページコピー #フォームテンプレート編集 #フォームテンプレート複製 #フォームテンプレートコピー #フォームテンプレート削除 #セクションテンプレ編集 #セクションテンプレ複製 #セクションテンプレコピー #セクションテンプレ削除 #フォームテンプレ編集 #フォームテンプレ複製 #フォームテンプレコピー #フォームテンプレ削除