Brevoでカウントダウンタイマーを作成する方法
初回公開日： .最終更新日： 今日は、Brevoのメールキャンペーンにメール用カウントダウンタイマーを組み込むのがいかに簡単かを紹介する。Brevoは、当社の多くの顧客が利用している人気のメール配信・テンプレート編集プラットフォームだ。Brevoのメールテンプレートにカウントダウンタイマーを追加するのは非常に簡単で、動的なコンテンツを使ってメールキャンペーンを充実させるのに最適な方法だ。
ステップ1：Sendtricでタイマーを作成する
当サイトのホームページで無料のタイマーを作成する場合でも、有料プランで高度にカスタマイズされたタイマーを作成する場合でも、カウントダウンタイマーの作成は素早く簡単だ。エディタの手順に従い、メールキャンペーンに合わせてスタイルを調整し、使用目的に応じたタイマーの設定を行えばよい。
タイマーの準備ができたら、タイマーのHTMLコードをコピーして、Brevoにアクセスする。
ステップ2：タイマーをBrevoテンプレートに挿入する
Brevoのメールキャンペーンを開き、ドラッグ＆ドロップエディタとHTMLエディタのどちらを使うかを選択する。
ドラッグ＆ドロップエディタ
HTMLブロックを選択し、メール内のタイマーを表示させたい場所にドラッグする。メール内のHTMLブロックをダブルクリックし、Sendtricから提供されたHTMLコードを貼り付け、さらに「dynamic」タグ*を追加する。（その方法については以下を参照）
HTMLエディタ：
Sendtricから提供されたコードを入力し、タイマーを表示させたい場所に「ダイナミックタグ」*（設定方法は以下を参照）を追加する。
*重要* Brevoでタイマーが正しく動作するようにするには、次のように、imgタグのHTMLブラケットの最後に「dynamic」を追加する：
Sendtricが提供する通常のHTMLコード：
<img src="https://gen.sendtric.com/countdown/133dvtakwh" style="display: block;max-width:100%;" />Brevoでは、次のように「dynamic」タグを追加する必要がある。
<img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/>
タイマーを中央に配置したい場合は、すべてのメールクライアントでタイマーを中央に配置するのに役立つ追加のコードを以下に示す：
<table align="center"> <tbody> <tr> <td><img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/></td> </tr> </tbody> </table>
ステップ3：これで完了だ！
SendtricのタイマーをBrevoのキャンペーンに組み込むのは、これほど簡単だ。有料プランを利用していて、テンプレートでタイマーのデザインを確認した後、少し調整したい場合（例えば、色の選択がちょっと合わなかったなど！） Sendtricエディタに戻って、タイマーの任意の部分を簡単に編集できる。テンプレートに組み込んだのと同じタイマーを編集していることを確認すれば、タイマーのコードを再度コピーする必要はない。
Brevoのタイマーを使った体験談もぜひ聞かせてほしい！お気軽にお問い合わせください。 support@sendtric.com ご懸念、ご質問、ご意見などがございましたら。
