「CTA」の設定方法について

CTA機能で特定のページにアクセスを誘導する

CTAとは「Call To Action」の略称で、商品の購入や申し込み(アクション)を促す画面のことを指します。
SIRIUS2では、サイト内の画面右下にポップアップ形式でバナーリンクを表示させたり、
各ページの目立つ位置にバナーリンクを表示させたりすることで、
特定のページやURLにアクセスを誘導する機能となっています。

通常であれば、バナー画像を別途作成する必要がある思いますが、
本機能ではスタイルシートを使って「バナー風のデザインリンク」を簡単に作成できるようになっています。

イメージ画像を選択し、タイトルとリンク先のURLを入力すれば、上図のようなデザインリンクを作成できます。
設定はとても簡単ですので、アクセスを集めたいページ・URLがある場合はぜひご活用ください。

CTAの設定方法について

パーツメニュー内の「CTA」→「CTAの追加」を選択する

ページ内に「CTA」のパーツを設置したい場合、文字装飾メニュー3段目にある「パーツ」メニューを開き、
CTA→「CTAの追加」を選択してください。

CTA設定画面が表示される

CTA設定画面が表示されます。こちらから基本な設定を行います。

CTAの基本設定を行う

「基本設定」タブから、CTA内で表示する画像やテキスト等の基本設定を行います

基本設定

背景画像	CTAの背景画像を選択します。右側にある「画像」アイコン、または▼ボタンをクリックして表示させたい画像を選択してください。通常、画像は右側に表示されますが、画像位置を左側に変更したい場合は「画像位置」から変更してください。
見出し	CTA内で表示する見出しテキストを入力します
コンテンツ	CTA内で表示するコンテンツを入力します。選択した画像や見出しに合わせ、任意でテキストを入力してください。 (なお本項目では、HTMLタグを使用することができます)

「リンク設定」タブからリンクの設定を行う

次に「リンク設定」タブを開き、リンクに関する設定を行います

リンク設定

リンク先URL	CTAのリンク先のページURLを指定します。例えば資料請求の申込みページ、商品の詳細ページなど、アクセスを誘導させたいページのURLを指定してください。なお、右側にあるアイコンからサイト内のページ、または既存サイトへのリンクを指定することもできます。
アンカーテキスト	ボタン内に表示されるテキストを入力します。デフォルトでは「お申し込みはこちら」というテキストが記述されていますが、リンク先のページに合わせてテキストを調整してください。
属性	リンクの属性を指定します。【新しいウィンドウで開く】CTAをクリックした際に、新しいウィンドウでリンクを開きます。【NoFollow】検索エンジンのクローラーが、リンクを辿らないように指定します。
文字サイズ	ボタン内の文字サイズを調整します。

必要に応じて「レイアウト設定タブ」からレイアウト設定を行う

CTA全体のデザインやカラーなどを変更したい場合は「レイアウト設定タブ」から変更可能することができます。

レイアウト設定

レイアウト	CTA内のレイアウトを指定します。デフォルトでは縦並びが指定されていますが、横並びで表示させたい場合はこちらで設定してください。
角丸	CTAの四隅を角丸で表示したい場合は、こちらをオンの状態にしてください。

必要に応じて「カラー設定」タブからカラー設定を行う

CTA全体のカラーやボタンのカラーを変更することができます。
また、カラーはカラーコードを直接入力して設定することも可能です。

全体

背景色	CTAの背景色を指定します。空欄の場合はデフォルトの薄いグレーで表示しますが、画像に応じて背景色を変更したい場合、カラーコードを直接入力するか、右側にある▼マークをクリックしてお好きなカラーを指定してください。
文字色	見出し、コンテンツの文字色を変更します。空欄場合はデフォルトの「ブラック」が適用されますが、背景色が濃い色の場合は白い文字に変更するのが適切です。
グラデーション	CTA内のカラーをグラデーションで表示します

ボタン

背景色	ボタンの背景色を指定します。カラーコードを直接入力するか、右側にある「▼」マークからお好きなカラーを指定してください。
文字色	ボタン内の文字色を指定します。デフォルトでは白が指定されていますが、ボタンの背景色に応じて適宜調整してください。