WordPress WooCommerce ショッピングモールを運営したいのですが、我が国のショッピングモールとは合わなくて大変なユーザーが多いでしょう。 特に、自分のアカウントページを国内のユーザーになじみのあるレイアウトに変更したい場合でも、初心者には簡単ではありません。 我が国 WordPress ショッピングモールの大衆化を導いてきたコードエムショップで、マイページを顧客の目の高さで制作して運営できる エムショップ内勘定プラグインをリリースしました。
WooCommerce モールの異質感のため、あるいは WooCommerce ショッピングモールを顧客が望むようにカスタマイズするのが難しい場合は、Emshopプラグインを使用すると、コーディングの知識がなくても顧客のニーズに合わせて自分のアカウントページを変更できます。
韓国型 WordPress ショッピングモールに最適化されたエムショップ内アカウントプラグインをリリース
WooCommerce ショッピングモールの残念な内勘定ページ
WooCommerceで提供する基本的なマイアカウントページを国内顧客の目の高さに合わせてカスタマイズする作業は開発者にとっても容易ではないかもしれません。
以下はベストセリングテーマです Avada テーマが提供する内勘定ページのレイアウトを表示します。
顧客が WooCommerce マイページで注文の現状と重要な情報をすばやく確認できるはずですが、上のページではそのような点で物足りなさを与えるようです。
コードエムショップ内アカウントプラグインが提供する内アカウントビルダーを使用すると、下図のように最近の注文情報をはじめ、現在進行中の注文の配送状況などを一目で把握できます。
マイアカウントページを簡単にカスタマイズできるエムショップ内アカウントプラグイン
国内ショッピングモール環境に適していないという理由で WooCommerce 選択を消したいユーザーに頻繁に遭遇します。 コードエムショップで発売した多様なプラグインを活用すれば、韓国のお客様のニーズに合ったショッピングモールをより簡単に構築することができます。
Emshop内アカウントプラグインの主な機能:
- WooCommerce 内勘定ダッシュボード
- エレメントページビルダーで簡単に整理
- ショートコードを活用した内勘定ページ構成
- WooCommerce マイアカウントメニューのスライド
- 会員状態、等級、ポイント、クーポン、決済、配送、キャンセル交換、レビューステータスなど、ワンページで情報確認
- 簡単に内勘定メニューフィールドを追加および変更可能
私のアカウントページのデモ:
エムショップ内アカウントプラグインの設定を見る
Emshopの内勘定プラグインをインストールして有効にすると WordPress 管理者ページの左パネルに エムショップ内勘定 メニューが追加されます。
基本的には次のような手順で進めてください。
- マイアカウントページとして使用するページとダッシュボードとして使用するページを作成します。 ダッシュボードページは、基本エディタ(ブロックエディタ)またはエレメンタビルダーで作成できます。 各ページには、エムショップのマニュアルを参照して適切なショートコードを入力するか、エレメントビルダー用ウィジェットを選択して設定できます。
- プラグイン設定ページで、マイアカウントメニューページとダッシュボードページを指定します。
基本設定タブ
エムショップ内アカウント設定ページに初めてアクセスする場合は、ライセンスを登録します。 それから マイアカウントメニューの設定から 有効 ボタンをクリックします。
[ページ]で、[マイアカウント]ページに使用するページを指定します。 まず、マイアカウントページとして使用するページを作成し、ブロックエディタの場合は、次のようなショートコードを追加します。
[msma_navigation is_slider='no' template='type-b' column='6']
- is_slider: はい 또는 いいえを入力します。 はいを選択すると、メニュー項目がスライダー形式で表示されます。
- テンプレート: タイプa 또는 タイプbと入力します。 両方をテストしてお気に入りを選択します。 テンプレートは今後段階的に追加されるようです。
- column:メニューの列数を入力します。
エレメンページビルダーを使用する場合は、Emshop内のアカウントの「メニュー」ウィジェットを使用できます。
テンプレートTYPE-B、列数6、スライダーを無効にする場合の例:
マイアカウントメニュー一覧では、マイアカウントページに表示するメニューのリスト(例: WooCommerce プロフィールページ、クーポンポイントページ、定期決済券ページ、決済手段管理ページ、アカウント詳細ページなど)を追加/削除でき、場所を変更できます。 ただし、 WooCommerce メインメニューは削除できず、可視性を有効にしてメニューを表示するかどうかを選択できます
また、個々のメニュー項目をユーザーの役割(メンバーシップの評価)に基づいて表示するかどうかを設定することもできます。
ダッシュボード設定タブ
続いて ダッシュボードの設定 タブをクリックしてダッシュボードページを有効にし、ダッシュボードに使用するページを指定できます。
まず、ダッシュボードに使用するページを作成します。 デフォルトエディタ(ブロックエディタ)で作成するか、 Elementor ビルダーで作成できます。
デフォルトエディタを使用している場合は、次のショートコードを入力できます。
[msma_recent_orders template='type-a']
[msma_recent_subscriptions template='type-a']
[msma_progress_orders template='type-b']
[msma_recent_orders template='type-a']
エレメントページビルダーを使用している場合は、同様にエムショップが提供するウィジェットを使用できます。
ダッシュボードの設定 タブのメンバーシップ設定を有効にすると、各会員ランクで自分のアカウントページに表示するコンテンツを設定できます。
メンバーシップ機能の出力は、ビルダーの顧客情報、あるいは [msma_user_info] ショートコードでご利用いただけます。
最終マイアカウントページ画面
テストでインストールし、Mshopで提示するショートコードを活用してマイアカウントページを構成してみました。
上の図では、①セクションは デフォルトの設定 タブで設定したマイアカウントページからロードされ、②セクションは ダッシュボードの設定 タブの メンバーシップの設定で構成した内容がロードされ、③セクションは ダッシュボードの設定 タブで指定したダッシュボードページから読み込まれます。
WooCommerce Subscriptionプラグインが必要です メッセージ部分は WooCommerceサブスクリプション プラグインのインストール時に有効になる部分です。このプラグインがインストールされていない場合は、メニュー項目から「定期決済権」を削除してください。
レイアウトは使用するテーマの影響を少しずつ受けるようです。 レイアウトの調整が必要な場合は、基本的なCSSを使用して厄介な部分を調整できます。 例えば、 Avadaの場合、次のCSSを使用できます。
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
margin-left: 0 !important;
}
.msma-block {
margin: 0px;
}
コードエムショップの紹介
コードエムショップは WordPress WooCommerce ベースのショッピングモールプラグインおよび決済サービスを提供している専門プラグイン開発業者です。
コードエムショップは国内 WordPress慣れていなかった2012年から WordPress お支払いプラグインを無料で配布 WordPress ショッピングモールの普及をリードし、現在 WooCommerce ベースのオンラインショッピングモールを構築する際、参入障壁を下げて誰でも簡単に WordPress WooCommerceでショッピングモールを構築運営できるようにサービスしています。
無料で提供するシンプルペイ決済プラグイン(旧PGALL決済プラグイン)では、さまざまなコンセプトの決済機能を提供することで、ショッピングモールの運営に役立つ差別化された決済を提供しています。
最後に、
以上で最近コードエムショップで発売された、 WooCommerce 内勘定ページを自由に修正、カスタマイズが可能なコードエムショップ内勘定プラグインについて調べました。 基本エディタ(ブロックエディタ)と人気ページビルダーであるエレメンタをサポートするので活用度が高いようです。
我が国の環境に適したショッピングモールを構築したい場合にこのプラグインを活用すれば、比較的簡単に顧客の目の高さに合ったマイページを作ることができると思います。 WordPress私たちの国の環境に合ったショッピングモールサイトの制作に苦労している場合は、エムショップ内ページプラグインを検討してください。
コメントを残す