ウッドマート商品カウントダウン設定チュートリアル

あるEコマースサイト切迫感を与えることは、販売において非常に効果的な方法である。期間限定のプロモーションは最も一般的なものの一つで、カウントダウンはこの形式の重要な要素です。ウッドマートのテーマカウントダウン機能により、追加のプラグインをインストールする必要がなく、簡単なセットアップで、特定の製品に自動的に「終了まで○○時間」のビジュアルアラートを表示することができます。

商品編集ページを開く

まず、WordPressのバックエンドにアクセスし、左メニューの「商品」→「すべての商品」をクリックし、カウントダウン時間を設定したい商品を探します。編集」をクリックして、商品の設定ページに入ります。

プロモーション価格と期間の設定

商品編集ページで、商品データモジュールまでスクロールダウンし、現在の商品タイプがシンプルまたはバリアブルであることを確認します。

一般」タブをクリックし、「プロモーション価格」欄に設定したい価格を入力します。例えば、元の価格は178円ですが、プロモーション価格は121円になります。

次に、小さな「タイムテーブル」リンク（プロモーション価格入力ボックスの下）をクリックして時間選択ボックスを表示し、例えばプロモーションの開始時間と終了時間をそれぞれ選択します：

プロモーション開始：2025年6月5日 00:00
プロモーション終了: 2025年6月10日 23:59

この時間範囲がカウントダウンの基準となります。一度設定して保存すると、WoodMartは自動的に商品のトップページにカウントダウンを表示します。

カウントダウン機能を有効にする

バックエンドのWoodMartにアクセスし、「テーマ設定」→「商品プロフィール」→「商品スタイル」→「カウントダウンタイマー」で、ショップページのタイマーを有効にしてください。

フロントエンドの表示を見る

アップデートを保存し、アイテムのフロントページにアクセスすると、アイテムの価格の下にダイナミック・カウントダウンデバイスは「XX日XX時XX分XX秒」と表示する。

カウントダウンタイマーの色、位置、サイズはテーマスタイルがデフォルトですが、カスタマイズしたい場合は、例えば書体色や背景を指定するには、次のような簡単なCSSの例を使用します：

カウントダウンタイマー
  color: #e60000；
  font-weight: bold; font-size: 18px；
  font-size: 18px; }.
}

このコードは Backend Appearance → Customisation → Extra CSS で追加できます。

マルチ商品セットアップの推奨

複数の商品にカウントダウンタイマーを設定する場合、「一括編集」機能を使用すると、複数の商品のプロモーション価格と時間をすばやく設定できます。商品一括編集 "や "アドバンス一括編集 "などのプラグインを使用することをお勧めします。

ホームページ・モジュールで効果を高める

カウントダウンは商品詳細ページだけでなく、ウッドマートのページ構成には、トップページ、イベントページ、特集ページにモジュール式のカウントダウンを追加します。例

利用するエレメンタまたは、WPBakeryはカウントダウンタイマーをオーバーレイしたバナーパネルを挿入します。
複数のカウントダウン商品を設定し、「買い時」ページに一元的に表示する。
マッチングロールアニメ赤文字による視覚的インパクトの強化

この組み合わせは、単に価格を表示するよりも魅力的になるようにデザインされている。

概要

ウッドマートネイティブのカウントダウン機能を提供することで、特定の商品に対して期間限定の雰囲気を簡単に演出することができます。ホームページモジュールやビジュアルデザインと同期して使用すれば、プロモーションがさらに強化されます。この機能は、短期ラッシュ、新製品デビュー、ホリデーイベントなど、様々なシーンに適しています。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み