WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

電子商取引を行うウェブサイトチェックアウトページは重要な側面の一つです。結局のところ、これは注文した後の顧客の最終目的地です。もしウェブサイトがWooCommerceのチェックアウトページが使いにくいもしかしたらかける購入者は購入を断念し、サイトに悪い印象を残すかもしれません。

効果的でコンバージョンの高いチェックアウトページはすべて違って見えます。チェックアウトページのスタイル、構造、フィールド数歌で応えるその他の機能業種や製品の種類によって異なります。 

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

例えば単品アカウントを作成する必要はありません!ワンページ・チェックアウトそれが最善の選択です

しかし、もし売上がレンタル予約必要な場合があります。マルチステップチェックアウトこれは、予約に必要な顧客詳細を収集するための様々な追加フィールドを含む、予約が行われる最初の時間です。 

サブスクリプション・ベースでソフトウェアを販売する場合、顧客は自分のキーにアクセスし、サブスクリプションの更新を管理できるようにアカウントを作成する必要がある場合があります。

 注目してほしい:コードを使ってチェックアウトページを手動でカスタマイズしたい場合は、まず子テーマをインストールし、子テーマファイルにコードを追加するのがベストです。子テーマを使うことで、テーマが更新されるたびにコードの変更が保存されます。メインテーマファイルへの変更の上書き.この方法がわからない場合は、以下の記事をご覧ください。サブトピックの作成この記事は参照できます。

WooCommerceのチェックアウトページをカスタマイズする理由

WooCommerceのチェックアウトページをカスタマイズする最終的な目標は、より多くの購入者をコンバートし、平均注文金額(AOV)を増加させることです。しかし、デフォルトのWooCommerceチェックアウトページとごかんけいせいぼおんの間を保証することは必ずしも可能ではありません。チェックアウトの最適化.お店のオーナーによってニーズもお客様の期待も違うからこそ、カスタマイズが必要なのです。 

しかし、購入プロセスが迅速かつスムーズになるように、チェックアウトページをデザインする一般的な必要性があります。また、チェックアウトページは見やすく、ウェブサイトの他の部分と同じスタイルにすることで、体験を最適化することができます。 

購入者のニーズを考慮することも重要です。チェックアウトの際に、以下のような情報を提供することで、購入者のニーズに応えることができます。顧客固有のメリットオプション (例えば、複数の支払い方法、配送オプション、ロイヤルティプログラムへの登録が可能です。)、顧客は自分のニーズに合った選択をすることができます。 

WooCommerceのチェックアウトページは、EメールやSMSなどのマーケティングチャネルに顧客を誘導する絶好の機会です。

WooCommerceチェックアウトページのカスタマイズタイプ

これらの問題に対処するために、WooCommerceのチェックアウトページテンプレートにどのようなカスタマイズが可能でしょうか?私たちは、そのプロセスを5つのタイプのカスタマイズゴールに分類し、それらを達成する方法について詳しく説明します。

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

1.ユーザープロセスとチェックアウト効率の向上 

顧客はチェックアウトに時間をかけたくありません。実際、18%の顧客はチェックアウトのページが複雑すぎる場合は離脱し、25%の顧客はアカウントを作成しなければならない場合は離脱しています。 

これは次のようにして行うことができる。チェックアウトプロセスをカスタマイズする複数の方法買い物のスピードアップ

チェックアウトフィールドの数を最小限に

顧客がチェックアウトフォームに入力しなければならない情報が多ければ多いほど、イライラさせることになります。良いニュースは、多くのブラウザがユーザー名、住所、過去に購入したクレジットカード情報などのデータを保存できます。.ただし、これはユーザーがこの機能を有効にすることを選択した場合に限られます。表示されるフィールドの数を制限し、顧客が入力する必要のあるフィールドの数を制限することを常に試みるのが最善です。

いくつかの方法があります。フィールド数の削減を使ってチェックアウトプロセスを改善することができます。WooCommerceのチェックアウトページはブロックエディタテーマがブロック編集をサポートしていない場合は、カスタマイザーを使用することができます。またプラグインかもカスタム関数は子テーマのfunctions.phpファイル真ん中だ。

ブロックエディタを使ってWooCommerceのチェックアウトフィールドを編集または削除する方法:

ブロックテーマを使用している場合、この操作は外観 → エディター → ページ → チェックアウト、サイトエディターを使ったフィールドの編集WordPressのダッシュボードに移動してページ → チェックアウト 

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

ブロックエディタでは、編集や削除ができるのは一部の要素だけです。これらの要素には以下が含まれます: 

  • 注文備考
  • ご利用条件
  • クーポンコード
  • 電話番号
  • 会社名
  • 住所2(フラット番号、スイートなど)
  • 章のタイトルとステップ番号
  • 章の説明
  • ショッピングカートのリンクに戻る

上記のすべてのオプションをブロックエディタから削除すると、カスタムWooCommerceチェックアウトページは以下のようになります。

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル
カスタマイザーを使用してWooCommerceのチェックアウトフィールドを削除または編集する方法:

テーマによってはアジャスターいくつかのフィールドを非表示にします。カスタマイザーには、ブロックエディターよりも少ないカスタマイズオプションがあります。 

WordPressダッシュボードの外観 → カスタマイザーその下に、WordPressウェブサイトをカスタマイズするためのさまざまなオプションがあります。左側のメニューからWooCommerce → チェックアウト.

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

ここでは会社名そして住所2行目歌で応える電話フィールドを設定することができます。を設定することも可能です。プライバシーポリシーフィールドを空白のままにしておくと、チェックアウトページから削除されます。 

WooCommerce Checkout Field Editorプラグインでフィールドを削除・編集する方法

より高度なオプションについては、WooCommerceのチェックアウトフィールドを削除、追加、編集する特別に設計された拡張機能を試してみることをお勧めします。この例ではチェックアウトフィールドエディタ延長。

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

Checkout Field Editorエクステンションでは、3つの異なるエリアでフィールドを編集、削除、追加することができます:請求フィールドそして輸送分野歌で応える追加フィールド.各エリアでフィールドが追加、編集、削除されると、チェックアウトページの特定のエリアに表示されます(または表示されなくなります)。

これは、各行の左側にあるチェックボックスにチェックを入れて無効/削除ボタンをクリックしてフィールドを無効にします。

コアフィールド(紫色でハイライトされています)を無効にすると、チェックアウトで問題が発生したり、これらのフィールドに依存している他のプラグインと競合する可能性があることに注意してください。

PHP関数を使用してWooCommerceのチェックアウトフィールドを削除または編集する方法:

注意: これはチェックアウトページが [woocommerce-checkout] ショートコードを使用している場合にのみ機能します。ブロックエディタで作成されたチェックアウトページでは動作しません。

WooCommerceのチェックアウトページがブロックエディタでカスタマイズされていない場合、チェックアウトフィールドはコードを使用して削除または編集することができます。PHP操作と関数は子テーマのfunctions.phpドキュメンテーション

SFTP サービスを使用します。ファイルジラもしかしたらサイバーダック)サブトピックをサーバーからダウンロードしてfunctions.php書類.テキストエディタで編集可能functions.php.

あるfunctions.phpファイルに、削除したいフィールドのコードを追加します。例えば、チェックアウトページから電話番号フィールドを削除してみましょう。

add_filter( 'woocommerce_checkout_fields', 'remove_checkout_phone_field' );

function remove_checkout_phone_field( $fields ) { { { { { $fields )

unset( $fields['billing']['billing_phone' ] );

return $fields;

}

以下は、編集効果を示す請求フィールドエリアのビフォーアフター比較です:

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

チェックアウトページにヘッダーナビゲーションやウェブサイトのフッターを表示することは便利ですが、気が散ってユーザーの離脱につながる可能性が高くなります。チェックアウト時にサイトのロゴをヘッダーに表示することで、一貫したブランド体験を保証しますが、購入者がチェックアウトページから離れる原因となる可能性のあるその他のコンテンツは削除する必要があります。 

ブロックエディタをサポートしているテーマを使用している場合、WooCommerceチェックアウトページで使用するフルサイトエディタ経由で新しいチェックアウトテンプレートを作成することで、ヘッダーとフッターを編集または削除することができます。ページビルダープラグインを使用している場合、チェックアウトテンプレートを作成する簡単な方法があるかどうかドキュメントを確認してください。多くの人気のあるWordPressページビルダープラグインはそのようなオプションを提供しています。 

カスタムCSSやPHPを使って、特定のページのヘッダーやフッターを完全に隠すことも可能です。

この例ではTwenty Twenty-FourテーマサイトエディタでWooCommerceチェックアウトページからヘッダーとフッターを削除します。

WordPressダッシュボードのページセクションでチェックアウトページを編集してブロックエディタを使ってこれらの変更を行うことはできません。ブロックエディタにアクセスするには外観 → 編集 → テンプレート → WooCommerce → ページ:チェックアウト次に、鉛筆アイコンをクリックしてテンプレートを編集し、実際にWooCommerceチェックアウトページのテンプレートを編集します。

ヘッダーとフッターのブロックをクリックし、削除してください。変更を保存してください。

テーマがブロックエディタやその他のドラッグアンドドロップエディタツールを使ってWooCommerceチェックアウトページをカスタマイズする簡単な方法を提供していない場合、CSSを使ってカスタムチェックアウトページのヘッダーとフッターを隠すことができます。

.page-id-11 #header, #footer{.

display:none;

}

.page-id-11の上の位置に、.page-id-の後にページID番号を挿入します。

このコードをサイトエディター (または、テーマが完全なサイト編集をサポートしていない場合は、カスタマイザー) を子テーマの追加CSSフィールドに追加するか、直接style.cssファイル真ん中だ。

注意: これはブロックエディタを使用するチェックアウトページには影響しません。

PHP関数を使用してカスタムチェックアウトページのヘッダーとフッターを削除したい場合は、以下のコードスニペットをfunctions.phpファイル真ん中だ:

関数 remove_header_footer_from_checkout() {

if(is_checkout()){ ?>
header { display:none; }?
フッター { display:none; }

<?}
}

add_action( 'wp_header', 'remove_header_footer_from_checkout');

便利な支払い方法の提供

ウェブサイトを作るときは、顧客のことを考えましょうご希望のお支払い方法非常に重要です。信頼できる支払処理業者を使用し、デジタルウォレット、暗号通貨、またはサードパーティの支払いプランなどの便利な代替手段を提供することで、顧客がチェックアウトしやすくなります。 

使用する決済ゲートウェイは、ビジネスの所在国、受け入れたい通貨、顧客の居住地によって異なります。WooCommerceエクステンションライブラリだけで70の支払い延長オプション.

一般的な決済代行業者には次のようなものがあります。WooPayments(ウーペイメントデジタルウォレットのオプションには以下が含まれます。ペイパル詳しくはWooCommerceストアをご覧ください。Affirm、Klarna、Afterpay、そしてPayPalのPay Later機能は実績と信頼があり、WooCommerceショップに簡単に統合できます。

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

保存された顧客情報を事前に入力し、ゲストによるチェックアウトを可能にします。

セラーにとって、買い物客は手間をかけずにアカウントを作成できます。ログインしたユーザーは、注文履歴や利用可能なダウンロードを閲覧したり、クレジットカード情報を保存・編集したり、請求先の詳細や配送先住所を更新したりすることができます。

ブラウザベースのオートフィル

Google、Safari(iCloud経由)、Firefoxアカウント(その他)はすべて、ユーザー名、パスワード、クレジットカード情報、住所情報を保存する自動入力機能を備えています。Google、Safari(iCloud経由)、Firefoxのアカウントはすべて、ユーザー名、パスワード、クレジットカード情報、住所情報を保存する自動入力機能を備えています。オンライン決済プロセス中に関連するフィールドをクリックすると、ブラウザが以前に保存した情報に基づいて自動入力オプションを提案します。

自動入力プラグイン

見込み客がブラウザの自動入力機能を使用しない場合は、いつでもGoogleによる顧客住所の自動入力などの拡張機能は、ユーザーのIPアドレスに基づいてアドレスフィールドを事前に入力します。 

デジタルウォレットに保存された支払い詳細

もうひとつの支払い方法は、デジタルウォレットです。Google Pay、PayPal、Venmo、Apple Payなどのアカウントには、支払いに関する詳細や請求情報が含まれており、ショップのチェックアウトをスピードアップするのに役立ちます。 

ゲストによるチェックアウトは簡単にできるようになりましたが、チェックアウト時にアカウントを作成するオプションを顧客に提供するにはどうすればよいでしょうか?

あるWooCommerce → 設定 → アカウントとプライバシーとても簡単です。

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

ダニ顧客がアカウントなしで注文できるようにする.次に顧客がチェックアウト時にアカウントを作成できるようにします。をクリックし、変更を保存します。

マルチステップチェックアウトまたはシングルページチェックアウトをご検討ください。

一番簡単なのは、ユーザーにぴったり合う1ページのチェックアウトページをデザインすることです。しかし、これは常に利用できるわけではありません。

例えば、モバイルでは、シングルページのチェックアウトは、過剰なフィールドがなくても、多くの煩わしいスクロールを必要とします。加えて、もしチェックアウトが販売商品または、より多くのステップを必要とするタイプのサービス(複数属性の商品)の場合、シングルページのチェックアウトは、コンピュータ上でも面倒な場合があります。 

この問題の解決策は、マルチステップアプローチを使用してWooCommerceのチェックアウトページをカスタマイズすることです。マルチステップチェックアウト (各ステップのフィールドがデバイスビューポートにフル表示されます。)は、顧客にとって購入プロセスをスムーズにし、注文完了までの進捗状況を把握するのに役立ちます。 

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

フラックス WooCommerceのチェックアウトExtensionは優れたマルチステップチェックアウトソリューションです。これを使用すると、チェックアウトのプロセスを管理しやすい部分に分割し、各ステップのフィールドの数をカスタマイズし、さらにはジオロケーションを使用して顧客の住所フィールドを自動入力することができます。

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

プロセスの各ステップが完了すると、その情報が保存され、支払いが完了するまで自動的に次のステップに進みます。

あるいは、チェックアウトフォームを直接商品ページに移動し、1ページのチェックアウトプロセスを設定することもできます。これは最も製品数が少ないサイトに最適または、デジタル広告キャンペーンに直接リンクする、ターゲットを絞ったランディングページを作成したい場合。

WooCommerceによるWooCommerceのためのOne Page Checkoutエクステンション。

を使用することができます。WooCommerceワンページチェックアウトExtension.WooCommerce One Page Checkoutはウェブサイト上のどこにでもチェックアウトフォームを設置することができます。それは"製品データ"タブをクリックするか、WordPressのエディターでショートコードを次のように手動で変更します。[woocommerce_one_page_checkout]。任意のページ、投稿、カスタム投稿タイプに追加します。

WooCommerce製品1ページチェックアウトオプション。

チェックアウトフォームは、指定されたページに直接表示され、お客様の迅速なチェックアウトをサポートします。

サングラスの商品ページには「クーポン」が付いています。

対象注文に自動的にクーポンを適用

デフォルトのWooCommerceチェックアウト体験では、顧客がクーポンコードを適用するためのフィールドがあります。

対象となる購入にクーポンを自動的に適用することで、このような事態を避けることができます。または、注文に適用される可能性のある複数のクーポンオプションがある場合、顧客が選択できるようにWooCommerceのチェックアウトページに表示することもできます。 

WooCommerceのクーポンのデフォルトオプションには、顧客のカートに自動的にクーポンを適用する設定や、チェックアウト時に利用可能なクーポンを表示する設定は含まれていません。スマートクーポンExtension この機能を有効にします。

WooCommerceクーポンフィールドオプションが表示または自動的に適用されます。

スマートクーポンをインストールしたらマーケティング → クーポンをクリックし、新しいクーポンを作成するか、チェックアウトページに表示させたい、または自動的に適用させたいクーポンを選択してください。

あるクーポンデータ → 一般次にショッピングカート、チェックアウト、マイアカウントに表示しますか?にチェックを入れてください。クーポンを自動的に適用させたい場合は自動アプリケーション?にチェックを入れ、変更を保存します。

これにより、お客様はクーポンコードを覚える必要がなくなり、より早く購入手続きを完了することができます。

オフィスで表計算ソフトを操作する男性。

ページロード時間の短縮

これは必ずしもWooCommerceのチェックアウトページのカスタマイズではありませんが、WordPressサイトが高速なロード時間のために最適化されていることを確認することで、チェックアウトプロセスを迅速かつ簡単にすることができます。たとえキャッシュ・プラグイン歌で応えるコンテンツ・デリバリー・ネットワーク(CDN)、ショッピングカートやチェックアウトページは通常、キャッシュコンテンツを提供しません。

ウェブサイトでは、比較的静的なコンテンツを素早く提供するために、サーバーサイド・キャッシングやキャッシング・プラグインを使用することがよく推奨されています。しかし、訪問者のために非常に動的なページをキャッシュすることは望ましくないのは事実です(マイアカウント"、"ショッピングカート"、"チェックアウト "など。).

このようなことをすると、例えば、多くの問題が発生する可能性があります:

  • お客様がショッピングカートを更新できません
  • チェックアウトページで間違ったカートアイテムが表示される場合
  • 顧客のチェックアウト時に、他のユーザーアカウントからキャッシュされたチェックアウト情報を表示します。
  • 最近購入した商品がアカウントエリアに表示されません

そのため、デフォルトでは、WooCommerceとほとんどのキャッシュプラグインの最適化には、これらと他のものが含まれています。ダイナミックページキャッシュから除外されます。しかし、これは、他のサーバーサイドの最適化なしに、サイトの高速化のためにキャッシュプラグインやCDNに依存している場合、非キャッシュページ(チェックアウトページなど)は、あなたのサイトの残りの部分よりも遅く読み込まれる可能性があることを意味します。

2.チェックアウトページの外観の改善

WooCommerceのチェックアウトページはテーマのスタイルを継承することもできますし、デフォルトのWooCommerceスタイルを使用することもできます。どちらの場合でも、すぐに使えるチェックアウトの外観はすべてのウェブサイトに適しているわけではありません。 

チェックアウトページのスタイリングを変更し、ウェブサイトのブランディングと一貫性を持たせたり、フォントサイズを調整してフィールドラベルを読みやすくすることもできます。または、フィールドラベルを完全に削除し、プレースホルダーテキストでフィールドをマークアップすることでスペースを節約することもできます。

WooCommerceの配送情報フォームを並べてみました。一方はフィールドラベルを使用し、もう一方はプレースホルダを使用しています。

ブロックベースのチェックアウトフォームからフィールドラベルを削除するには、次のCSSを子テーマのstyle.cssファイルフルサイトエディタまたはを Append CSS フィールドに入力します。

components-form .wc-block-components-text-input label, .wc-block-components-text-input label {.

display:none;

}

.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-combobox:focus-within .wc-block-components-combobox-controlラベル.components-base-control__label、 .wc-block-components-フォーム .wc-block-components-combobox.is-active .wc-block-components-combobox-control ラベル.components-base-control__label, .wc-block-components-form .wc-block-components-combobox:focus-within .wc-block-components-combobox-control ラベル.components-base-control__label を参照してください。{

   display: none;

}

しかし、入力フィールドを完全に空のままにしたくない場合は、子テーマのfunctions.phpファイル以下のように、プレースホルダー・テキストをカスタマイズするコード・スニペットを追加します:

add_filter( 'woocommerce_checkout_fields' , 'override_placeholder_text_checkout_fields', 20, 1 );

関数をオーバーライド_プレースホルダ_テキスト_チェックアウト_フィールド( $fields ) {。

$fields['billing']['billing_email']['placeholder'] = 'メールアドレス ';
 $fields['billing']['billing_first_name']['placeholder'] = 'ファーストネーム '; $fields['billing']['billing_last_name']['placeholder'] = 'ラストネーム '; $fields['billing']['billing_last_name']['placeholder'] = 'ラストネーム '= 'Last Name '; $fields['billing']['billing_postcode']['placeholder'] = 'Postcode ';
$fields['billing']['billing_city']['placeholder'] = '市町村 '; $fields['shipping']['shipping_first_name']['placeholder'] = 'First Name '; $fields['shipping']['shipping_last_name']['placeholder'] = 'Last Name '; $fields['shipping']['shipping_postcode']['placeholder']] = '郵便番号 '; $fields['shipping']['shipping_city']['placeholder'] = '市町村 *';

$fields を返します;
}

CSS、アクション、フィルタを組み合わせて、どのような面でも設定することができます。レイアウト、フォント、配色、フィールドやボタンのサイズを試してみてください。チェックアウトページが見やすく、アクセスしやすいことをお忘れなく。 

3.顧客満足度の向上とロイヤルティの醸成

ショップのチェックアウトプロセスを合理化することは重要ですが、より良いユーザーエクスペリエンスを提供するためにチェックアウトページに追加できる改善点があります。配送オプション、追加商品の注文、ポイントや特典を獲得する機会を提供することができます。 

チェックアウトフォームは、チェックアウト時にそれらを強調しながらも、スペースをほとんど取らないオプションでスタイリングすることができます。もちろん、これらのフィールドのほとんどは完全にオプションであるべきです。

チェックアウト方法を変更する方法をいくつか詳しく見てみましょう。

幅広い配送オプションをご用意しております。

60%を超えるお客様は、追加料金の対象となります。運賃、税金歌で応えるその他の費用購入の断念23 %の顧客は、納期が遅すぎると感じると購入を断念します。

これは、WooCommerce → 設定 → 配送 で行うことができます。をクリックし、編集したい配送エリアを選択します。

WordPressダッシュボードのWooCommerce出荷設定。

無料配送方法を有効にし、変更を保存します。別の配送方法を追加したい場合お急ぎの場合をクリックします。配送方法の追加を選択し固定料金での配送.配送方法名を選択し、送料の課税・非課税を選択し、送料を入力します。

WordPressバックエンドのWooCommerce定額配送設定。

新しい配送方法を作成し、保存します。

WooCommerceのOrder Deliveryを利用することで、無料配送オプションや迅速配送オプションに加え、顧客が配送日時を指定することも可能です。このような機能は、レストラン、花屋、または地域配送サービスを提供するその他のビジネスを運営している場合に特に便利です。 

WooCommerceバナー用の注文配信拡張機能です。

以下は、WooCommerceの注文配信を使用して実行できるアクションの一部です:

  • 配達日セレクタを表示
  • お届け予定日を表示
  • 顧客が配達時間帯を選択できるようにします。
  • 各輸送手段の配達時間帯の定義
  • 作業の過負荷や納期の遅れを防ぐため、特定の日付や時間帯に納品できる注文数を制限します。
  • 特定の配達日や時間帯を指定した場合、顧客に追加料金を請求
  • 配送が不可能な日時の指定(土日祝日など)

便利な配送や配達のオプションを顧客に提供することで、買い物客は自分の体験を大切にしていると感じることができます。

チェックアウト・アドオン

会計時にオプションサービスを提供することは、顧客満足度を高める素晴らしい方法です。これは注文備考欄を使って行うことができますが、これには多くの欠点があります。

"に頼るのであれば注文備考「特に、お客様が複数の特別なサービスをリクエストされた場合などです。また、追加サービスの料金を請求することもできません。さらに、何人の顧客がそれぞれの追加サービスをリクエストしたかをきちんとカウントすることもできません。

WooCommerceバナー用Skyvergeチェックアウトプラグイン。

チェックアウト・アドオンを管理する最良の方法はWooCommerceチェックアウトアドオン拡張機能。WooCommerceチェックアウトアドオンを使用すると、次のことができます:

  • 無料または有料サービスの提供刻印やその他の名入れサービス、輸送保険、社用ギフト、迅速な処理など
  • ギフトオプションの追加例えば、贈り物のメモ、ラッピング、領収書など。
  • ヒントをどうぞ。
  • ファイルアップロードの受付

WooCommerceのチェックアウトページのフィールド数を監視するために、カートの小計、カート内の特定の商品、または別のアドオンの値に基づいてアドオンを条件付きで表示することができます。 

バリュー・プロポジションをアイコンと見出しで表現。

チェックアウトに信頼マークを追加する(またはしない)

顧客が買い物をあきらめるもう一つの大きな理由は、クレジットカード情報を提供するサイトが信用できないことです。サイトが安全でないと感じれば、顧客は支払いをしません。 

ますます多くのホスティングプロバイダーが、現在のウェブ標準 (2017年以降、Googleはセキュリティ証明書のないウェブサイトを安全でないとマークしています。).

WooCommerceチェックアウトページのカスタマイズ: 完全なチュートリアル

4.サブスクリプション顧客のマーケティングチャネル

WooCommerceのチェックアウトページのもう一つの目標は、EメールマーケティングやSMSなどのリマーケティングチャネルにオプトインするよう顧客を誘導することかもしれません。 

すでにメールマーケティングプラットフォームを使用している場合、WooCommerceとの統合が可能です。これらの統合のほとんどは、チェックアウトページにオプトインチェックボックスを追加する機能を持っています。例えばメール詩人この設定とカスタムオプトインメッセージが含まれています。

MailPoet 設定 WooCommerce オプトイン表示オプション。

顧客にSMSで注文の最新情報や特別オファーを受け取るようオプトインしてもらいたい場合はWooCommerce SMS.この拡張機能は、WooCommerceチェックアウトページの電話番号フィールドの下にオプトインチェックボックスを追加します。

WooCommerceチェックアウトの顧客情報(電子メール、電話など)。

チェックアウトページは、お客さまがお店を去ってしまう前に、お客さまと連絡を取り合う最後のチャンスです。もし、お客様が何度も足を運んでくれるようにしたいのであれば、コミュニケーションを続けるためにサインアップする機会を与えましょう。

サイトによっては、特定のビジネスニーズや法的義務を満たすために、チェックアウトページのフィールドを追加またはカスタマイズする必要がある場合があります。

例えば、以下のような生きた動物を輸送する場合アンクル・ジムのミミズ農場ご注文の発送方法、発送時期、配送時間、免責事項などの情報を追加する必要がある場合があります。

アイコン、見出し、段落を使用した顧客向けの輸送情報。

お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間:月~金、9:30~18:30、祝日休み
投稿者:photon fluctuations、リツイート(帰属表示付き):https://www.361sale.com/ja/21256/

好き (0)
前へ 6日前
次のページ 5日前

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat