テンプレート一覧テンプレートを使用する際は雛形フォルダから複製してご使用ください。
表示方法:サイドバー > バナー 一覧 > 雛形フォルダを表示
設定中のフォルダの下に雛形フォルダが表示されます。雛形を選んで「複製」を押してください。
複製後、「複製バナー」フォルダが作成されます。複製バナーの中に複製された雛形が入っていますので、そちらを編集してご使用ください。
表示方法:サイドバー > バナー 一覧 > 雛形フォルダを表示
設定中のフォルダの下に雛形フォルダが表示されます。雛形を選んで「複製」を押してください。
複製後、「複製バナー」フォルダが作成されます。複製バナーの中に複製された雛形が入っていますので、そちらを編集してご使用ください。
カウントダウン付きポップアップ
テンプレート名
カウントダウン付きポップアップスライドバナー
デザイン
雛形の名前
ポップアップ配信用 > カウントダウンポップ > 【雛形】カウントダウンポップ(画像+カウントダウン)_ポップアップ配信
更新方法
【更新箇所】
① ポップアップ画像
<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に指示してください。
① ポップアップ画像
<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に指示してください。
