CTA[追従型]は、ページスクロールに応じて表示されるフローティングボタンです。デザインは、縦書きの長方形と画像表示が可能な四角形フローティングボタンから選べます。CTA[追従型]は、Webブラウザの右端に表示されます。

CTA[追従型]設定

WordPress管理画面にログイン後、Emanon設定>メニュー名「CTA設定[追従型]一覧」・「CTA設定[追従型]追加」をご覧ください。

CTA[ページ]・CTA[メルマガ]表示設定

CTA[追従型]一覧

CTA[追従型]追加で設定されたCTAを確認・更新ができます。

CTA設定[追従型]一覧
CTA設定[追従型]一覧の表示例

CTA[追従型]追加

CTA[追従型]のレイアウトや配色を設定する機能です。アニメーション有効にすると、ページスクロールに応じてCTAがフェードイン・フェードアウトします。

長方形レイアウト

長方形レイアウトは、縦書き形式のCTAです。ボタンを縦に2つ配列できるレイアウトです。CTA[追従型]設定[1]CTA[追従型]設定[2]の項目にそれぞれ入力することで、ボタンが縦に2つ表示されます。

長方形レイアウト

四角形レイアウト

四角形レイアウトは、リード文付付きのCTAです。アイキャッチ用の画像を表示できるレイアウトです。四角形レイアウトはCTA[追従型]設定[1]の設定が反映されます。アイコン画像は、CTAのアイキャッチとして表示されます。タイトルリード文は、アイキャッチの下部に表示されます。

四角形レイアウト

ボタンレイアウト

ボタンレイアウトは、アイコンまたは画像をボタンとして表示するCTAです。ボタンレイアウトCTA[追従型]設定[1]の設定が反映されます。フローティングボタンとして利用を想定しており、電話番号の発信や特定ページへリンク設定が可能です。パソコンとスマホで表示スタイルが異なります。

電話番号を設定する場合、アイコンタグに icon-phoneを入力し、タイトルに電話番号を設定。URLには、tel:0312345678の形式でリンクを設定します。下記図は、電話番号発信の表示例です。

スマホ表示例
パソコン表示例

アニメーション

CTAがページスクロールに応じてフェードインとフェードアウトするアニメーションの設定です。スマホでWebサイトを閲覧した場合、アニメーションは自動反映されます。有効[PC]を有効にすると、パソコンでWebサイトを閲覧した場合にアニメーションが反映されます。

CTA[追従型]表示設定

WordPress管理画面のメニュー名「CTA表示設定」をご覧ください。CTA[追従型]表示設定で、フロントページ・ブログページ・投稿ページ・固定ページ・アーカイブページにCTA[追従型]を一括指定できます。詳細はCTA表示設定をご覧ください。