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

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

設定中のフォルダの下に雛形フォルダが表示されます。雛形を選んで「複製」を押してください。
複製後、「複製バナー」フォルダが作成されます。複製バナーの中に複製された雛形が入っていますので、そちらを編集してご使用ください。
カウントダウン付きポップアップ
テンプレートNo.popupB-1導入目安:15分〜30分
テンプレート名
カウントダウン付きポップアップスライドバナー
デザイン
雛形の名前
ポップアップ配信用 > カウントダウンポップ > 【雛形】カウントダウンポップ(画像+カウントダウン)_ポップアップ配信
更新方法
【更新箇所】
① ポップアップ画像
<img class="_tp_countdown_pop_img" src="https://〜〜"> の「https://~~~」を変更します。画像のアスペクト比は問いません。

② カウントダウン左側文言
HTML下部 <script> 内の文言を変更します。雛形に記載がありますので指示に沿って変更してください。

③ カウントダウン期間
<script> 内の saleStartTime / saleEndTime を変更します。雛形に記載がありますので指示に沿って変更してください。

④ 遷移先
バナー設定の「リンク先のURL:」欄にURLを記入してください。

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



【AIエージェントを使って変更も可能です】
◼︎AIエージェントの使用例
・背景色を黄色に変更
・文字色を青色に変更
・セール開始:2026年7月1日0:00〜セール終了:2026年7月15日23:59までに変更

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