WooCommerceストアに登録フォームを追加する方法
公開: 2021-08-18
今回は、WooCommerceストアとショッピングプラットフォームに登録フォームを追加するための最も簡単な方法を紹介します。
上のユーザーフレンドリーな登録フォームは、あらゆる種類のWebサイトに必要な重要な部分の1つです。 ホテルや旅行代理店、サービス提供、または商用Webサイトを所有しているかどうか。
潜在的および見込み客に登録フォームを提供して、個人データやその他の詳細を登録フィールドに入力し、サービス、製品、サブスクリプション、プランなどを送信する必要があります。
登録フォームとは何ですか？
登録フォームは、ユーザー情報を入力する必要がある一連のフィールドです。
全体として、これは、Webユーザー、クライアント、顧客、およびビジネス、店舗、会社、非営利団体などに何らかの形で関心を持っているフォロワーから必要な情報を収集するための理想的な方法です。
WooCommerceストアに登録フォームを追加するときに考慮すべきこと
ええと、何十ものウェブサイトやブログに登録することは、インターネットユーザーにとって最も楽しいプロセスではありません。
しかし、真実は、彼らがすでにそれに慣れていて、ほとんどの場合、彼らの基本的な情報をあなたに提供する準備ができているということです。
ただし、Web訪問者がサイトに登録する理由を説明することにより、登録フォームの真の価値を提供するように注意する必要があります。
あまり多くの情報を要求することを避け、論理フィールドのみを残し、理由を説明し、プライバシーとセキュリティのポリシーを正確で理解しやすいものにします。
商用Webサイトの登録フォームを最適化することが重要な理由
登録フォームの可用性と単純さがデータベース内のユーザー数を直接決定し、ユーザーがWebサイトとの関係を継続したいという願望に影響を与えること。
したがって、適切にフォーマットされ、適切に運用されている連絡フォームは、より多くのクライアントとより多くのビジネスチャンスをもたらす可能性があります。
さらに、シンプルで理解しやすく、完璧に機能する登録フォームをWooCommerceストアに追加することができれば、技術サポートを必要とする大量の手紙からあなたを救うことができます。
登録フォームをオンラインのWooCommerce環境に統合することの重要性を示したところで、技術的な観点からどのように統合できるかを理解しましょう。
WooCommerceストアに登録フォームを追加する方法
まず、WooCommerceバックエンド設定からフォームを有効にする必要があります。 WooCommerce、Settings、Accounts、EnableRegistrationのパスをたどります。 [[マイアカウント]ページで顧客登録を有効にする]の横にあるチェックボックスをオンにする必要があるウィンドウが表示されます。
ここでは、チェックアウトページにリピーターのログインリマインダーを表示したり、ユーザー名や顧客のパスワードを自動的に生成したりして、登録プロセスをよりユーザーに最適化するなど、他の設定も制御できます。
この設定部分が完了すると、登録フォームがフロントエンドに表示されます。つまり、WooCommerceに登録フォームを追加する努力は無駄ではありませんでした。
ご覧のとおり、追加したフォームは非常にシンプルで控えめです。 したがって、次のステップは、すでに有効にしている登録フォームにフィールドを追加することです。
姓名、電話番号、電子メール、パスワードなどの基本的なフィールドを追加する場合は、functions.phpファイルの最後に次のコードを挿入できます。
関数wooc_extra_register_fields（）{？>
<p class =” form-row form-row-wide”>
<label for =” reg_billing_phone”> <？php _e（ 'Phone'、 'woocommerce'）; ？> </ label>
<input type =” text” class =” input-text” name =” billing_phone” id =” reg_billing_phone” value =” <？php esc_attr_e（$ _POST ['billing_phone']）; ？>” />
</ p>
<p class =” form-row form-row-first”>
<label for =” reg_billing_first_name”> <？php _e（ '名'、 'woocommerce'）; ？> <span class =” required”> * </ span> </ label>
<input type =” text” class =” input-text” name =” billing_first_name” id =” reg_billing_first_name” value =” <？php if（！empty（$ _POST ['billing_first_name']））esc_attr_e（$ _POST [' Billing_first_name ']）; ？>” />
</ p>
<p class =” form-row form-row-last”>
<label for =” reg_billing_last_name”> <？php _e（ '姓'、 'woocommerce'）; ？> <span class =” required”> * </ span> </ label>
<input type =” text” class =” input-text” name =” billing_last_name” id =” reg_billing_last_name” value =” <？php if（！empty（$ _POST ['billing_last_name']））esc_attr_e（$ _POST [' Billing_last_name ']）; ？>” />
</ p>
<div class =” clear”> </ div>
<？php
}
add_action（ 'woocommerce_register_form_start'、 'wooc_extra_register_fields'）;
ページが更新されると、登録フォームに新しいフィールドが追加されます。
登録フォームを請求先住所に接続する場合は、フィールド名の前に「billing」というプレフィックスを追加する必要があります。 以下に、最も一般的に使用されるフォームフィールドを示します。
Billing_first_name、billing_last_name、billing_company、billing_address_1、billing_address_2、
Billing_city、billing_postcode、billing_country、billing_state、billing_email、billing_phone
次に、functions.phpファイルに追加する別のコードを使用して、フォームフィールドのデータを検証します。 データ検証には、以下のコード行を使用してください。
/ **
*フィールドの検証を登録します。
* /
function wooc_validate_extra_register_fields（$ username、$ email、$ validation_errors）{
if（isset（$ _POST ['billing_first_name']）&& empty（$ _POST ['billing_first_name']））{
$ validation_errors-> add（ 'billing_first_name_error'、__（ '<strong>エラー</ strong>：名が必要です！'、 'woocommerce'））;
}
if（isset（$ _POST ['billing_last_name']）&& empty（$ _POST ['billing_last_name']））{
$ validation_errors-> add（ 'billing_last_name_error'、__（ '<strong>エラー</ strong>：名前が必要です！。'、 'woocommerce'））;
}
$ validation_errorsを返します。
}
add_action（ 'woocommerce_register_post'、 'wooc_validate_extra_register_fields'、10、3）;
このコードは、$ _ POST配列でフォーム値をチェックし、値が存在しないかデータが無効である場合は常にエラーメッセージを含めます。
最後に、これらの値をデータベースに保存する必要があります。 値が検証されたらすぐに、functions.phpで次のコードを使用して、データベースに値を挿入する必要があります。
/ **
*以下のコードは余分なフィールドを保存します。
* /
function wooc_save_extra_register_fields（$ customer_id）{
if（isset（$ _POST ['billing_phone']））{
// WooCommerceで使用される電話入力ファイル
update_user_meta（$ customer_id、 'billing_phone'、sanitize_text_field（$ _POST ['billing_phone']））;
}
if（isset（$ _POST ['billing_first_name']））{
//デフォルトの名フィールド
update_user_meta（$ customer_id、 'first_name'、sanitize_text_field（$ _POST ['billing_first_name']））;
// WooCommerceで使用される名フィールド
update_user_meta（$ customer_id、 'billing_first_name'、sanitize_text_field（$ _POST ['billing_first_name']））;
}
if（isset（$ _POST ['billing_last_name']））{
//デフォルトの姓のフィールド
update_user_meta（$ customer_id、 'last_name'、sanitize_text_field（$ _POST ['billing_last_name']））;
// WooCommerceで使用される名前フィールド
update_user_meta（$ customer_id、 'billing_last_name'、sanitize_text_field（$ _POST ['billing_last_name']））;
}
}
add_action（ 'woocommerce_created_customer'、 'wooc_save_extra_register_fields'）;
終了した！ これで、値が正常に収集、検証され、データベースに追加され、使用できるようになりました。
関連記事：BigCommerceとWooCommerceの比較–どちらが優れていますか？
ご覧のとおり、WooCommerceストアに登録フォームをすばやく追加し、フィールドを追加して、ユーザーが作業に満足していることを確認できます。
ビジネスオーナーとして、できるだけ早くWebサイトをセットアップすることが重要です。その際、WordPressプラットフォームでセットアップすることを確認してください。これにより、ほとんどの場合よりも柔軟性が向上します。
woocommerceと互換性のあるテーマを選択し、 woocommerceストアへの登録フォームを設定していることを確認してください。
このプロセスはかなり簡単で、せいぜい数分以上かかることはありません。 なぜwoocommerceストアに登録フォームを設定するのが面倒なのか疑問に思っていた場合は、以下の理由を確認することをお勧めします。
- ユーザー情報：Webサイトの登録フォームを使用することで、ユーザーが毎日の更新を購読できるようにするだけでなく、ユーザーが製品やサービスに関する最新情報を確実に受け取れるようにすることができます。 彼らがあなたと共有した情報を使用してマーケティングを最適化し、以前よりも効果的に主要な人口統計に到達できるようにすることができます。
- ユーザーエンゲージメント：登録フォームを使用することで、基本的にユーザーとやり取りすることになります。 ユーザーエンゲージメントが増えると、コンバージョンと実際の販売の可能性が高まります。そのため、wooコマースのバックグラウンドで登録フォームが有効になっていることを確認する必要があります。
- マーケティング：ユーザーが提供する情報は、非常に貴重であることが証明されている必要があります。 この情報を使用して、製品やサービスを直接販売することができますが、スパムが禁止されているため、スパムを送信していないことを確認してください。
さらに重要なことは、マーケティング戦略を合理化し、顧客から提供された情報を使用して、同じ上で特定の広告で顧客をターゲティングできることです。
- 簡単なセットアップ：登録フォームをセットアップするプロセスはかなり簡単です。 あなたがする必要があるのは、woocommerce管理エリアに向かい、バックエンドから登録フォームを有効にして、同じものをアクティブにすることです。 新規顧客にアピールするようにカスタマイズすることもできます。その結果、顧客は、Webサイトにインストールしたばかりの登録フォームを介して必要な情報を提供することに関心があります。
- SEO：Webサイトの登録フォームを使用すると、ユーザーエクスペリエンスを向上させることができ、これにより、SERPランキングを上げることができます。 これはより多くのトラフィックにつながるはずであり、したがってページビュー、インプレッションなどを増やすのに役立つはずです。
これらはあなたが早くもあなたのウェブサイトに登録フォームをインストールしなければならない理由のいくつかです。
さらに重要なことは、ユーザーにスパムを送信しないようにする必要があります。これは、新しい顧客や見込み客を追い払う確実な方法の1つだからです。
あなたは彼らにトレードオフを提供する必要があります、あなたが彼らにあなたのサイトに登録するためのいくつかの景品、オファーまたはより多くの情報を提供するものです。
そうすることで、あなたは彼らに価値のある何かを提供しているので、これは間違いなく彼らの興味をピークにし、彼らに登録フォームに彼らの情報を入力させるはずです。