今回はClickFunnelsでRowを追加していきます。
ClickFunnelsのRowとは
ClickFunnelsではページエディタ内でマウスオンしたときにブルーで表示される枠の部分をRowといいます。
Step1. Rowを追加するには
- Rowを追加するには
新しいRowを追加するには「ADD NEW ROW」をクリックします。
そうするとコラムが出てきます。コラムというのはRowを追加したときに縦に現れる列の数ですが、この列の数を選べます。今回は「3 COLUMNS」にしてみましょう。
挿入されたものを見ると先ほど選んだとおり3つあって、最初は等幅ですが、スペースが調整できるようになっています。この中にエレメントなどを入れていきます。ビデオやボタンなどを入れたりできます。ビデオなどのサイズはコラムのサイズを変更することによって変化していきます。
Step2. Rowの設定を変更する
- Rowの設定を変更する
「SETTINGS」を見てみるといろいろな設定項目があります。
- TOP MARGIN：前のRowなどとの間隔を調整する
- BG IMAGE：バックグラウンドにイメージを指定する
- BG COLOR：バックグラウンドカラーを指定する
- TEXT COLOR：テキストカラーを指定する
- WIDTH：エレメントの幅を変更する
- PADDING：内側の余白を調整する
「ADVANCED」ではさらに詳しい設定が可能です。
- CORNER RADIUS：コーナーの角を丸くする（何ピクセルで角を丸くするか、トップとボトムのどちらを丸くするかも設定可能）
- BORDER：枠線を表示する
- DROP SHADOW：陰影をつける
Step3. ANIMATIONの使い方
- ANIMATIONの使い方
最後に「ANIMATION」ですが、これはけっこう大事です。例えばオートウェビナーなどでビデオを見せるときに開始60分のところでセールスが始まるという場合は、この下のセクションやRowをTIME DELAYで出したりします。「TIME DELAY」を「Fade In」にして「MINUTES」を「60」にすると、開始から60秒でフェードインしてくるという効果が出せます。
Rowを追加して設定をいろいろ変えて好みに合うデザインにしてみてください。以上です。
