ローカル(PC)上でzipファイル「finelp.zip」を空のディレクトリに展開(*)します。
「readme.html」を開き、その内容に従ってインストールしてください。
インストールしたサーバーでログインします。
例えば「https://www.sample.com」にインストールした場合は、
ブラウザのアドレス入力欄に「https://www.sample.com/login.php」と入力するとログインページが表示されます。
ユーザー名とパスワードは、インストール時に設定したユーザー名とパスワードを入力します。
ログイン後の管理ページで【ランディングページの編集】をクリックします。
以下の編集ページが表示されます。
ページ左上部にロゴ、会社名、製品名等を入れる場合は【ロゴ編集】ボタンをクリックします。
以下のページが表示されます。
ロゴは、あらかじめ作成した画像を選択するか、文字を入力することで設定できます。
【文字を入力する】をクリックし、表示されたページの指示に従って入力してください。
同様に【画像を選択する】をクリックしてPC上の画像を設定する事もできます。
【スライド動画1】をクリックします。
以下のページが表示されます。
修正するスライドの下の【修正】ボタンをクリックします。
以下のページが表示されます。
スライドのは背景画像をテンプレート、又はPC上の 画像から選択できます。
※背景画像が不要の場合はテンプレートから白紙画像を選択してください。
吹き出しの中に表示されるタイトルを編集できます。
スライドに重ねて表示するコンテンツを登録できます。
コンテンツは【確認】ボタンをクリックして表示されたページで表示位置を調整できます。
【確認】ボタンをクリックすると「スライド1編集内容の確認」ページが表示されますので、
ページの指示に従い作業してください。
修正するセクションをクリックします。
修正するセクションをクリックします。
※画像や文字がない場所をクリックします。
(クリック拡大画像やリンク文字/画像をクリックするとリンク先に遷移してしまうため)
以下のページが表示されます。
タイトルを修正する場合は【タイトルを修正】ボタン
をクリックします。
内容を修正する場合は【内容修正】ボタンをクリックします。
表示されたページの説明に従い作業してください。
【セクション追加】ボタンをクリックします。
表示されたページの説明に従ってセクションを追加してください。
背景色/外枠/余白を設定するセクションをクリックします。
修正するセクションをクリックします。
※画像や文字がない場所をクリックします。
(クリック拡大画像やリンク文字/画像をクリックするとリンク先に遷移してしまうため)
以下のページが表示されます。
【セクションの背景色外枠/余白を設定】ボタンをクリックします。
以下のページが表示されます。
ページの説明に従い作業し【保存】ボタンをクリックします。
CTA処理の設定を変更するセクションをクリックします。
CTA処理の設定を変更するセクションをクリックします。
※画像や文字がない場所をクリックします。
(クリック拡大画像やリンク文字/画像をクリックするとリンク先に遷移してしまうため)
以下のページが表示されます。
【CTA処理設定変更】ボタンをクリックします。
以下のページが表示されます。
インフォトップの決済リンクを変更して【保存】ボタンをクリックします。
【特定商取引法に基づく表示】をクリックします。
以下のページが表示されます。
【内容修正】ボタンをクリックします。
以下のページが表示されます。
表の任意の箇所を右クリック(又はダブルクリック)します。
以下のページが表示されます。
行の右端の+、×をクリックして列数を調整して【内容編集】ボタンをクリックします。
以下のページが表示されます。
文字列を直接編集します。
メールアドレスを画像で挿入する場合は、
あらかじめ文字列画像を作成しておき、
左の赤枠の文字列画像をクリックし、
表示されたページで作成した文字列画像を
【ファイルを選択】(または[参照])で取り込みます。
編集後【表挿入】ボタンをクリックします。
以下のページが表示されます。
【確認】ボタンをクリックします。
以下のページが表示されます。
【保存】ボタンをクリックします。
<<< これで「特定商取引法に基づく表示」ページの編集は終了です。 >>>
通知先メールアドレス、メールタイトルを変更するために
【お問い合わせ】をクリックします。
以下のページが表示されます。
【通知先等の管理】をクリックします。
以下のページが表示されます。
通知先メールアドレス、メールタイトルを変更し【更新】ボタンをクリックします。
■編集
1.アフィリエイター様向け広告文をクリックします。
以下のページが表示されます。
ページの説明に従って編集してください。
■リンクページの確認
2.インフォトップの商品登録する際「アフィリエイター向け商品説明」にリンクURLを載せるために
リンクURLを確認します。
【フッターリンク編集】をクリックします。
以下のページが表示されます。
3.上記の図の箇所をクリックし、ボタンの表示/非表示を切り替えます。
(非表示になっている場合は表示に切り替わる。)
以下のページが表示されます。
これで販売ページでリンクが表示されるようになりました。
では、販売ページを表示します。
4.ログイン直後の管理ページで【ランディングページの参照】ボタンをクリックします。
以下のページが表示されます。
5.「販売ページ」が表示されますので、ページ下部のリンク「アフィリエイター様向け広告文」を
クリックします。
以下のページが表示されます。
6.ブラウザのアドレス欄(Chromeの場合)に表示された広告文ページのURLをコピーして
インフォトップの商品登録する際「アフィリエイター向け商品説明」の適切な箇所に貼り付けてください。
7.「アフィリエイター向け商品説明」を非表示にします。
「3.上記の図の箇所をクリックし、ボタンの表示/非表示を切り替えます。」と同じ作業をしてください。
※非表示にしてもブラウザに広告文ページのURLを入力すれば広告文ページは表示されます。
背景色、外枠を設定するセクションをクリックします。
以下のページが表示されます。
【セクションの背景色/外枠/余白を設定】ボタンをクリックします。
以下のページが表示されます。
「背景色」の入力欄をクリックしてカラーパレットから色を選択(クリック)した後、
他の箇所をクリックするとセクションの背景色が表示されます。
※入力欄に直接16進カラーコード(例:#FF0000)を入力することも可能です。
次に外枠の色を設定します。
「外枠の色」の入力欄をクリックしてカラーパレットから色を選択(クリック)します。
※入力欄に直接16進のカラーコード(例:#FF0000)を入力することも可能です。
次に「外枠の太さ」を太さを設定します。
「外枠の太さ」を太くする場合は(+)をクリック、細くする場合は(-)をクリックします。
※最初は外枠の太さが0になっているため、外枠が表示されません。
「外枠の形状」「余白(左)」「余白(上)」「余白(右)」「余白(下)」も必要に応じて設定します。
設定が終わったら保存します。
【保存】ボタンをクリックします。
元のページに戻ると以下のように表示されます。