ご利用手順
インストール(必須)
ログイン(必須)
ランディングページの編集(必須)
タイトル編集(必須)
スライド動画の編集
セクションの編集
セクションの追加
セクションの背景色/外枠/余白の設定
CTA処理の設定変更(必須)
「特定商取引法に基づく表示」の変更(必須)
「お問い合わせ」の変更(必須)
アフィリエイター様向け広告文の変更
SNSボタン設置情報登録(条件必須)
検索対策(必須)
ログイン(必須)
ランディングページの編集(必須)
タイトル編集(必須)
スライド動画の編集
セクションの編集
セクションの追加
セクションの背景色/外枠/余白の設定
CTA処理の設定変更(必須)
「特定商取引法に基づく表示」の変更(必須)
「お問い合わせ」の変更(必須)
アフィリエイター様向け広告文の変更
SNSボタン設置情報登録(条件必須)
検索対策(必須)
インストールしたサーバーでログインします。
例えば「https://www.sample.com」にインストールした場合は、
ブラウザのアドレス入力欄に「https://www.sample.com/login.php」と入力するとログインページが表示されます。
ユーザー名とパスワードは、インストール時に設定したユーザー名とパスワードを入力します。
例えば「https://www.sample.com」にインストールした場合は、
ブラウザのアドレス入力欄に「https://www.sample.com/login.php」と入力するとログインページが表示されます。
ユーザー名とパスワードは、インストール時に設定したユーザー名とパスワードを入力します。
背景色、外枠を設定するセクションをクリックします。
![セクションクリック セクションクリック](hp_ref/data/uploads/contents_title_free_data_25_20211129140042.png)
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![ボタンクリック ボタンクリック](hp_ref/data/uploads/contents_title_free_data_25_20211129140116.png)
【セクションの背景色/外枠/余白を設定】ボタンをクリックします
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![背景色設定 背景色設定](hp_ref/data/uploads/contents_title_free_data_25_20211129140939.png)
「背景色」の入力欄をクリックしてカラーパレットから色を選択(クリック)した後、
「OK」ボタンをクリックするとセクションの背景色が表示されます。
※入力欄に直接16進カラーコード(例:#FF0000)を入力することも可能です。
次に外枠の色を設定します。
![外枠の色を設定 外枠の色を設定](hp_ref/data/uploads/contents_title_free_data_25_20211130123018.png)
「外枠の色」の入力欄をクリックしてカラーパレットから色を選択(クリック)し「OK」をクリックします。
※入力欄に直接16進のカラーコード(例:#FF0000)を入力することも可能です。
次に「外枠の太さ」を太さを設定します。
![外枠の太さを設定 外枠の太さを設定](hp_ref/data/uploads/contents_title_free_data_25_20211130123157.png)
「外枠の太さ」を太くする場合は(+)をクリック、細くする場合は(-)をクリックします。
※最初は外枠の太さが0になっているため、外枠が表示されません。
「外枠の形状」「余白(左)」「余白(上)」「余白(右)」「余白(下)」も必要に応じて設定します。
設定が終わったら保存します。
![保存 保存](hp_ref/data/uploads/contents_title_free_data_25_20211130123237.png)
【保存】ボタンをクリックします。
![セクションクリック セクションクリック](hp_ref/data/uploads/contents_title_free_data_25_20211129140042.png)
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![ボタンクリック ボタンクリック](hp_ref/data/uploads/contents_title_free_data_25_20211129140116.png)
【セクションの背景色/外枠/余白を設定】ボタンをクリックします
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![背景色設定 背景色設定](hp_ref/data/uploads/contents_title_free_data_25_20211129140939.png)
「背景色」の入力欄をクリックしてカラーパレットから色を選択(クリック)した後、
「OK」ボタンをクリックするとセクションの背景色が表示されます。
※入力欄に直接16進カラーコード(例:#FF0000)を入力することも可能です。
次に外枠の色を設定します。
![外枠の色を設定 外枠の色を設定](hp_ref/data/uploads/contents_title_free_data_25_20211130123018.png)
「外枠の色」の入力欄をクリックしてカラーパレットから色を選択(クリック)し「OK」をクリックします。
※入力欄に直接16進のカラーコード(例:#FF0000)を入力することも可能です。
次に「外枠の太さ」を太さを設定します。
![外枠の太さを設定 外枠の太さを設定](hp_ref/data/uploads/contents_title_free_data_25_20211130123157.png)
「外枠の太さ」を太くする場合は(+)をクリック、細くする場合は(-)をクリックします。
※最初は外枠の太さが0になっているため、外枠が表示されません。
「外枠の形状」「余白(左)」「余白(上)」「余白(右)」「余白(下)」も必要に応じて設定します。
設定が終わったら保存します。
![保存 保存](hp_ref/data/uploads/contents_title_free_data_25_20211130123237.png)
【保存】ボタンをクリックします。
【特定商取引法に基づく表示】をクリックします。
![特定商取引法に基づく表示 特定商取引法に基づく表示](hp_ref/data/uploads/contents_title_free_data_20_20211129134705.png)
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![特定商取引法に基づく表示ページ 特定商取引法に基づく表示ページ](hp_ref/data/uploads/contents_title_free_data_20_20211127124526.png)
【内容修正】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![特定商取引法編集 特定商取引法編集](hp_ref/data/uploads/contents_title_free_data_20_20211127124555.png)
表の任意の箇所を右クリック(又はダブルクリック)します。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![特定商取引法に基づく表示ページ確認 特定商取引法に基づく表示ページ確認](hp_ref/data/uploads/contents_title_free_data_20_20210914180820.png)
行の右端の+、×をクリックして列数を調整して【内容編集】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![表編集 表編集](hp_ref/data/uploads/contents_title_free_data_20_20210914181035.png)
文字列を直接編集します。
メールアドレスを画像で挿入する場合は、
あらかじめ文字列画像を作成しておき、
左の赤枠の文字列画像をクリックし、
表示されたページで作成した文字列画像を
【ファイルを選択】(または[参照])で取り込みます。
編集後【表挿入】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![表編集後挿入 表編集後挿入](hp_ref/data/uploads/contents_title_free_data_20_20211127124716.png)
【確認】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![保存 保存](hp_ref/data/uploads/contents_title_free_data_20_20211127124756.png)
【保存】ボタンをクリックします。
<<< これで「特定商取引法に基づく表示」ページの編集は終了です。 >>>
![特定商取引法に基づく表示 特定商取引法に基づく表示](hp_ref/data/uploads/contents_title_free_data_20_20211129134705.png)
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![特定商取引法に基づく表示ページ 特定商取引法に基づく表示ページ](hp_ref/data/uploads/contents_title_free_data_20_20211127124526.png)
【内容修正】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![特定商取引法編集 特定商取引法編集](hp_ref/data/uploads/contents_title_free_data_20_20211127124555.png)
表の任意の箇所を右クリック(又はダブルクリック)します。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![特定商取引法に基づく表示ページ確認 特定商取引法に基づく表示ページ確認](hp_ref/data/uploads/contents_title_free_data_20_20210914180820.png)
行の右端の+、×をクリックして列数を調整して【内容編集】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![表編集 表編集](hp_ref/data/uploads/contents_title_free_data_20_20210914181035.png)
文字列を直接編集します。
メールアドレスを画像で挿入する場合は、
あらかじめ文字列画像を作成しておき、
左の赤枠の文字列画像をクリックし、
表示されたページで作成した文字列画像を
【ファイルを選択】(または[参照])で取り込みます。
編集後【表挿入】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![表編集後挿入 表編集後挿入](hp_ref/data/uploads/contents_title_free_data_20_20211127124716.png)
【確認】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
![保存 保存](hp_ref/data/uploads/contents_title_free_data_20_20211127124756.png)
【保存】ボタンをクリックします。
<<< これで「特定商取引法に基づく表示」ページの編集は終了です。 >>>
■リンクページの確認
2.インフォトップの商品登録する際「アフィリエイター向け商品説明」にリンクURLを載せるために
リンクURLを確認します。
販売ページを表示します。
3.ログイン直後の管理ページで【ランディングページの参照】ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
4.「販売ページ」が表示されますので、ページ下部のリンク「アフィリエイター様向け広告文」を
クリックします。
![iconイメージ](hp_ref/icons_dir/arrow001.png)
以下のページが表示されます。
5.ブラウザのアドレス欄(Chromeの場合)に表示された広告文ページのURLをコピーして
インフォトップの商品登録する際「アフィリエイター向け商品説明」の適切な箇所に貼り付けてください。
Facebook、Twitter、LINEのボタン設置に関する登録を行います。
※SNSボタンを利用する場合は必須です。
「SNSボタン変更」ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow008.png)
以下のページが表示されます。
1.セクションの上端/下端表示
上端に「表示する」または「表示しない」を選択してください。
下端に「表示する」または「表示しない」を選択してください。
2.表示するソーシャルボタンを選択してください(上端/下端共通)
それぞれのボタンで「表示する」または「表示しない」を選択してください。
3.ボタンがクリックされたときにSNS側に表示される「画像/写真」「タイトル」「説明」を入力してください
(上端/下端共通)。
■画像/写真:「ファイルを選択」をクリックしてPC上の画像を選択してください。
※画像はあらかじめ作成しておいてください。(表示されている画像をそのまま使用してもOK)
■サイト名:サイト名を入力してください。
■タイトル:タイトルを入力してください。
■説明文 :説明文を入力してください。
すべて入力したら「確認」ボタンをクリックします。
![iconイメージ](hp_ref/icons_dir/arrow008.png)
以下のページが表示されます。
内容を確認して「保存」ボタンをクリックします。
<<< ブラウザの閉じるボタンで閉じてください >>>