テンプレート一覧テンプレートを使用する際は雛形フォルダから複製してご使用ください。
表示方法:サイドバー > バナー 一覧 > 雛形フォルダを表示
設定中のフォルダの下に雛形フォルダが表示されます。雛形を選んで「複製」を押してください。
複製後、「複製バナー」フォルダが作成されます。複製バナーの中に複製された雛形が入っていますので、そちらを編集してご使用ください。
表示方法:サイドバー > バナー 一覧 > 雛形フォルダを表示
設定中のフォルダの下に雛形フォルダが表示されます。雛形を選んで「複製」を押してください。
複製後、「複製バナー」フォルダが作成されます。複製バナーの中に複製された雛形が入っていますので、そちらを編集してご使用ください。
ポップアップスライダー
テンプレート名
ポップアップスライドバナー(手動スライド)
デザイン
雛形の名前
ポップアップ配信用 > ポップアップスライダー > 【雛形】ポップアップスライダー(手動スライド)
更新方法
【更新箇所】
① リンク先URL
<a href="https://~~~"> の「https://~~~」を変更します。
② 商品画像URL
<img src="https://~~~"> の「https://~~~」を変更します。
③ 商品名
<div class="tp_item-name">商品名1</div> の「商品名1」を変更します。
④ 価格
<div>¥1,000</div> の「¥1,000」を変更します。
※ 商品を増やす場合は、「.swiper-slide」を丸ごとコピーし、商品ごとに上記4項目を変更してください。
色や文字サイズを変更したい場合は、HTML下部の <style> 内にある :root の設定を編集してください。ここを書き換えるだけで、全体のデザインに反映されます。
【AIエージェントを使って変更も可能です】
◼︎AIエージェントの使用例
・リボンと矢印・ドットの色を#209e91に変更
・リボンの文字を「セール商品」に変更
・商品を変更
商品1
・リンク:https://www.tag-plus.com/popup
・商品画像:https://b2.tag-plus.com/uploads/content/image/14097/square_img.png
・商品名:タグプラス
・価格:¥3,000
商品2
・リンク:https://www.tag-plus.com/plug
・商品画像:https://b2.tag-plus.com/uploads/content/image/14097/square_img.png
・商品名:タグプラス2
・価格:¥1,200
…
※上記のようにAIに指示してください。
※商品数に限りはありません。増やしたい分だけAIに指示してください。
① リンク先URL
<a href="https://~~~"> の「https://~~~」を変更します。
② 商品画像URL
<img src="https://~~~"> の「https://~~~」を変更します。
③ 商品名
<div class="tp_item-name">商品名1</div> の「商品名1」を変更します。
④ 価格
<div>¥1,000</div> の「¥1,000」を変更します。
※ 商品を増やす場合は、「.swiper-slide」を丸ごとコピーし、商品ごとに上記4項目を変更してください。
色や文字サイズを変更したい場合は、HTML下部の <style> 内にある :root の設定を編集してください。ここを書き換えるだけで、全体のデザインに反映されます。
【AIエージェントを使って変更も可能です】
◼︎AIエージェントの使用例
・リボンと矢印・ドットの色を#209e91に変更
・リボンの文字を「セール商品」に変更
・商品を変更
商品1
・リンク:https://www.tag-plus.com/popup
・商品画像:https://b2.tag-plus.com/uploads/content/image/14097/square_img.png
・商品名:タグプラス
・価格:¥3,000
商品2
・リンク:https://www.tag-plus.com/plug
・商品画像:https://b2.tag-plus.com/uploads/content/image/14097/square_img.png
・商品名:タグプラス2
・価格:¥1,200
…
※上記のようにAIに指示してください。
※商品数に限りはありません。増やしたい分だけAIに指示してください。
