このパーツは、ページ内にボタンを設置することができます。
ボタンに「リンク設定」を行っていない場合、プレビューページ及び公開ページでは表示されません。
リンク設定(歯車マーク)をクリックし、リンク先を指定してください。
目次
完成イメージ
項目の説明
なし |
|
---|---|
あり |
①ボタンテキスト
入力した文字がボタンに反映されます。
②リンク設定
編集画面が開きます。
※ボタンパーツは「リンク設定」をしないと、プレビューや公開ページでボタンが表示されませんのでご注意ください。
③太文字
テキストを太文字にすることができます。
④ボタンテキスト色の変更
テキストの文字色を変更できます。
⑤文字サイズ
文字サイズを指定できます。
指定できるサイズ
8,9,10,11,12,14,16,18,20,22,24,26,28,30,32,34,36,38,42,46,50,54,60,66,72,78,86,94px
⑥ボタン色の変更(旧ボタン色の変更)
プルダウンメニューでボタンの色を変更できます。
「カラーのカスタマイズ」をクリックし、カスタマイズすることも可能です。
⑦ボタンサイズ
プルダウンメニューでボタンのサイズを変更できます(小・中・大)
⑧ボタンの角
テーマ以外に、角丸あり・なしを選択できます。
⑨位置調整
ボタンの位置を左寄せ・中央寄せ・右寄せに設定できます。
⑩非表示ボタン
プレビュー、公開ページでは非表示になります。
⑪ボタン色の変更
※ベースデザインありのみの機能になります。ベースデザインなしではご利用できません。
ボタンの色を変更できます。
ベースデザインで設定したカラー、基本カラー、カラーコードで設定したカラーに変更できます。
また、グラデーションタブよりグラデーション色のボタンを作成することができます。
<塗りつぶし> |
<グラデーション> |
リンク設定について
※「リンク設定」をしないと、プレビューや公開ページでボタンが表示されませんのでご注意ください。
①「リンク先を選ぶ」
・サイト内のページ・ファイル・・・サイト内に存在するページと「ライブラリ > ファイル」からアップロードしたファイルから選ぶことができます。(③の中に一覧として並びます)
・このページの一番上に遷移・・・クリックするとページの一番上のエリアに戻ることができるボタンです。別ページへの遷移はありません。
・外部サイト・・・別サイトへリンクさせたい場合に選択します。
②「リンクに設定しているURL」
①で選択したリンクのURLが表示されます。
③「リンクに設定するページ/ファイルを選択してください」
ページ・ファイルの中から選択できます。スクロールもしくは「全て(プルダウン)」「名前」「URL」から検索して選択します。
④「イベント設定」
ボタンにイベントの設定をすることができます。
■イベント設定についての詳細はこちら
>イベントを設定・確認する方法
➄「新規作成」
クリックすると新規イベントの入力にリンクできます。
⑥「CTAのクリックイベントとして計測」
キャンペーン設定時に利用します。イベント設定の中でも特に指標として追いかけたい場合に設定をオススメします。
➆「別ウィンドウで開く」
リンク先のページを別ウィンドウで開きたい場合に使用します。
⑧「決定」
設定の最後に押します。
ボタンパーツでリンク設定する方法(動画)
画像はクリックして拡大表示することができます
※動画はベースデザインなしの場合の画面になります
よくある質問
Q.プレビュー・公開ページでボタンが表示されません。
A.該当ボタンのリンク設定が完了しているか、ご確認ください。
「リンク設定」をしないと、プレビューや公開ページでボタンが表示されません。
ベースデザインありとベースデザインなしの画面比較
<表示の違い>
ベースデザインなし | ベースデザインあり |
---|---|
パーツ / 基本パーツ |
単体パーツ /
|
単体パーツ / デフォルト |
ベースデザインありのデザインバリエーション
アイコン | デザイン |
---|---|