カウントダウンタイマー要素

カウントダウンタイマー要素について

GemPagesのカウントダウンタイマー要素を使うと、ページにカウントダウンクロックを追加し、特定の日時までカウントダウンさせることができます。この要素は、ヒーローバナー、商品ページ、コレクションページなどで使用して、緊迫感を演出したり、期間限定オファーを強調したり、イベントを宣伝したりすることができます。

そうすることで、訪問者が時間切れになる前に購入したり、特別オファーを申請したり、イベントに申し込んだりするなど、すぐに行動を起こすように促すことができます。

GemPages V7にカウントダウンタイマーを追加する方法

ステップ 1から： GemPagesダッシュボード > ページ既存のページを探すか、 新しいものを作成する.

ステップ 2: エディターにアクセスしたら、検索バーを使用して要素を見つけ、デザイン領域にドラッグ アンド ドロップします。

カウントダウンタイマーの設定にアクセスするには、要素をクリックします。左側のサイドバーに 設定 タブでは、動作と外観をカスタマイズできます。

設定タブの構成

カウントダウンタイム

このセクションでは、以下の3種類のカウントダウンタイマーから選択できます。 終了時刻, 自動更新, マニュアル.

1. 終了時刻

あなたが選択した場合 終了時刻、カウントダウンを終了する特定の日時を設定する必要があります。 

次のいずれかのオプションを選択して、終了時間の適用方法を選択できます。

• 特定のタイムゾーンに基づいて

両方選択できます date と 時間帯カウントダウンは、選択したタイムゾーンに基づいて、世界中でまったく同じ瞬間に終了します。
たとえば、カウントダウンを午後 12:00 (UTC-4) に終了するように設定した場合、場所に関係なく、世界中のすべての訪問者のタイマーはその瞬間に終了します。

• すべてのタイムゾーン

選択するだけで dateカウントダウンの終了時間は、各訪問者のローカルタイムゾーンに基づいて計算されます。
たとえば、カウントダウンを午後 12:00 に終了するように設定した場合、UTC-4 の訪問者には午後 12:00 (UTC-4) に終了し、UTC-3 の訪問者には午後 12:00 (UTC-3) に終了すると表示されます。

2. 自動更新

自動更新を選択した場合は、 毎日指定した時間に自動的にリセットされる、毎日のカウントダウンを設定します。また、タイマーの表示を以下の基準で選択することもできます。 訪問者のローカルデバイスのタイムゾーンカウントダウンが現在の時刻と一致するようにします。

たとえば、リセット時間を午前 6:00 に設定すると、タイマーはユーザーのデバイスの時間に従って毎日午前 6:00 に自動的に再起動します。

3 マニュアル

手動を選択した場合は、 訪問者がページにアクセスした時点でカウントダウンを開始し、その時間を設定します。また、このオプションは ループ モードをオンにすると、タイマーが終了すると自動的に再起動します。

アイテム管理

カウントダウン タイマー要素で表示する項目を選択します。

アイテムスタイル

このセクションでは、以下を設定できます。

• アイテムギャップ: アイテムボックスの高さを調整します。

• パディング： すべてにパディングを設定します。 
• 背景： すべてのアイテムの背景色を設定します。
• 境界： クリックして "追加...「 」ボタンをクリックすると、すべてのアイテムに境界線が追加されます。

• コーナー： デフォルトの丸い角は 8 ピクセルです。

時間

選択する アイテムスタイル を表示する 時間 このカウントダウンタイマーでは、スタイル、フォント、サイズ、色を変更したり、テキストの変形/影効果を追加したりできます。

キャプション

このセクションを切り替えて設定します 文字スタイル あなたの キャプション テキスト。

アイテム間隔

正確な数値を入力するか、スライダーをドラッグして、各アイテム ボックス間の間隔を調整します。

サイズ

カウントダウン タイマー要素のパディングを設定します。

形状

要素の形状の境界線の種類 (点、破線、または線)、角の半径、影の種類と色を選択します。

有効期限が切れた後

このセクションでは、カウントダウン タイマーが終了した後のアクションを設定できます。

• タイマーを非表示: ヒット あり 要素を非表示にしたい場合は、 いいえ.
• アクション： ドロップダウンから、「ページに留まる」、「ページを開く」、「スクロールする」、「ポップアップを開く」、「メールを送信する」、または「電話をかける」を選択します。

整列

この要素の配置を左揃え、中央揃え、または右揃えに調整します。

詳細タブを設定する

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.

そしてあなたはそれを持っています！