WPのカスタマイズモードにアクセスしてください。
カスタマイズ ▶ ウィジェット ▶ Floating Action Buttons
インターフェースは、各ボタンを簡単に区別できるように再設計されています。
| @Title | ボタンのタイトルを入力する。
Tips： PCとスマートフォンで異なるタイトルを表示したい場合は、以下の2つのタグを使用してください。PC： <span class=”pc-only”>PCタイトル</span> |
| @Active | ONにするとボタンが表示され、OFFにするとボタンがサイトから非表示になります。 |
| @ID | Add custom id for button. |
| @Class | Add custom class for button. |
@Type |
「LINK」 : ボタンをリンクとして設定し、ボタンをクリックするとそのリンク先に移動します。 |
| 「TEL」 : 電話番号にリンクするボタンを設定します。ボタンをクリックすると、その電話番号に通話が発信されます。 | |
| 「EMAIL」 : メールアドレスにリンクするボタンを設定します。ボタンをクリックすると、そのメールアドレスへのメール作成ウィンドウが開きます。 | |
| 「AI-CHAT」 : AIチャットへのリンクボタンを設定します。もしAIチャットをバナーとして表示したくない場合、このオプションを選択できます。ボタンをクリックすると、AIチャットのウィンドウが開きます。 もし AIチャットをバナーを設定している場合、この機能は使用できません。また、NOMOCa AI Chatへの API接続が完了していることを確認してください。 1ページにつき、AI-Chatを表示するための機能は1つだけ使用されるようにしてください。 |
|
| 「CUSTOM HTML」 : Add your custom code html, Your code will replace the button that you added. |
|
| @Add Icon | アイコンは、画像ライブラリから追加するか、コンピューターからアップロードするか、またはアイコンのURLを使用して追加することができます。 |
| @Icon size | アイコンのサイズをカスタマイズできます。 |
| @Add background color | ボタンの色を設定できます。HEXコードまたはRGBを使用して色を指定することができます。 |
| @URL | ボタンのリンクを入力する。 |
| @Phone number | 電話番号をボタンに入力してください。 スペース、ハイフン、またはその他の文字を追加しないでください。 入力前に、キーボードをローマ字入力に切り替えてください。 |
| @Email address | ボタンにメールアドレスを入力する。 |
| @Custom HTML | Add your custom code here. |