【実践ガイド】Ptengineで「本日の受付は◯時◯分まで」を毎日自動表示!カウントダウンタイマーポップアップの設置方法

いつもPtengineをご利用いただきありがとうございます!

期間限定や当日限定の受付を訴求する際、「本日の受付は◯時◯分まで」といったメッセージはユーザーの行動を促す強力な手段です。

Ptengineのポップアップ機能にカウントダウンタイマーを組み合わせることで、この「限定感」を毎日自動でリセットしながら訴求できます。

この記事では、毎日自動でリセットされるカウントダウンタイマー付きポップアップの設置方法を、分かりやすくご紹介します。

なぜ「毎日自動リセット型カウントダウンタイマー」が効果的なのか?

  • 毎日リセットされることで「今日だけ」の限定感を維持
  • ユーザーの緊急性や購買意欲を高めやすい
  • 受付終了後の誤表示リスクを低減できる

ECサイト、キャンペーンLP、予約ページ、セミナー受付ページなど、さまざまなシーンで有効です。


設置手順

Step1:カウントダウンタイマー用カスタムコードの追加

  1. Ptengineのポップアップ編集画面を開きます。
  2. 画面右上の「ポップアップをコード編集」をクリックします。
  3. 「JavaScript」タブを選択し、下記のコードを貼り付け、保存します。
function getTodayEndDateString() {
  const now = new Date();
  const endDate = new Date(
    now.getFullYear(),
    now.getMonth(),
    now.getDate(),
    23, 59, 59
  );
  return endDate.toString();
}

ptKit.query("[data-menu-action='insert.count_down']", {
  timeout: 60000,
  interval: 200
}).then(function(element) {
  const endDateStr = getTodayEndDateString();
  console.log(endDateStr)
  element.setAttribute("data–count-down-end-date", endDateStr);
});

このコードにより、カウントダウンタイマーは毎日23:59:59を自動的に終了時刻として設定します。

Step2:キャンペーン終了日の設定

ポップアップのカウントダウン設定画面で、必ず未来の日付をキャンペーン終了日として設定してください。
※タイマーの内部処理上、過去日付では正しく動作しませんのでご注意ください。

まとめ

Ptengineのユーザーは、上記の手順を実践するだけで、「本日の受付は◯時◯分まで」と毎日自動で締切時刻をリセットするカウントダウンタイマーポップアップを簡単に設置できます。

この機能は、期間限定キャンペーンや当日受付などのシーンで「今すぐ行動」を促し、CVR(コンバージョン率)向上に大きく貢献します。

ご不明な点やカスタマイズのご要望は、Ptengineサポートまでお気軽にご相談ください。