WordPressサイトにカウントダウンタイマーを追加する方法は？

カウントダウンタイマーは私たちがよく知っている用語ですよね？ これは、WordPressサイトに挿入できる便利で効果的なアイテムです。 会社がオファーキャンペーンを実行するとき、カウントダウンタイマーを利用することは今日の一般的な習慣です。 では、WordPressサイトにカウントダウンタイマーを追加してみませんか？

カウントダウンタイマーがビジネスにどのようなメリットをもたらすのか疑問に思われるかもしれません。 明らかに、カウントダウンタイマーは、訪問者に行動を起こさせたり、製品やサービスを販売したりすることになると、パンチを詰め込みます。 カウントダウンタイマーを展開するアクションを実行するようにサイト訪問者を誘導した多くの企業を挙げられます。

たとえば、民間の雇用会社であるAddison Leeは、カウントダウンタイマーを毎日の取引メールに活用することでトリックを行いました。 彼らは主に予約フォームを放棄した顧客をターゲットにしました。 彼らが実際に行ったことは、取引の緊急性を示す電子メールでカウントダウンタイマーを使用して取引のタイムラインを示したことです。

結果がどうだったか知っていますか？ 電子メールのクリック数は、標準の放棄メールと比較して28％増加しました。 これはすごいですよね？ シンプルで手間のかからないトリックで、このような驚異的な結果が得られたら、試してみる価値があります!!!

オンラインストアのKennedyBlueは、ウェブサイトに販売カウントダウンタイマーを追加した後、売上を50％拡大しました。

カウントダウンタイマープラグインをWordPressサイトに追加する方法を説明する前に、カウントダウンタイマープラグインについて少し説明します。 これにより、アイテムのより良いアイデアが得られます。

カウントダウンタイマープラグインとそのタイプ：

カウントダウンタイマープラグインは、用語自体で簡単に定義できます。 これは、特定の日時からカウントダウンするWebサイトのタイマーを紹介できるソフトウェアです。 プラグインをWordPressサイトに追加して、イベントの開始またはオファーの終了を表示できます。

あなたが自由に使えるカウントダウンタイマーには基本的に2つのタイプがあります。 標準または通常のカウンタータイマーと常緑のカウンタータイマー。

標準カウントダウンタイマー：

標準のカウンタタイマーは、2種類のカウンタタイマーの中で最も一般的です。 これは、特定のポイントまでカウントダウンする静的カウントダウンタイマーです。 このタイプのタイマーの特徴は、すべての訪問者がWebサイトにアクセスするたびに同じように表示されることです。

たとえば、100人の訪問者が一度に特定のWebサイトにアクセスして、オファーの標準のカウントダウンタイマーを表示すると、すべての訪問者が同じタイムラインを表示し、オファーの残り3時間になる可能性があります。

エバーグリーンカウントダウンタイマー：

一方、エバーグリーンカウントダウンタイマーは動的なカウントダウンタイマーであり、訪問者ごとに異なります。 訪問者がWebサイトにアクセスすると、タイマーはカウントダウンを開始します。 設定に応じて、タイマーが表示され、訪問者に特定の時刻または日付が表示されます。

たとえば、ある訪問者には割引オファーの残り2時間、別の訪問者には同じオファーの残り4時間を表示できます。

カウントダウンタイマーをWordPressサイトに追加する理由と時期

カウントダウンタイマーについてのすべての詳細を知った後、あなたはカウントダウンタイマーを展開する必要性を知るためにかゆみを感じる必要がありますよね？ さて、カウントダウンタイマーはあなたに複数の利点を提供することができます。 彼らは何ですか？ それらをチェックしてみましょう-

• 訪問者の心に興奮と期待を構築します。
• 限られた時間の表示で訪問者の心にFOMO効果を生み出します。
• ウェブサイトのレイアウトにスパイスを効かせます。
• 最後に、カウントダウンタイマーがオファーを対象としている場合は、コンバージョンと売上を拡大します。

だから、あなたはなぜカウントダウンタイマーが必要なのかを知るようになりました。 さて、あなたがカウントダウンタイマーをいつ利用できるかを知る時が来ました-

• ウェブサイトを立ち上げる前の「近日公開」ページ。
• 今後の新製品についてクライアントと訪問者に謝意を表します。
• あなたがあなたの顧客に割引を提供したいとき、さまざまな祭りの機会に。
• 今後の壮大なイベントや会議の日付について通知します。
• あなたのビジネスの誕生日や記念日を知らせるために。
• ウェブサイトのメンテナンス中に戻ってくる場合は、カウントダウンタイマーを使用できます。

WordPressサイトにカウントダウンタイマーを追加する方法は？

次に、ElementsKitの「カウントダウンタイマーウィジェット」を利用して、WordPressサイトにカウントダウンタイマーを追加する方法を紹介します。 それ以上の苦労なしに、追いかけましょう-

ElementsKitのインストールとアクティブ化：

まず、WordPressサイトの管理パネルにログインする必要があります。 次に、ElementsKitをサイトにインストールしてアクティブ化します。 Elementorがサイトにすでにインストールされていることを確認してください。 そうでない場合は、Elementorを最初にインストールしてElementsKitを機能させます。

ElementsKitをインストールするには、ダッシュボードのプラグインに移動し、下のスクリーンショットに示すように[新規追加]を選択します

検索フィールドにElementsKitを書き留め、[今すぐインストール]ボタンを押しつぶします。 インストールが完了したら、プラグインをアクティブ化します。

新しいページまたは投稿を作成してサイトに公開します。

次に、サイトに新しいページを作成して公開し、ページにカウントダウンタイマーウィジェットを追加できるようにします。

次に、ダッシュボードで[ページ]または[投稿]を見つけて、新しいページまたは投稿を追加します。 カウントダウンタイマーを表示するために、自分のサイトに新しいページを追加します。 以下の手順に従って、新しいページを作成して公開します。

• ページに移動し、[新規追加]をクリックします
• ページのタイトルを追加する
• テンプレートを「ElementorFullWidth」に設定します
• 最後に、ページを公開します
• 「Elementorで編集」ボタンをクリックすることを忘れないでください

ただし、既存のページのいずれかにカウントダウンタイマーを追加する場合は、それを行うこともできます。

カウントダウンタイマーウィジェットをドラッグアンドドロップします。

Elementorウィンドウに切り替えると、いくつかのElementorウィジェットとElementsKitウィジェットを表示できます。 検索フィールドでカウントダウンタイマーウィジェットを検索し、指定した領域にドラッグアンドドロップするだけです。

下にスクロールしてウィジェットを見つけることもできます。 ウィジェットをドロップするとすぐに、デフォルトのカウントダウンタイマーがページに表示されます。 以下のgifに従って、このステップで何をしなければならないかをよりよく理解してください。

カウントダウンタイマーの内容をカスタマイズします。

これで、画面にデフォルトのカウントダウンタイマーが表示されます。 ただし、デフォルトのカウントダウンタイマーのデザインが気に入らない場合があるため、「プリセット」項目から選択できる追加のタイマーデザインがあります。 サイトに適したデザインを選択してください。

[タイマー設定]項目から、カウントダウンの期日やカスタムラベルなどの必要なパラメーターを設定できます。

[有効期限アクション]アイテムから、カウントダウンの有効期限が切れた後の表示コンテンツを設定できます。 ただし、独自のコンテンツを設定するには微調整する必要があるデフォルトのコンテンツがアイテムにすでに設定されています。

カウントダウンタイマーのスタイルを設定します。

ElementsKitカウントダウンタイマーウィジェットには、複数のスタイリングオプションがあります。 コンテンツの幅、高さ、行の高さ、下の余白などを変更および調整できます。

さらに、タイマーをセグメントごとにスタイル設定することもできます。つまり、日、時間、分、秒を個別に選択してスタイルを設定できます。 以下に、「Days」セグメントのスタイリングを示します。 他のセグメントも同様の方法で様式化できます。

各セグメントには、数字の色とタイポグラフィ、ラベルの色、タイポグラフィ、背景の種類など、さまざまなオプションがあります。これらのパラメータはすべて、カウントダウンタイマーの好みの外観を表現するために選択および調整できます。

[詳細設定]タブの利用：

それとは別に、[詳細設定]タブを使用してカウントダウンタイマーをジャズアップすることもできます。 [詳細設定]タブには、ElementsKit Effects、ElementsKit Sticky、ElementsKit Advanced Tooltipなどの項目がたくさんあります。これらの項目を利用して、効果、情報、機能などを追加できます。

たとえば、ElementsKit Effectsアイテムを使用すると、スクロール、マウスの移動、傾斜などの効果を追加できます。これにより、[詳細設定]タブを利用してカウントダウンタイマーにスパイスを加えることができます。

ライブサイトでの最終出力：

すべての調整と調整が完了すると、サイトのカウントダウンタイマーをライブでプレビューする準備が整います。 ただし、表示する前に、ページを更新することを忘れないでください。 次に、エディターページの左下にあるプレビューアイコンをクリックします。

これはあなたをライブサイトに連れて行きます、そしてここにあります!!! カウントダウンタイマーが表示されています。 カウントダウンタイマーのどの領域にも満足できない場合は、エディターに戻って必要な変更を加えることができます。

まとめ：

つまり、ElementsKitプラグインをデプロイしているサイトにカウントダウンタイマーを追加するのは簡単すぎますよね？ ええ、ElementsKitは簡単なプラグインであり、そのすべてのモジュール、ウィジェット、および機能を非常に簡単に使用できます。 さらに重要なことに、ランディングページ、製品ページ、チェックアウトページなど、Webサイトのどこにでもカウントダウンタイマーを追加できます。

あなたがあなたの訪問者の注意を引き付けてあなたのビジネスを鼓舞することを探しているなら、ElementsKitのカウントダウンタイマーはあなたにとって正しい選択です。 そのユニークでゴージャスなデザインはあなたのウェブサイトのレイアウトをコアに魅力的にし、あなたを他の人から際立たせます。

このチュートリアルで私が持っていたのはこれだけです。 うまくいけば、ElementsKitを使用してWordPressにカウントダウンタイマーを追加するのが非常に簡単であることがわかりました。 もしそうなら、この素晴らしいプラグインを利用するために躊躇しないでください、そしてあなたの売り上げとコンバージョンを急上昇させてください!!!