ご利用手順

以下の手順でご利用ください。





ローカル(PC)上でzipファイル「finelp.zip」を空のディレクトリに展開(*)します。
(*)展開した内容
「readme.html」を開き、その内容に従ってインストールしてください。


インストールしたサーバーでログインします。
例えば「https://www.sample.com」にインストールした場合は、
ブラウザのアドレス入力欄に「https://www.sample.com/login.php」と入力するとログインページが表示されます。
ユーザー名とパスワードは、インストール時に設定したユーザー名とパスワードを入力します。



ログイン後の管理ページで【ランディングページの編集】をクリックします。
ランディングページの編集

             iconイメージ
以下の編集ページが表示されます。

編集ページ



ページ左上部にロゴ、会社名、製品名等を入れる場合は【ロゴ編集】ボタンをクリックします。
ロゴ編集ボタン

             iconイメージ
以下のページが表示されます。

ロゴ編集

ロゴは、あらかじめ作成した画像を選択するか、文字を入力することで設定できます。
【文字を入力する】をクリックし、表示されたページの指示に従って入力してください。
同様に【画像を選択する】をクリックしてPC上の画像を設定する事もできます。



【スライド動画1】をクリックします。
スライド動画1クリック

             iconイメージ
以下のページが表示されます。
修正するスライドの下の【修正】ボタンをクリックします。
スライド修正ボタン

             iconイメージ
以下のページが表示されます。
スライド修正ページ










スライドのは背景画像をテンプレート、又はPC上の 画像から選択できます。
※背景画像が不要の場合はテンプレートから白紙画像を選択してください。





吹き出しの中に表示されるタイトルを編集できます。

スライドに重ねて表示するコンテンツを登録できます。
コンテンツは【確認】ボタンをクリックして表示されたページで表示位置を調整できます。





【確認】ボタンをクリックすると「スライド1編集内容の確認」ページが表示されますので、
ページの指示に従い作業してください。



修正するセクションをクリックします。
セクションクリック

修正するセクションをクリックします。
※画像や文字がない場所をクリックします。
(クリック拡大画像やリンク文字/画像をクリックするとリンク先に遷移してしまうため)


            iconイメージ
以下のページが表示されます。

セクション修正


タイトルを修正する場合は【タイトルを修正】ボタン
をクリックします。

内容を修正する場合は【内容修正】ボタンをクリックします。



表示されたページの説明に従い作業してください。



【セクション追加】ボタンをクリックします。
セクション追加
表示されたページの説明に従ってセクションを追加してください。


背景色/外枠/余白を設定するセクションをクリックします。
セクションクリック

修正するセクションをクリックします。
※画像や文字がない場所をクリックします。
(クリック拡大画像やリンク文字/画像をクリックするとリンク先に遷移してしまうため)



            iconイメージ
以下のページが表示されます。

セクション背景色








【セクションの背景色外枠/余白を設定】ボタンをクリックします。


            iconイメージ
以下のページが表示されます。

セクション背景設定
ページの説明に従い作業し【保存】ボタンをクリックします。



CTA処理の設定を変更するセクションをクリックします。
CTAセクションクリック

CTA処理の設定を変更するセクションをクリックします。
※画像や文字がない場所をクリックします。
(クリック拡大画像やリンク文字/画像をクリックするとリンク先に遷移してしまうため)
   

           iconイメージ
以下のページが表示されます。

CTA処理変更










【CTA処理設定変更】ボタンをクリックします。



           iconイメージ
以下のページが表示されます。

インフォトップ決済リンク
インフォトップの決済リンクを変更して【保存】ボタンをクリックします。



【特定商取引法に基づく表示】をクリックします。

特定商取引法に基づく表示

             iconイメージ
以下のページが表示されます。
特定商取引法に基づく表示ページ
【内容修正】ボタンをクリックします。

           iconイメージ
以下のページが表示されます。
特定商取引法編集
表の任意の箇所を右クリック(又はダブルクリック)します。

             iconイメージ
以下のページが表示されます。
特定商取引法に基づく表示ページ確認
行の右端の+、×をクリックして列数を調整して【内容編集】ボタンをクリックします。

             iconイメージ
以下のページが表示されます。
表編集










文字列を直接編集します。


メールアドレスを画像で挿入する場合は、
あらかじめ文字列画像を作成しておき、
左の赤枠の文字列画像をクリックし、
表示されたページで、作成した文字列画像を
【ファイルを選択】(又は[参照])で取り込みます。



編集後【表挿入】ボタンをクリックします。

            iconイメージ
以下のページが表示されます。
確認
【確認】ボタンをクリックします。

            iconイメージ
以下のページが表示されます。
保存
【保存】ボタンをクリックします。
<<< これで「特定商取引法に基づく表示」ページの編集は終了です。 >>>


通知先メールアドレス、メールタイトルを変更するために
【お問い合わせ】をクリックします。
お問合せクリック

             iconイメージ
以下のページが表示されます。

お問合せ管理
【通知先等の管理】をクリックします。

           iconイメージ
以下のページが表示されます。
お問合せ更新
通知先メールアドレス、メールタイトルを変更し【更新】ボタンをクリックします。


■編集
1.アフィリエイター様向け広告文をクリックします。
アフィリエイター様向け広告文クリック

            iconイメージ
以下のページが表示されます。
広告文編集広告文編集
ページの説明に従って編集してください。

■リンクページの確認
2.インフォトップの商品登録する際「アフィリエイター向け商品説明」にリンクURLを載せるために
リンクURLを確認します。

【フッターリンク編集】をクリックします。
フッターリンク編集クリック

             iconイメージ
以下のページが表示されます。
まるクリック
3.上記の図の箇所をクリックし、ボタンの表示/非表示を切り替えます。
(非表示になっている場合は表示に切り替わる。)

             iconイメージ
以下のページが表示されます。
広告文ページ表示切替
これで販売ページでリンクが表示されるようになりました。

では、販売ページを表示します。
管理ページ
4.ログイン直後の管理ページで【ランディングページの参照】ボタンをクリックします

             iconイメージ
以下のページが表示されます。
販売ページ表示
5.「販売ページ」が表示されますので、ページ下部のリンク「アフィリエイター様向け広告文」を
クリックします。

             iconイメージ
以下のページが表示されます。
広告文ページurl  
6.ブラウザのアドレス欄(Chromeの場合)に表示された広告文ページのURLをコピーして
インフォトップの商品登録する際「アフィリエイター向け商品説明」の適切な箇所に貼り付けてください。

7.「アフィリエイター向け商品説明」を非表示にします。
「3.上記の図の箇所をクリックし、ボタンの表示/非表示を切り替えます。」と同じ作業をしてください。
※非表示にしてもブラウザに広告文ページのURLを入力すれば広告文ページは表示されます。

   


背景色、外枠を設定するセクションをクリックします。
セクションクリック
           
iconイメージ  
以下のページが表示されます。
ボタンクリック
【セクションの背景色/外枠/余白を設定】ボタンをクリックします。
            
iconイメージ  
以下のページが表示されます。
背景色設定
「背景色」の入力欄をクリックしてカラーパレットから色を選択(クリック)した後、
他の箇所をクリックするとセクションの背景色が表示されます。
※入力欄に直接16進カラーコード(例:#FF0000)を入力することも可能です。

次に外枠の色を設定します。
外枠の色を設定
「外枠の色」の入力欄をクリックしてカラーパレットから色を選択(クリック)します。
※入力欄に直接16進のカラーコード(例:#FF0000)を入力することも可能です。

次に「外枠の太さ」を太さを設定します。
外枠の太さを設定
「外枠の太さ」を太くする場合は(+)をクリック、細くする場合は(-)をクリックします。
※最初は外枠の太さが0になっているため、外枠が表示されません。
「外枠の形状」「余白(左)」「余白(上)」「余白(右)」「余白(下)」も必要に応じて設定します。

設定が終わったら保存します。
保存
【保存】ボタンをクリックします。

元のページに戻ると以下のように表示されます。
完了



<<< ブラウザの閉じるボタンで閉じてください >>>