Content

ページ要素【ボタン】とは?


指定したリンク先を開いたり、ページ内の別要素がある場所まで移動することができる要素になります。

デザインはお好みに合わせてカスタム設定することができます。
画像を利用することも可能です。

 

 

利用が必要なケース・利用しなくて良いケース


・利用が必要なケース
ボタンをクリックして、指定リンク先やページ内の別要素の場所まで移動させたい場合には必要です。

 

・利用しなくて良いケース
「決済フォーム」などデフォルトで設定されているボタンのみで問題ない場合には必要ございません。

 

 

追加方法


1.上メニュー【ファネル】「ファネル一覧」より設定するファネルをクリックします。

 

2.「ページ一覧」より要素を追加するページの編集をクリックします。

 

3.ページ編集画面にて「ボタン」を追加したい場所のをクリックします。

 

4.ポップアップ表示内にてボタンをクリックします。

 

5.ボタンが表示されたら追加完了となります。

 

 

動作サンプル


・ページを開く(指定したURL)

                   ⬇︎

 

・ページを開く(ファネルの次のステップ)

                   ⬇︎

 

・指定した要素へスクロール

                   ⬇︎

 

デザイン設定サンプル


・基本設定

・テキスト:ボタンに表示されるテキストになります。未入力の場合、デフォルトのテキストが表示されます。

・文字サイズ:テキストサイズが変更できます。「スマホの〜」はスマートフォン閲覧時のテキストサイズ設定になります。

・サブテキスト:テキストの下に表示されるテキストとなります。
※「文字サイズ(サブ)」はサブテキストが入力された際に追加表示されます。

・ボタンテーマ:ボタンの色、形の組み合わせを選ぶことができます。

・アイコン(左側/右側):テキストの両隣にアイコン表示を設定できます。

・アニメーション:ボタンのアニメーションを設定できます。

・幅:ボタンの横幅を設定できます。

・高さ(上下の余白):ボタンの高さを設定できます。

 

・詳細設定

・文字色:テキストの色を設定できます。

・文字色(サブテキスト):サブテキストの色を設定できます。

・グラデーション:「なし」「縦」「斜め」「斜め(逆方向)」「横」よりお選びいただけます。
※「なし」にした場合、背景色の設定は1色のみとなります。

・背景色(開始色):グラデーションの始まりの色を設定できます。

・背景色(終了色):グラデーションの終わりの色を設定できます。

・枠線の太さ:ボタンの枠線の太さを設定できます。

・枠線の色:枠線の色を設定できます。

・丸み:ボタンの角の丸みを設定できます。

Comments are closed.