テンプレートを編集する-固定CTA – SiTest｜ヘルプセンター

編集画面の右端に「テンプレートの編集」画面が表示されます。

「テンプレートの編集」画面では以下の編集ができます。

①CTAデザイン

②ボタン1

③ボタン2

1. CTAデザインを編集する

①背景カラーを変更します。

②背景とCTA要素との間の余白を変更します。

固定CTA_CTAデザイン.png

2. ボタン1を編集する

［ボタン1］タブでは左側のCTAボタンのテキストやデザインの編集とリンク設定を行うことができます。

固定CTA_ボタン1該当箇所.png

［ボタン1］タブから左側のCTAボタンを編集します。

固定CTA_ボタン1.png

［ボタン1］画面

固定CTA_ボタン1タブ画面.png

固定CTA_ボタン1タブ画面2.png

①［ボタンテキスト］		左側のCTAボタンの中に表示するテキストを入力します。
②［フォントサイズ］		［ボタンテキスト］のフォントサイズをスライダーを操作し13段階で調整できます。
③［フォントカラー］		［ボタンテキスト］のフォントカラーを自由に選択できます。
フォント設定	④［ボールド］	選択すると［ボタンテキスト］のフォントのウエイトをボールドにします。
	⑤［斜体］	選択すると［ボタンテキスト］のフォントのスタイルを斜体にします。
	⑥［打ち消し線］	選択すると［ボタンテキスト］のフォントに打ち消し線を表示します。
	⑦［アンダーライン］	選択すると［ボタンテキスト］のフォントにアンダーラインを表示します。
⑧［リンク先のURL］		ボタンをクリックして移動するページのURLを入力します。
移動後の表示	⑨［移動後の表示］	クリックしてページを移動後に新しく別タブでページを開きたい場合は［新しいタブに開く］にチェックをいれた状態にしておきます。同じタブでページを移動したい場合はチェックを外してください。
⑩［マイクロコピー］		CTAボタンの上に表示するマイクロコピーのテキストを入力します。
⑪［オン／オフ］		［マイクロコピー］の表示の［オン／オフ］を設定します。［オン］：［マイクロコピー］が表示された状態［オフ］：［マイクロコピー］が非表示の状態
⑫［フォントサイズ］		［マイクロコピー］のフォントサイズをスライダーを操作し13段階で調整できます。
⑬［フォントカラー］		［マイクロコピー］のフォントカラーを自由に選択できます。
フォント設定	⑭［ボールド］	選択すると［マイクロコピー］のフォントのウエイトをボールドにします。
	⑮［斜体］	選択すると［マイクロコピー］のフォントのスタイルを斜体にします。
	⑯［打ち消し線］	選択すると［マイクロコピー］のフォントに打ち消し線を表示します。
	⑰［アンダーライン］	選択すると［マイクロコピー］のフォントにアンダーラインを表示します。
⑱［左右の装飾］		［マイクロコピー］の装飾を表示するか非表示しないかを選択します。表示しない場合はチェックを外します。
⑲角の丸み		ボタンの角の丸みを3種類の中から選択できます。
⑳背景カラー		ボタンの背景カラーを自由に選択できます。
㉑ボタンサイズ		ボタンのサイズを3段階で調整できます。
アイコン表示	㉒［オン／オフ］	画像表示のオンオフを選択できます。
㉓表示位置		アイコンの表示位置をテキストの左に表示するか右に表示するかを選択します。
㉔		アイコンの種類を選択します。