ラブレターテンプレート
外部サイト設置方法©︎2024 WillWay corporation inc.

目次

旧

ラブレターテンプレートでの設定方法を知りたい方はここをクリックして移動してください。

新ラブレターテンプレートでの設定方法を知りたい方はここをクリックして移動してください。

旧ラブレターテンプレートでの設定方法（AgentMAILフォーム一覧での設定）

ラブレターテンプレートを外部サイトに設置する方法
下記ステップの番号をクリックしたら、各ステップの１ページ目に移動できます。

Step1からStep3までを完了させる必要があります

独自ドメインを取得しよう

フォーム一覧の「詳細確認」
から編集してドメインを追加
ラブレターテンプレート
外部サイト設置の設定※独自ドメインをお持ちの方は、Step2からスタートしてください

ラブレターテンプレートを外部サイトに設置すると、URLをhttps://www.agentmail.jp/form/xxxxx/というものから、自分専用のURLに変更することができ、ユーザーからの認知とブランド力を獲得できます。
独自ドメインによりシンプルなURLになることで、何のランディングページなのかがわかりやすくなりますよ。

準備！
ブラウザでAgentMAILのフォーム一覧を開いておきましょう。そして、新しいタブを開いて、次のStep1から設定をしていきましょう。
４

Step 1

独自ドメインを取得しよう 1【手順１】エックスサーバーに登録しよう！（独自ドメインを取得済みの方はStep2から設定してください）

今回はXserver (エックスサーバー)という会社を例に説明をしていきます。
必ずこちらの会社を使用する必要はありません。お好きな会社と契約していただいて構いません。

Xserver !今村海のおすすめポイント！！
①独自ドメイン永久無料特典がついている（条件あり 詳細を確認する ）②お得なキャンペーンをよくやっている ③管理画面がシンプルで使いやすい④ドメインはここ、サーバーはこっち、と安い会社を見つけるのも１つの手だが、まとまっている方が管理がしやすい
ファーストステップ！
まずはアカウントを作成するところからスタート。
『10日間無料お試し 新規申し込み』をクリックして先へ進もう！プランは一番安いスタンダートプランでOK。
無料お試し期間中に動作を確認して問題がなければ、本契約手続きをしましょう！
(独自ドメイン永久無料特典を受ける為には本契約を完了させる必要があります。)❶お申し込みページに進む❷「10日間無料お試し 新規お申込み」をクリック

お申し込みはこちら

５Step 1

独自ドメインを取得しよう 2【手順2】独自ドメイン永久無料特典の申請をして、独自ドメインを取得しよう！

❶X serverにログイン❷「10日間無料お試し 新規お申込み」をクリック

サイドメニューの『各種特典お申し込み』をクリック

６

Step1

独自ドメインを取得しよう 3【手順２】独自ドメイン永久無料特典の申請をして、独自ドメインを取得しよう！

❸ 希望するドメインを入力❹ 確認・独自ドメイン永久無料特典申請

新規取得…ドメインの新規取得をする場合
移管申請…他社からドメイン移管をご希望の場合※サーバーが本契約となり、独自ドメイン永久無料特典申し込み対象の場合、申請フォームが表示されます。
ドメイン名に誤りがないか確認のうえ、「選択したドメインの取得申請をする」をクリック。
※ドメイン取得後は、ドメイン名を変更できません。

詳細はX severのサイトでご確認ください → https://www.xserver.ne.jp/bizhp/create-email-address/

７

Step 1

独自ドメインを取得しよう 4【手順3】独自ドメインを使うための設定をサーバーに追加しよう❶「サーバーパネル」にログインする❷ ドメイン設定をクリック

トップページ内、サーバー契約の右側にある、「サーバー管理」をクリック。

サーバーパネルのトップページに並んでいるメニューのなかから、「ドメイン設定」をクリック

詳細はX severのサイトでご確認ください → https://www.xserver.ne.jp/bizhp/create-email-address/

８

Step 1

独自ドメインを取得してよう 5【手順3】独自ドメインを使うための設定をサーバーに追加しよう❸「ドメイン設定追加」をクリック❹「確認画面へ進む」をクリック「ドメイン設定追加」をクリック取得したドメイン名を「.com」「.net」などまで入力し、「確認画面へ進む」をクリック。

９

Step 1

独自ドメインを取得しよう ６【手順3】独自ドメインを使うための設定をサーバーに追加しよう④「確認画面へ進む」をクリック入力したドメイン名を確認し、間違いがなければ、「追加する」をクリック。

以上で独自ドメインを使うための設定は完了です。

10

Step2

フォーム一覧「詳細確認」から編集してドメインを追加 1❶ フォーム一覧の「詳細確認」をクリック❷ 「編集する」をクリック

サイドメニューのフォーム一覧をクリック。
外部サイトに設置したいラブレターテンプレートの「詳細確認」をクリック。

詳細ページの最下部にある「編集する」をクリック。
command+↓で最下部に移動できます。

11

Step2

フォーム一覧「詳細確認」から編集してドメインを追加 2❸ その他の設定「外部サイトのドメイン」に入力❹ 「保存する」をクリック

ラブレターテンプレート編集ページの「その他の設定」にある『外部サイトのドメイン』にStep1で取得したドメインを入力しよう。

ドメインの入力が完了したら、保存するをクリック。

ワンポイントアドバイス【作成したドメインを忘れた時は！】Xserverにログインして、ドメイン名を確認しましょう！！

12

Step3

外部サイト設置のstep1を実行しよう 1❶ フォーム詳細の『ラブレターテンプレート外部サイト設置』ボタンをクリック❷ step1のディレクトリを作成する
Xserverに戻って「ファイル管理」をクリック。
（ログアウトしている場合は、Xserverにログインしましょう）

フォーム一覧から外部サイトに設置したいフォームの「詳細確認」をクリック。
移動したら「ラブレターテンプレート外部サイト設置」をクリック。

13

Step3

外部サイト設置のstep1を実行しよう 2❸ 設定するドメインをダブルクリックする❹ 「public_html 」をダブルクリックする

ファイルマネージャが開くので、Step1で作成したドメインをダブルクリックしましょう。

次のページに移動したら「public_html」というフォルダを探し、ダブルクリック。

14

Step3

外部サイト設置のstep1を実行しよう 3❺ 新規フォルダを作成する❻ フォルダ名を決めて入力しよう「新規フォルダ」をクリック

ポップアップが表示されますので、英数字でフォルダ名を決めて入力し「作成」ボタンをクリック（今回はtestと入力して作成しています）

ワンポイントアドバイス
URL文字列の一部になるので、わかりやすい文字列をおすすめします。
例えば、セミナーのランディングページの場合
https://xxxxxx.com/seminar/202401/とすることによって、URLを見れば2024年1月に開催するセミナーのランディングページなんだとわかりますね。
上記の場合は、①新規フォルダで『seminar』と名前を入力して→作成。
②seminarをダブルクリックして開いたら「新規フォルダ作成」をクリック。
『202401』と名前を入力して→作成。というようにフォルダを2度作成することになります。

15

Step3

外部サイト設置のstep1を実行しよう 4❼ 作成したフォルダを開いておこう❽ これでstep1が完了です

作成したフォルダをダブルクリックして開いてみましょう
今回はtestで作成したのでtestをダブルクリックします

まだ何もデータはありませんの中身がない状態が正しいです。
ここまで設定できたら、別のタブで開いているAgentMAILへ戻りましょう。

16

Step3

外部サイト設置のstep2と3を実行しよう❶ step2のファイルをダウンロードしよう❷ step3のファイルをダウンロードしよう

step2の「ダウンロードする」ボタンをクリックしてファイルとダウンロードしましょう。

step3の「ダウンロードする」ボタンをクリックしてファイルとダウンロードしましょう。

17

Step3

外部サイト設置のstep4を実行しよう 1❶ Xserverに戻ろう❷ AgentMAILでダウンロードした２つのファイルをサーバーのフォルダにアップロードしよう

Xserverを開いているタブに移動しましょう。
マニュアルのStep3の❽の状態になっていますか？

「アップロード」ボタンをクリック

ワンポイントアドバイス
タブを閉じてしまった方は！
①Xserverにログインして「ファイル管理」をクリック②使用するドメインのフォルダをダブルクリック③piblic_htmlのフォルダをダブルクリック③新規作成したファイルをダブルクリック（マニュアルではtestというファイルを開いた状態です）

18

Step3

外部サイト設置のstep4を実行しよう 2❸ ダウンロードしたファイルをアップロードする❹ 圧縮されているファイルを展開しよう

ポップアップが表示されるので「ファイルを選択」をクリックして、先ほどダウンロードした２つのファイルを選択し、「アップロード」のボタンをクリック

AgentMAILのstep3でダウンロードしたファイルはZipファイルなので展開する必要があります。圧縮ファイルの①「requiredFiles.tar.gz」を選択して②「展開」をクリック③ ポップアップが表示されるので『展開』ボタンをクリック

19

Step3外部サイト設置のstep4を実行しよう 3❺ 展開したフォルダを開く❻ ２つのファイルを１つ前のフォルダに移動する「requiredFiles」というフォルダが追加されるのでダブルクリックで開く①「_dd」と「index.php」２つのファイルを選択②一つ前のフォルダにドラッグ＆ドロップ（長押ししたまま移動）マニュアルではtestという場所に移動します。

20

Step3

外部サイト設置のstep4を実行しよう 4❼ 不要なファイルを削除❽ 残ったファイルが正いかを確認をする

削除するのが不安な方はそのままでも構いませんが、必要なものだけ残しておく方が、後から見た時迷わずに済みます。

AgentMAILのstep4に記載のファイル名と、サーバーに表示されているファイル名が同じが確認をしてください。

削除するファイルは2つ・requiredFiles・requiredFiles.tar.gz【削除方法】①削除するファイルを選択②削除ボタンをクリック③ポップアップが表示されるので「完全に削除」をクリック（削除は1つずつ行います）

21

Step3

外部サイト設置のstep5を実行しよう① URLを入力して表示を確かめて設定完了
マニュアルのStep1で作成したドメインにファイル名を追加したURLをアドレスバーに入力して、正しく表示されるかを確認しよう。

マニュアルの場合は下記のようにアドレスバーに入力します
ドメイン/test/
ドメイン

ワンポイントアドバイス
13ページのワンポイントアドバイスでお伝えしたように、フォルダを２段階で作成した方は、https://ドメイン/seminar/202401/とアドレスバーに入力します。
ドメイン/フォルダ名/フォルダ名/という感じだよ。

22

新ラブレターテンプレートでの設定方法

ラブレターテンプレートを外部サイトに設置する方法
下記ステップの番号をクリックしたら、各ステップの１ページ目に移動できます。

Step1からStep3までを完了させる必要があります

独自ドメインを取得しよう

フォーム作成の「その他の設定」
でドメインを入力して保存
ラブレターテンプレート
外部サイト設置の設定※独自ドメインをお持ちの方は、Step2からスタートしてください

ラブレターテンプレートを外部サイトに設置すると、URLをhttps://www.agentmail.jp/form/xxxxx/というものから、自分専用のURLに変更することができ、ユーザーからの認知とブランド力を獲得できます。
独自ドメインによりシンプルなURLになることで、何のランディングページなのかがわかりやすくなりますよ。

準備！
ブラウザでラブレターテンプレートのフォーム作成⇨タブ「設定」⇨その他の設定、を開いておきましょう。
そして、新しいタブを開いて、次のStep1から設定をしていきましょう。
24

Step 1

独自ドメインを取得しよう 1【手順１】エックスサーバーに登録しよう！（独自ドメインを取得済みの方はStep2から設定してください）

今回はXserver (エックスサーバー)という会社を例に説明をしていきます。
必ずこちらの会社を使用する必要はありません。お好きな会社と契約していただいて構いません。

Xserver !今村海のおすすめポイント！！
①独自ドメイン永久無料特典がついている（条件あり 詳細を確認する ）②お得なキャンペーンをよくやっている ③管理画面がシンプルで使いやすい④ドメインはここ、サーバーはこっち、と安い会社を見つけるのも１つの手だが、まとまっている方が管理がしやすい
ファーストステップ！
まずはアカウントを作成するところからスタート。
『10日間無料お試し 新規申し込み』をクリックして先へ進もう！プランは一番安いスタンダートプランでOK。
無料お試し期間中に動作を確認して問題がなければ、本契約手続きをしましょう！
(独自ドメイン永久無料特典を受ける為には本契約を完了させる必要があります。)❶お申し込みページに進む❷「10日間無料お試し 新規お申込み」をクリック

お申し込みはこちら

25

Step 1

独自ドメインを取得しよう 2【手順2】独自ドメイン永久無料特典の申請をして、独自ドメインを取得しよう！

❶X serverにログイン❷「10日間無料お試し 新規お申込み」をクリック

サイドメニューの『各種特典お申し込み』をクリック

26

Step1

独自ドメインを取得しよう 3【手順２】独自ドメイン永久無料特典の申請をして、独自ドメインを取得しよう！

❸ 希望するドメインを入力❹ 確認・独自ドメイン永久無料特典申請

新規取得…ドメインの新規取得をする場合
移管申請…他社からドメイン移管をご希望の場合※サーバーが本契約となり、独自ドメイン永久無料特典申し込み対象の場合、申請フォームが表示されます。
ドメイン名に誤りがないか確認のうえ、「選択したドメインの取得申請をする」をクリック。
※ドメイン取得後は、ドメイン名を変更できません。

詳細はX severのサイトでご確認ください → https://www.xserver.ne.jp/bizhp/create-email-address/

27

Step 1

独自ドメインを取得しよう 4【手順3】独自ドメインを使うための設定をサーバーに追加しよう❶「サーバーパネル」にログインする❷ ドメイン設定をクリック

トップページ内、サーバー契約の右側にある、「サーバー管理」をクリック。

サーバーパネルのトップページに並んでいるメニューのなかから、「ドメイン設定」をクリック

詳細はX severのサイトでご確認ください → https://www.xserver.ne.jp/bizhp/create-email-address/

28

Step 1

独自ドメインを取得してよう 5【手順3】独自ドメインを使うための設定をサーバーに追加しよう❸「ドメイン設定追加」をクリック❹「確認画面へ進む」をクリック「ドメイン設定追加」をクリック取得したドメイン名を「.com」「.net」などまで入力し、「確認画面へ進む」をクリック。

29

Step 1

独自ドメインを取得しよう ６【手順3】独自ドメインを使うための設定をサーバーに追加しよう④「確認画面へ進む」をクリック入力したドメイン名を確認し、間違いがなければ、「追加する」をクリック。

以上で独自ドメインを使うための設定は完了です。

30

Step2

フォーム設定の『その他の設定』でドメインを追加 1❶ 「フォーム作成」をクリック❷ 「設定」タブをクリック

テンプレートの編集画面。
サイドメニューの「フォーム作成」をクリックして移動

フォーム作成ページに移動したら「設定」タブをクリック

31

Step2

フォーム設定の『その他の設定』でドメインを追加 2❸ その他の設定「外部サイトのドメイン」に入力❹ 「フォームを保存」をクリック「その他の設定」にある『外部サイトのドメイン』にStep1で取得したドメインを入力しよう。

ドメインを入力したら、フォームを保存するをクリック。
保存ができたらラブレターテンプレートのTOPページに戻ろう。

ワンポイントアドバイス【作成したドメインを忘れた時は！】Xserverにログインして、ドメイン名を確認しましょう！！

32

Step3

外部サイト設置のstep1を実行しよう 1❶ 「ラブレターテンプレート管理」をクリック❷ step1のディレクトリを作成する

TOPページで作成済み一覧の「ラブレターテンプレート管理」をクリックしてメニューを開き、「ラブレターテンプレート外部サイト設置」をクリック。

Xserverに戻って「ファイル管理」をクリック。
（ログアウトしている場合は、Xserverにログインしましょう）

33

Step3

外部サイト設置のstep1を実行しよう 2❸ 設定するドメインをダブルクリックする❹ 「public_html 」をダブルクリックする

ファイルマネージャが開くので、Step1で作成したドメインをダブルクリックしましょう。

次のページに移動したら「public_html」というフォルダを探し、ダブルクリック。

34

Step3

外部サイト設置のstep1を実行しよう 3❺ 新規フォルダを作成する❻ フォルダ名を決めて入力しよう「新規フォルダ」をクリック

ポップアップが表示されますので、英数字でフォルダ名を決めて入力し「作成」ボタンをクリック（今回はtestと入力して作成しています）

ワンポイントアドバイス
URL文字列の一部になるので、わかりやすい文字列をおすすめします。
例えば、セミナーのランディングページの場合
https://xxxxxx.com/seminar/202401/とすることによって、URLを見れば2024年1月に開催するセミナーのランディングページなんだとわかりますね。
上記の場合は、①新規フォルダで『seminar』と名前を入力して→作成。
②seminarをダブルクリックして開いたら「新規フォルダ作成」をクリック。
『202401』と名前を入力して→作成。というようにフォルダを2度作成することになります。

35

Step3

外部サイト設置のstep1を実行しよう 4❼ 作成したフォルダを開いておこう❽ これでstep1が完了です

作成したフォルダをダブルクリックして開いてみましょう
今回はtestで作成したのでtestをダブルクリックします

まだ何もデータはありませんの中身がない状態が正しいです。
ここまで設定できたら、別のタブで開いているAgentMAILへ戻りましょう。

36

Step3

外部サイト設置のstep2と3を実行しよう❶ step2のファイルをダウンロードしよう❷ step3のファイルをダウンロードしよう

step2の「ダウンロードする」ボタンをクリックしてファイルとダウンロードしましょう。

step3の「ダウンロードする」ボタンをクリックしてファイルとダウンロードしましょう。

37

Step3

外部サイト設置のstep4を実行しよう 1❶ Xserverに戻ろう❷ AgentMAILでダウンロードした２つのファイルをサーバーのフォルダにアップロードしよう

Xserverを開いているタブに移動しましょう。
マニュアルのStep3の❽の状態になっていますか？

「アップロード」ボタンをクリック

ワンポイントアドバイス
タブを閉じてしまった方は！
①Xserverにログインして「ファイル管理」をクリック②使用するドメインのフォルダをダブルクリック③piblic_htmlのフォルダをダブルクリック③新規作成したファイルをダブルクリック（マニュアルではtestというファイルを開いた状態です）

38

Step3

外部サイト設置のstep4を実行しよう 2❸ ダウンロードしたファイルをアップロードする❹ 圧縮されているファイルを展開しよう

ポップアップが表示されるので「ファイルを選択」をクリッ
クして、先ほどダウンロードした２つのファイルを選択し、「アップロード」のボタンをクリック

AgentMAILのstep3でダウンロードしたファイルはZipファイルなので展開する必要があります。圧縮ファイルの①「requiredFiles.tar.gz」を選択して②「展開」をクリック③ ポップアップが表示されるので『展開』ボタンをクリック

39

Step3

外部サイト設置のstep4を実行しよう 3❺ 展開したフォルダを開く❻ ２つのファイルを１つ前のフォルダに移動する「requiredFiles」というフォルダが追加されるのでダブルクリックで開く①「_dd」と「index.php」２つのファイルを選択②一つ前のフォルダにドラッグ＆ドロップ（長押ししたまま移動）マニュアルではtestという場所に移動します。

40

Step3

外部サイト設置のstep4を実行しよう 4❼ 不要なファイルを削除❽ 残ったファイルが正いかを確認をする

削除するのが不安な方はそのままでも構いませんが、必要なものだけ残しておく方が、後から見た時迷わずに済みます。

ラブレターテンプレートのstep4に記載のファイル名と、サーバーに表示されているファイル名が同じが確認をしてください。

削除するファイルは2つ・requiredFiles・requiredFiles.tar.gz【削除方法】①削除するファイルを選択②削除ボタンをクリック③ポップアップが表示されるので「完全に削除」をクリック（削除は1つずつ行います）

41

Step3

外部サイト設置のstep5を実行しよう① URLを入力して表示を確かめて設定完了
マニュアルのStep1で作成したドメインにファイル名を追加したURLをアドレスバーに入力して、正しく表示されるかを確認しよう。

マニュアルの場合は下記のようにアドレスバーに入力します
ドメイン/test/
ドメイン

ワンポイントアドバイス
34ページのワンポイントアドバイスでお伝えしたように、フォルダを２段階で作成した方は、https://ドメイン/seminar/202401/とアドレスバーに入力します。
ドメイン/フォルダ名/フォルダ名/という感じだよ。

42