> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/advanced/countdown-timer-element.md). # カウントダウン ### PageFly カウントダウンタイマー要素について [PageFlyカウントダウンタイマー](https://help.pagefly.io/manual/countdown-timer-element/)要素は、ページにリアルタイムのカウントダウンを追加して、コンバージョン率を高めることができます。この要素は、商品の緊急性を高めたり、新しいコレクションのローンチ、店舗のオープン、セール期間などの特別な機会の到着予定時間を提供したりするために使用できます。 詳細な手順に進む前に、以下の動画をご覧ください。 {% embed url="" %} #### カウントダウンタイマーのタイプ カウントダウンタイマー要素には、さまざまなニーズに対応する3つのバリエーションがあります。時間を節約するために、さらにバリエーションを追加する予定です。 バリエーションをレイアウトにドラッグして、カスタマイズオプションを探求してください。 ![](/files/an9OntVYMaH3WBMY3EhS) #### カウントダウンタイマーの構造 カウントダウンタイマーは2つの要素を含んでいます。 \| **カウントダウンの数字** | | ![](/files/kqfmOkVfsSnsPpnzNXS6) | | -------------------------------- | | **カウントダウンのラベル** | ![](/files/7VVJYk6sPcANVSFASVqJ) | これらの要素をクリックして、スタイリングタブでカウントダウンの数字とラベルをスタイル設定できます。 ### PageFly カウントダウンタイマー要素へのアクセス方法 * **ステップ1:** 「**要素**」アイコンをクリック > 「**PageFly**」タブでカウントダウン要素を選択します。 * **ステップ2:** 目的の要素をエディターにドラッグ&ドロップし、使用を開始します。 ### カウントダウンタイマー要素の設定方法 カウントダウンタイマー要素には、コンテンツの外観を細かく調整して可能な限り最高のコンバージョン率を得るための豊富なパラメータが付属しています。 レイアウトで要素を選択して、その設定を表示します。 ![](/files/bz9NRurFvAwS2IJQghnD) #### 一般設定 **カウントダウンの開始** カウントダウンタイマーを設定するには、特定の時間、最初の訪問時、毎回の訪問時の3つのオプションがあります。 ![](/files/Bz7sBGUXeuMQMI5p3O1Q) | | | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | |

オプション1：特定の時間から開始 開始時間：

カウントダウンを開始する日付と時間を「年/月/日; 時:分」の形式で選択します。

カウントダウンの再開： 常時（エバーグリーン）カウントダウンが必要な場合は、このオプションを使用します。

これには以下が含まれ、カウントダウンが自動的にリフレッシュされます：

- なし

- 毎時間

- 毎日

- 毎週

- 毎月

| ![](/files/lbx3u5KPkAUZ3DoGsePu) | | **オプション2：最初の訪問時** カウントダウンは、訪問者が最初にタブを開いたときに開始され、タブをまたがって続行されます。 | ![](/files/HYhbuIdzKN8nPH9MzPZ6) | | **オプション3：毎回の訪問時** 訪問者が開くすべてのタブでカウントダウンが新たに開始されます。 | ![](/files/33MWgmbWOc6OuCTSFZ5U) | **カウントダウンの終了** | | | | ------------------------------------------- | -------------------------------- | | **特定の時間で終了：** 終了時間を「年/月/日; 時:分」の形式で設定します。 | ![](/files/ulhNY1Puqj9KmICUQanp) | | **特定の期間で終了：** カウントダウン期間を「日/時/分/秒」の形式で設定します。 | ![](/files/nHY9yo2BHaHVIBiMTGzK) | | | | **終了時にリダイレクト** このオプションを使用すると、カウントダウンタイマーが終了したときにページのリダイレクト先URLを挿入できます。カウントダウンが終了した後、顧客はそのページにリダイレクトされます。 これは、フラッシュセール中に特に頻繁に使用されるオプションです。 ![](/files/Ad6jsWIu5PkwlISKcxE0) **非アクティブ時に非表示** カウントダウンタイマーが終了したときに自動的に非表示にしたい場合は、このオプションをオンにします。 ![](/files/FVAMvD7j5SElFwbJ1KV9) **その他の設定** **その他の設定**をクリックすると、カウントダウンタイマーを設定するためのより多くのパラメータが表示されます。 * **全幅に設定：** このオプションを有効にすると、カウントダウン要素が画面全体に広がります。 ![](/files/NaI9Y68EAEITv2iP2hLv) * **週を表示：** カウントダウンで週数を表示したい場合は、このオプションをアクティブにします。デフォルトでは、この設定は無効になっています。このオプションがオンになると、このラベルのテキストを変更するための「週ラベルテキスト」オプションが表示されます。 ![](/files/1W8zPFcTBwA3HJUS7mc1) * **日を表示、時を表示、分を表示、秒を表示：** これらのオプションは、「週を表示」オプションに似ています。デフォルトでは、これらの設定は有効になっており、「ラベルテキスト」ボックスでラベルテキストを変更できます。 ![](/files/gwhpNpkg6U3Tq0AChP1H) * **コロンを表示：** このオプションでは、カウントダウンの数字の間にコロンを表示するか非表示にするかを選択できます。デフォルトでは、このオプションはオンになっています。 ![](/files/V4cUDc3Du21cCl0iQwc1) * **ラベルを表示：** このオプションはカウントダウンラベルを許可します。カウントダウンラベルを非表示にするには、このオプションを無効にできます。 ![](/files/7ei38Mk7PT94hPBifTE5) #### スタイリング設定 「**スタイリング**」タブでは、コンテンツ、間隔、タイポグラフィの編集、背景の追加、エフェクトの追加など、さまざまな設定が可能です。詳細については、[Page Editor – Styling Tab](https://help.pagefly.io/manual/elements-style-settings/) の記事をご覧ください。 ### ヒントとベストプラクティス * カウントダウン要素が、フラッシュセール、在庫限り、アーリーアクセス期間など、促進するオファーやアクションを明確に伝えるようにします。 * カウントダウンタイマーを使いすぎないでください。頻繁に使用すると効果が薄れ、緊急性疲労につながる可能性があります。 * フラッシュセールでは商品ページの近く、ストア全体のプロモーションではホームページなど、最も関連性の高い場所にカウントダウンタイマー要素を戦略的に配置します。 ### よくある質問 **1. なぜセールプロモーションページの設定にPageFlyカウントダウンタイマーを使用すべきですか？** カウントダウンタイマーは緊急感を生み出し、顧客に迅速な行動を促し、全体的な売上を増加させる可能性があります。 **2. カウントダウンタイマーとは何ですか？** カウントダウンタイマーは、秒、分、時、日単位で特定の締め切りまでカウントダウンします。 **3. セールプロモーションはどのくらいの期間にすべきですか？** 理想的には4〜5週間で、半額セール、直接的な価格引き下げ、「2個買うと1個無料」などのマーケティング戦略で補完されます。 ### 追加リソース * [必須のカウントダウンタイマーバー要素](https://help.pagefly.io/manual/essential-countdown-timer-bar-element/) * [Urgency Bear カウントダウンタイマーをPageFlyで使用する方法](https://help.pagefly.io/manual/how-to-use-urgency-bear-countdown-timer-with-pagefly/) * [Countdown Timers: 6 Working Tips On How To Make The Most Out of Them To Boost Your Sales](https://pagefly.io/blogs/shopify/countdown-timers-working-tips) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/advanced/countdown-timer-element.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.