コードとプラグインを使用して WooCommerce メールをカスタマイズする方法は?
公開: 2022-09-15こんにちは WooCommerce ユーザー! 独自のブランド アイデンティティを構築し、リピート購入を促進したい場合は、カスタマイズされた WooCommerce メール テンプレートを使用して簡単に行うことができます。
デフォルトの WooCommerce メール テンプレート、コードを使用してそれらをカスタマイズする方法、およびどの WooCommerce メール カスタマイザー プラグインが最適に機能するかについて説明します。
始めましょう。
標準の WooCommerce メール テンプレート – タイプとコンテンツ
基本的に、WooCommerce には、注文とアカウントの更新に関連して顧客と管理者に送信される11 の組み込みの電子メール テンプレートが装備されています。
- 注文保留メール- 注文が保留された後に顧客に送信されます。
- 注文処理メール- 支払いが完了した後に顧客に送信されます。
- 注文完了メール- 注文が完了とマークされたときに顧客に送信され、注文が発送されたことを示します。
- 注文返金メール- 注文が返金済みとしてマークされたときにお客様に送信されます。
- 新しい注文- サイトで新しい注文が行われると、ストア管理者に送信されます。
- キャンセルされた注文- 注文がキャンセルされたことを通知するためにストア管理者に送信されます。
- 失敗した注文– 失敗した注文を通知するためにストア管理者に送信されます。
- 顧客請求メール– 顧客に送信され、注文情報と支払いリンクが含まれています。
- 顧客メモメール– 注文編集管理者から顧客メモが追加されたときに顧客に送信されます。
- パスワード リセット メール- パスワードを忘れて新しいパスワードを要求したときに顧客に送信されます。
- 新しいアカウントのメール- チェックアウトまたはアカウントのサインアップ ページからサインアップしたときに顧客に送信されます。
サンプルの注文完了メールは、以下のスナップショットのようになります。
簡単に言えば、電子メールは次の詳細で構成されています - 製品情報、税金と配送料を含む合計価格、支払い方法、配送先と請求先住所。
しかし、これらの WooCommerce メール テンプレートではうまくいきません。
トランザクションメールであるため、開封率とクリック率は当然、他のタイプのメールよりも高くなります。
ただし、これらの WooCommerce 注文メールは、上記のメール テンプレートからわかるように、シンプルで退屈で魅力的ではないように見えます。
それは活力の要素を欠いています。 それはあなたのブランドとポジショニングを運びません。 それはあなたの価値提案にあまり反映されていません。
これらのテンプレートを使い続けると、忠実な消費者を含む消費者がブランドに対して否定的な印象を持ち、解約率が高くなる可能性があります.
申し訳ありませんが、これは本当です。 大チャンスロス！
10 人中 8 人は、メール テンプレートをまったく変更しません。 あなたがその一人なら、すぐに切り替えてください。
誰もが今でもメールを読んでいます。 顧客が何かを購入することを決めた場合、ブランドの悪い印象を顧客に与えたくありませんか?
では、そもそも WooCommerce メールをカスタマイズしてみませんか?
カスタマイズされた WooCommerce メールは、独自のブランドと関係を構築します
WooCommerce のメールをカスタマイズすることは、理解するのにロケット科学ではありません。 むしろケーキウォーク (プラグインを使用する場合)。 電子メール、色、配置、画像などのスタイルで遊ぶことができます。
上記のメール テンプレート (Email Customizer Pro For WooCommerce プラグインで提供) とデフォルトの WooCommerce メールを比較します。 違いは簡単にわかります。
最初のメールから、ブランド イメージを推測できます。 私たちは、知覚する色やパターンに興奮する自然な素因を持っているからです. ブランドの色、フォント、言語を使用することで、一貫性が確立され、ブランドが強化されます。 独自のスワッグを作成します。
メール マーケティングに 1 ドルを費やすと、最大で38 ドルの収益が得られることが証明されています。
あなたの会社は、感情的なつながりの感覚から恩恵を受けます。 顧客は長期的にあなたの熱心なファンになります。 それはあなたのブランドにより多くの牽引力を与えます.
それはあなたのリコールに役立ちます。 また、関連商品やクーポン コードを含めると、追加の購入が発生する場合があります。
とはいえ、これらのカスタマイズされた WooCommerce トランザクション メールは、顧客とのフック ポイントです。 ベースオーディエンスをロックした瞬間、ビジネスは加速し、財務状況は有望に見えます。
コードを使用して WooCommerce メールをカスタマイズする方法は?
これらのメールをパーソナライズするプロセスについて説明します。
何をするのが楽しいですか？ プラグインを使用して開始することにより、簡単なアプローチをとります。 または、コーディングを試してみませんか?
どちらもこの記事で説明されています。
技術的な方法で WooCommerce メールをカスタマイズしましょう。 続いて、いくつかの人気のあるプラグインを見ていきます。
設定、フック、フィルターを使用して WooCommerce メールをカスタマイズする
これは万人のお茶ではありません。 プログラミングに詳しい人向けです。
コードを使用して電子メールをカスタマイズする方法は 2 つあります。
- 既存の WooCommerce メール テンプレートをカスタマイズする
- カスタム コードを使用して、新しい WooCommerce メール テンプレートを作成する
最初の方法について説明します。 2 番目の方法については、このブログを参照してください – カスタム WooCommerce メール テンプレートを作成します。
基本的に WooCommerce では、設定、オーバーライド、アクション/フィルター (フック) の 3 つの異なる分野でメールをカスタマイズできます。
- 設定: 背景色、文字色、ベース色を変更できます。 キャッチは、レイアウトと電子メール本文への変更を制限するという形で来ます.
- オーバーライド: メールのレイアウトを変更したい場合は、テンプレートの HTML を変更できます。
- フック: 上記の変更に加えて、レイアウトを乱すことなく、フックを介してコンテンツを追加することもできます。
3つのそれぞれについて詳しく学びましょう。
設定を使用した電子メール テンプレートのカスタマイズ
まず、メール テンプレートを個別にカスタマイズする方法を見てみましょう。
このためには、テンプレートの名前または右側のManage ] ボタンをクリックして、テンプレートを開く必要があります。
個々の電子メール テンプレートのコンテンツをカスタマイズできます。 電子メール テンプレートを開くと、そのいくつかの側面をカスタマイズできます。 これらは、画像に示すように得られるオプションです (礼儀 – LearnWoo.com)
- 有効化/無効化 - このチェックボックスを使用すると、この特定の電子メール通知を有効または無効にできます。
- 受信者 – この電子メールの送信先の電子メール ID を指定します。 コンマを使用して、複数の電子メール ID を区切ります。 これは、管理者の電子メールにのみ適用されます。
- 件名 – ここで電子メールの件名を指定します。 このフィールドでは、テキストまたはプレースホルダーを使用できます。 使用可能なプレースホルダーは次のとおりです。
- {ウェブサイト名}
- {サイトアドレス}
- {サイトのURL}
- {注文日}
- {注文番号}
- メールの見出し – メールの見出しを指定します。 上記と同じプレースホルダーがここにも適用されます。
- 追加コンテンツ – ここに追加したテキストは、メール本文に表示されます。 ここでもプレースホルダーを使用できます。
- 電子メールの種類 – 電子メールの形式を指定します。 使用可能な形式は次のとおりです。
- 平文
- HTML
- マルチパート
HTML テンプレート
見出し HTML テンプレートの下の設定の最後にオプションがあります。 ここに、この特定の電子メール テンプレートのコピーを編集できるファイル パスが表示されます。これをテーマ フォルダに貼り付けてオーバーライドできます。 ここには 2 つのボタンもあります。1 つはテンプレート ファイルをテーマにコピーするためのもので、もう 1 つはテンプレートのプレビューを表示するためのものです。
最後に、すべての詳細を追加したら、[ Save changes ] ボタンをクリックします。
これで、すべてのメール テンプレートに適用できるカスタマイズをさらに適用できます。 これらのオプションは、WordPress 管理パネルにログインし、 WooCommerce > Settings > Emails > Email sender options.
これらのオプションは次のとおりです。
- ヘッダー画像 – すべてのメールの上部に表示されます。 あなたのブランドのロゴでなければなりません。
- フッター テキスト – Web サイトのリンクまたは連絡先の詳細を追加して、顧客が簡単に連絡できるようにします。
- 基本色 – 見出し、リンク、メール タイトルの背景に使用する色。
- 背景色 – メールの背景色です。
- 本文の背景色 – メール コンテンツの背景色。
- 本文のテキストの色 – すべての書かれた電子メール コンテンツの色。
- ストア管理の洞察 – サインインして、ここで WooCommerce からストア管理の洞察を受け取ります。 チェックボックスをオンにして、これらの通知を有効にします。
このアプローチでは、
メール テンプレートのオーバーライド
もう 1 つの方法は、デフォルトの電子メール レイアウトを変更することです。 WooCommerce は、フォーマット ファイルをテーマに複製することで、メールの一部をカスタマイズできる便利なテンプレート システムを提供します。
すべての電子メール タイプには、そのコンテンツのテンプレート ファイルがあります。 (例: woocommerce/templates/emails/customer-processing-order.php )
11 個のデフォルトの WooCommerce メールのそれぞれのテンプレート ファイル名は次のとおりです。 各メールの目的は、記事の冒頭で既に説明されています。
- admin-cancelled-order.php
- 管理者-失敗した-order.php
- admin-new-order.php
- 顧客保留注文.php
- 顧客処理注文.php
- customer-completed-order.php
- customer-refunded-order.php
- 顧客メモ.php
- customer-invoice.php
- 顧客の新しいアカウント.php
- 顧客リセットパスワード.php
さらに、すべてのメール タイプがアクセスして使用できる共有テンプレートがあります。 これらはwoocommerce/templates/emails/にあります。
多くの場合、これは開発者がメールの共有部分を変更するためにオーバーライドするテンプレートです。
以下は、上記の電子メールを構成するさまざまな部分であり、それぞれカスタマイズ可能です。
- email-header.php = メールヘッダーを印刷/表示します。
- email-footer.php = メールのフッターを印刷/表示します。
- email-order-details.php = すべての注文の詳細を印刷/表示します - その注文の商品/品目、税金、送料、クーポン、支払いゲートウェイなど。
- email-order-items.php = 注文の商品詳細、つまりその注文の項目を印刷/表示します。
- email-downloads.php = 注文にダウンロード可能な製品が含まれている場合、これは、その注文のファイル名、ダウンロードへのリンク、有効期限、ダウンロード数などとともにその情報を印刷/表示します。
- email-customer-details.php = その注文の電子メール アドレスなどの顧客の詳細を出力/表示します。
- email-addresses.php = その注文の顧客の請求先住所と配送先住所を印刷/表示します。
- email-styles.php = メールに適用される CSS とプロパティが含まれています。 メールセーフである必要があります。
たとえば、フッターのテキストの色を変更したいとします。
- まず、WordPress インストールに次のディレクトリが存在することを確認します:
wp-content/themes/your-theme/woocommerce/emails. - 次に、
wp-content/plugins/woocommerce/templates/emails/email-styles.phpにあるファイルを次のストアのテーマにコピーします。
your-theme/woocommerce/emails/. - 最後に、
your-theme/woocommerce/emails/email-styles.phpを編集して、フッターのテキストの色を変更します。
#template_footer #credit {
ボーダー:0;
色: #66bae3;
フォントファミリー: Arial;
フォントサイズ:12px;
行の高さ:125%;
テキスト揃え:中央;
パディング: 0 48px 48px 48px;
}
上記の例は、フッターのテキストの色を変更する方法を示しています。 同様に：
- 処理中のメールにテキストを追加/編集するには、'customer-processing-order.php' メール テンプレートをオーバーライドして変更します。
- すべての注文の配送先住所を表示したくない場合は、'email-customer-details.php' メール テンプレートをオーバーライドします。
- メールのデザインを美しくするには、「email-styles.php」メール テンプレートを上書きし、カスタム CSS を追加します。
- 迅速な配送、より良いサポート、安全な支払いなど、ブランドの信頼バナーを含めるには、「email-footer.php」メール テンプレートをオーバーライドします。
フックによる条件付きカスタマイズ
メールをカスタマイズするこのアプローチは、WooCommerce カスタム コードを扱います。 明らかに、PHP の高度な専門知識が必要です。
ただし、元の WooCommerce レイアウトがまだ使用されているため、プロセスは簡単です。 このプロセスには、コンテンツの一部の変更が含まれます。
たとえば、選択した配送方法を注文メールに追加するとします。
woocommerce_email_after_order_tableまたはwoocommerce_email_before_order_tableを使用してコンテンツを追加できます。
add_action( 'woocommerce_email_after_order_table', 'sa_add_shipping_method_
to_order_email', 10, 2 );
関数 sa_add_shipping_method_to_order_email( $order, $is_admin_email ) {
echo '送料:' . $order->get_shipping_method();
}
これらの方法は、選択したテーマと密接に関連していることを忘れないでください。 したがって、テーマを変更するときは、変更したテンプレート ファイルまたは追加したアクションも新しいテーマに移動する必要があります。
それでは、簡単な方法に移りましょう。
WooCommerce メール カスタマイザー プラグインを使用してメール テンプレートをカスタマイズする
クライアントの興味をそそる新しいことに挑戦してみませんか？ パーソナライズされたメールを送信して、笑顔で気分を良くしましょう。 すぐに利用できる場合はなおさらです。
現在、市場には数多くのプラグインがあります。 2022 年に向けて、人気のある 6 つの WooCommerce メール カスタマイザー プラグインのリストを作成しました。
それぞれの機能と価格を見てみましょう。
WooCommerce のメール カスタマイザー プロ
顧客がコンテンツで絶え間なく攻撃を受ける世界では、最もコストのかかる要素は「アテンション スパン」であり、それを捉えることができれば、素晴らしいメールを送信していることになります。 それが、Email Customizer Pro for WooCommerce プラグインがお手伝いできることです。
このプラグインを使用すると、11 個のデフォルトの取引用 WooCommerce メール / WooCommerce 注文メール テンプレートすべてを、コードを 1 行も書かずに簡単にカスタマイズできます。 このプラグインは、WooCommerce 拡張機能の公式開発者である StoreApps によって開発されました。
メールのテキスト、色、ヘッダーとフッターの編集、カスタム リンクの追加、ソーシャル ネットワークへのリンクの追加ができます。 すべて使い慣れたWordPress カスタマイザー インターフェイスを使用します。
WooCommerce サブスクリプションのメールもカスタマイズできます。
WooCommerce プラグイン用の Email Customizer Pro の既製のメール テンプレートは次のようになります。
ライブデモを試す
ハイライト:
- 5 つの既製のテンプレートから選択できます。 設計上の問題はありません。 テンプレートを選択すると、使い慣れた WordPress カスタマイザが表示され、そこでメールを変更できます。
- メール本文を変更します。 これは USP プラグインです。 既存の情報を編集したり、独自の情報を追加したりできます。 デフォルトのメール注文メッセージ、ヘッダー、小見出し、結びのコメントはすべて変更できます。 写真、動画リンク、クーポン、ブログ投稿リンクを含めます。 フィードバックやレビューを求める場合もあります。
- プラグインが優れているもう 1 つの領域は、製品の推奨セクションです。 アップセルとクロスセルで売り上げを伸ばすには、差し込みタグを使用して、類似の製品をメール内にすぐに表示します。
- その後、ヘッダーの色、ヘッダーのテキストの色、ヘッダーのテキストを含むヘッダーのスタイルをカスタマイズできます。 ヘッダー スペースには、会社のロゴを配置できます。
- 一方、メニュー バーには、最大 5 つのパーソナライズされたリンクを表示できます。 これらのリンクを使用して、クライアントをオファー ページ、製品ドキュメント、特別なメンバーシップ プラン ページなどに誘導します。
- フッター用のメールのフッター部分にテキストを追加できます。 パーソナライズされたメッセージまたは HTML の場合があります。 ブランドのプロフィールへのリンクを含む 3 つのソーシャル メディア アイコンを含めることができます。 メールで最も一般的に使用されているアイコンは、Facebook、YouTube、および Instagram のようです。
- 背景色、メールの枠線の色、メールの本文の色など、メールの背景の色を変更することもできます。
- メールがさまざまなデバイスでどのように表示されるかをリアルタイムで確認できます。
- 顧客にテスト メールを送信して、顧客の受信トレイにどのように表示されるかを確認します。 すべてが正常に機能していることと、何も壊れていないことを確認してください。
独自のブランド アイデンティティを切り開く準備が整いました。
価格： 79ドル
Email Customizer Pro プラグインを入手
WooCommerce メール カスタマイザー
WooCommerce チームによって開発された WooCommerce メール カスタマイザー プラグインには、メール テンプレートのデザインを視覚的に変更できる WordPress カスタマイザーが組み込まれています。 コーディングの知識は必要ありません。
ただし、このプラグインはメールのデザインのみをカスタマイズし、メールのテキストやコンテンツはカスタマイズしないことに注意してください。
価格： 79ドル
WooCommerce Email Customizer プラグインを入手
ThemeHigh による WooCommerce のメール カスタマイザー
これは、人気のある WooCommerce メール カスタマイザー プラグインでもあります。 WordPress.org にはプラグインの無料バージョンとプレミアム バージョンがあります。
ハイライト:
- 変更のライブプレビューを見る
- 電子メール テンプレートに行を無制限に追加する
- さまざまなメール要素を追加します (基本、Woocommerce、およびフック)
- テスト メールを送信する
価格: $39
このメール カスタマイザー プラグインを入手する
WooCommerce のビジュアル メール デザイナー
ドラッグ アンド ドロップ機能を備えたもう 1 つの WooCommerce メール カスタマイザー プラグイン。 WordPress.org の無料版とプレミアム版があります。
ハイライト:
- 製品ベースおよびカテゴリベースのメールを送信します。
- 各 WooCommerce 注文メールにデジタル署名を埋め込みます。
- テスト メールを送信して、メールが顧客のメールボックスにどのように配信されるかを確認します。
- 独自の件名を作成します。
価格: $99
Visual Email Designer プラグインを入手する
WooMail – WooCommerce メール カスタマイザー
WooMail は、CodeCanyon で人気のあるメール カスタマイザ プラグインです。
ハイライト:
- 定義済みのテンプレートとブロック
- ドラッグ アンド ドロップで、コーディングは不要です。
- ライブプレビュー
- テスト メールを送信する
価格: $39
WooMail プラグインを入手する
YITH WooCommerce メール テンプレート
YITH WooCommerce Email Templates プラグインは、メッセージをよりプロフェッショナルな外観にするためのテンプレートを提供します。
ハイライト:
- ロゴとカスタマイズされたリンクを追加する
- 色とタイポグラフィを変更する
- ソーシャル メディア リンクを追加する
- メール本文から商品画像を削除する
ただし、利用可能なライブ プレビューはありません。
価格: $80
YITH WooCommerce Email Templates プラグインを入手
カスタマイズされた WooCommerce メールを使用する利点
何よりも、とても簡単です。 テンプレートは事前に定義されているため、店舗の所有者は取引が発生するたびにテンプレートを作成することを心配する必要はありません。
- 視覚的に魅力的で美的なメールデザイン
- カスタマイズされたテーラーメイド
- 電子メールをインタラクティブにする範囲
- 魅力的な電子メールはビジネスを強化し、通常は売上高を増加させます
- 顧客エンゲージメントの強化
- 単調なメールに終止符を打つ
- ダイナミックですぐに利用可能
カスタマイズされた WooCommerce メールの最大の利点は、店舗の所有者やマーケティング担当者の生活を楽にするレスポンシブなデザインです。
おすすめの WooCommerce メール カスタマイザー プラグインは…
要約すると、Email Customizer Pro for WooCommerce は他とは異なって際立っています。 これは、高品質で適応可能な機能を含む包括的なパッケージです。
一目見ただけで、顧客にポジティブな雰囲気が生まれます。 驚くほどデザインされ、創造的にカスタマイズ可能なこのプラグインは、WooCommerce ユーザーにとって必須です。
メールにスパイスのきらめきを追加します。 顧客は自由にスペースを利用してブランドを感じ、あなたとのつながりを深めることができます。 数回クリックするだけで、贅沢な結果をもたらす素晴らしいメールを作成できます。
Email Customizer Pro プラグインを入手
今すぐメールのカスタマイズを始めましょう
この重要なアドバイスをさせてください。 私の意見では、電子メールはラブレターに似ています。 また、誰かを雇ってニュースレターをデザインしてもらったり、無制限のデザイン サービスから 1 つを選んで依頼することもできます。
私たちは、クライアントがブランドを感じ、私たちが望む方法でそれを認識し、私たちのブランド イメージを採用して、それが彼らの思考に浸透し、いつまでも存在できるようにしなければなりません。
そして、私の意見では、ビジネスを行うことは、顧客との長期的な関係を維持することです。