カウントダウンタイマー

カウントダウンタイマーのカスタマイズオプション

当社のすべてのカスタマイズオプションを活用し、タイマーを自社のブランドやメールキャンペーンに合わせて設定する方法について学ぼう。

Sendtricでは、カスタマイズオプションが無制限に用意されている

Sendtricダッシュボード内でタイマーをカスタマイズできるあらゆる方法を紹介しよう。

カスタマイズオプションの大部分は、タイマーエディタの左側にある「ビジュアルデザイン」および「テキストとラベル」のタブにある。

タイマーのサイズ、スタイル、方向、配置

サイズ

以下に示すように、必要に応じてタイマーのサイズを調整できる。

タイマーのスタイルによって寸法が若干異なるほか、別の設定でパディングを調整することもでき、それによって全体の寸法も変わる。

カウントダウンタイマーエディタにおけるタイマーのサイズ設定

タイマーの種類

当社では、モーションタイマーを含め、さまざまなアニメーションを備えた30種類以上の基本スタイルのタイマーを用意している。モーションタイマーとは、数字が単一のフレーム切り替えではなく、動きを伴って変化するタイプのタイマーのことだ。

スタイルのドロップダウンから、カスタマイズしたいタイマーのスタイルを選択できる。

30種類以上の基本スタイルを備えたタイマースタイルのドロップダウン

タイマーの方向

タイマーを横向き(デフォルト設定)にするか、縦向きにするかを選択できる。好みに応じて切り替えるだけでよい。

タイマーの表示方向(横向き/縦向き)の切り替え

アライメント

タイマーのHTMLコードがある場所で、オプションを選択することで、タイマーを左寄せ、中央寄せ、右寄せのいずれかに配置するかを選べる。

左、中央、右のタイマーの配置オプション

タイマーの色、背景、透明度、およびパディング

数字、ラベル、背景の色

数字、ラベル、背景色は、ブランドやキャンペーンに合わせて、思い通りに調整できる。必要に応じて、背景を透明にすることも可能だ。背景を透明にする場合は、 これらの推奨事項を心に留めておいてほしい。

タイマーエディタ内の数字、ラベル、背景色のカラーピッカー

タイマーごとのアセントカラー

タイマーによっては、各要素の色を調整できる部分が他のタイマーよりも多いものがある。選択したタイマースタイルにこの機能がある場合、Ascentの色がさらに1つか2つ表示される。

一部のタイマーモデルでは、アクセントカラーの選択肢がある

パディング

各タイマースタイルの四辺のデフォルトの余白は、デザインのニーズに合わせて調整できる。タイマースタイルごとにデフォルト設定が異なり、変更を加えた場合はリセットすることもできる。

タイマースタイルの周囲のパディングの制御

背景画像

背景色の代わりに、お好みの背景画像をアップロードすることもできる。

単色ではなく背景画像をアップロードする

有効期限の画像

タイマーの残り時間が0, 0, 0, 0秒になり、期限が切れた場合、期限切れのタイマーの代わりに期限切れ画像を表示したい場合があるだろう。期限切れ画像には、「プロモーションは終了しましたが、今後の割引情報にご期待ください」といった旨のメッセージを表示するとよい。 有効期限切れの画像をアップロードすると、エディタ内のタイマーの下にプレビューとして表示される。

エディタのタイマーの下に表示される有効期限の画像プレビュー

言語、数字の表示、カスタムラベル

言語

ラベルの言語を選択できるほか、企業プランでは、マージタグを使用してユーザーごとに言語を選択できる多言語タイマーを利用できる。

エディタでのタイマーラベルの言語の選択

カスタムラベルまたはラベルの非表示

必要に応じて、独自のラベルを作成したり、ラベルを非表示にしたりすることもできる。

カスタムラベルを作成したり、ラベルを完全に非表示にしたりする

数字表示

タイマーに表示する単位(年、日、時間、分、秒)を選択できる。

タイマーに表示する数字の種類を選ぶ

テキストのフォントとフォントサイズ、

フォント

数字やラベルのフォントは個別に選択できる。900種類以上のフォントから選べる。企業顧客は、自社のブランドイメージに完璧に合わせるために、独自のカスタムフォントをアップロードすることもできる。

900種類以上のフォントが利用できるフォントセレクター

ラベルのフォントサイズ

ラベルの相対的なフォントサイズを調整することで、思い通りのタイマーデザインを作成できる。

ラベルの相対的なフォントサイズの調整

ラベルの位置とテキストの輪郭/影

ラベルの位置

「ラベルの高さ位置」を調整して、ラベルを表示したい場所に設定できる。タイマーの上、下、あるいは真ん中などだ。

タイマーの上、下、または中央へのラベル位置の設定

テキストの輪郭/影

数字やラベル、あるいはその両方に、好みの太さの異なる色の輪郭線を追加することで、より効果的な色のカスタマイズが可能だ。

数字やラベルに色付きの輪郭線や影を追加する

この記事は役に立ちましたか?