テンプレート一覧
テンプレートを使用する際は雛形フォルダから複製してご使用ください。

表示方法：サイドバー　＞　バナー 一覧　＞　雛形フォルダを表示

設定中のフォルダの下に雛形フォルダが表示されます。雛形を選んで「複製」を押してください。
複製後、「複製バナー」フォルダが作成されます。複製バナーの中に複製された雛形が入っていますので、そちらを編集してご使用ください。
※動作確認用
カートへ入れる
自動スクロールボタン
テンプレートNo.plugJ-1導入目安：15〜30分
テンプレート名
TOPへ戻るボタン
デザイン
雛形の名前
差し込み配信用　＞　自動スクロール　＞　【雛形】TOPへ戻るボタン
更新方法
【更新箇所】
① 表示位置の変更
HTML下部の <style> の :root 内にある「/* 位置 */」の設定を編集してください。

色や文字サイズを変更したい場合は、HTML下部の <style> 内にある :root の設定を編集してください。ここを書き換えるだけで、全体のデザインに反映されます。


【AIエージェントを使って変更も可能です】
◼︎AIエージェントの使用例
・背景色を青色に変更
ボタンのサイズを60pxに変更
・位置を右から20px、下から150pxに変更

※上記のようにAIに指示してください。
テンプレートNo.plugJ-2導入目安：15〜30分
テンプレート名
「カートに入れる」まで自動スクロールボタン
デザイン
雛形の名前
差し込み配信用　＞　自動スクロール　＞　【雛形】「カートに入れる」まで自動スクロール
更新方法
【更新箇所】
① サイト内の [カートに入れる] ボタンをターゲットに設定
HTML下部の <script> 内にある「// === 設定 ===」欄の値を変更します。
デベロッパーツールを開き、[カートに入れる] ボタンに設定されているidまたはclass名を確認し、値を変更してください。

② 表示位置の変更
HTML下部の <style> の :root 内にある「/* 位置 */」の設定を編集してください。

色や文字サイズを変更したい場合は、HTML下部の <style> 内にある :root の設定を編集してください。ここを書き換えるだけで、全体のデザインに反映されます。


【AIエージェントを使って変更も可能です】
◼︎AIエージェントの使用例
・ターゲット（addCart）を「.btn--addcart」に変更
・背景色を青色に変更
ボタンのサイズを60pxに変更
・位置を右から20px、下から150pxに変更

※上記のようにAIに指示してください。