04 June 2021 / Published in Magento
カート放棄率が高いことはご存知かと思いますが、どのくらい高いのでしょうか? 調査によると、オンライン顧客の70%がチェックアウトプロセス中にウェブサイトを放棄する可能性があると指摘されています。これは、店舗のコンバージョン率が低下する主な原因のひとつです。 カート放棄率が高いということは、コンバージョン率を向上させるための改善の余地があるということでもあります。 Eコマースサイト/アプリのチェックアウト最適化に関しては、常に改善し、シームレスなプロセスを作成することができます。これは、コンバージョン率向上のための最良のアプローチのひとつです。 買い手は、特にオンラインストアで買い物をする際には、速くて簡単なチェックアウトを好むようになっています。Elastic PathのA/Bテストでは、1ページチェックアウトのコンバージョンが従来のものを21%以上上回ったことが紹介されています。 コンバージョン率を高め、売上を向上させるためには、Magentoストアで1ページチェックアウトを提供することが大きな解決策となります。 1. ワンページ・チェックアウトとマルチステップ・チェックアウトの比較 数年前までは、ほとんどのオンライン顧客は、時間のかかる複数ページのチェックアウトプロセスだけに慣れ親しんでいました。 今日では、オンラインストアの範囲と高度な技術により、Eコマースサイトのオーナーは、オンラインショッピングをできるだけ簡単にするために取り組んでいます。そこで登場したのが、1ページチェックアウトです。 もちろん、今でも複数ページのチェックアウトを好むEコマースサイトもあります。 ビジネスの観点からは、複数ページのチェックアウトを適用するとメリットがあります。このタイプのチェックアウトでは、企業は顧客データを収集することができ、カスタマイズ・マーケティングのためのより良いコンテンツの提供に努めることができます。 一方で、複数のページが表示されていると、お客様はがっかりしてしまいます。お客様は、チェックアウトプロセスに複数のページがあることに気づくと、終わりがないように感じるでしょう。 その結果、マルチページチェックアウトでは、多くのドロップオフが発生する可能性があります ワンページ・チェックアウトは、特にスマホで買い物をするお客様に好まれる決済方法として定着しています。チェックアウトが簡単であればあるほど、購入してもらうことができます。また、1ページチェックアウトでは、お客様はページの読み込みを待つ必要がないため、時間がかかったり、読み込みが遅かったりするイライラを防ぐことができるというメリットもあります。 もし、あなたのEコマースウェブサイト/アプリが多くの取引を完全に完了できず、チェックアウトのコンバージョンが必要な場合は、1ページチェックアウトの提供を検討してください。これは、最も効果的なリードジェネレーション戦略の一つです。チェックアウトプロセスが1つのページに表示され、必要な情報(名前、住所、電話番号、カード番号など)のみが必要となるため、スムーズに購入することができます。また、満足度の高いショッピング体験は、顧客の再訪問を促しながら、チェックアウトのコンバージョンを高めることにもつながります。 2. ワンページ・チェックアウトの好例 最初の例は、ASOSのチェックアウトページからです。 ページはすっきりとしていて、ステップが明確に分かれており、それぞれのステップを埋めるとそれぞれ表示されるようになっています。これにより、お客様は自分がどこまで進んでいるのか迷うことなく、何が残っているのかを簡単に確認することができます。ユーザーフレンドリーなチェックアウトページであると同時に、モバイルデバイスでもとてもスムーズに表示されます。 もうひとつの例は、ナイキのチェックアウトプロセスです。 ご覧のように、すべての項目が1つのページに表示されており、右側には商品レビューが配置されています。これにより、ユーザーは素早く情報を入力できるだけでなく、合計金額と同時にカートを再確認することができます。このタイプのチェックアウトページは、混乱の余地がなく、ナイキの主な顧客層である若いユーザーに適しています。 3. ワンページ・チェックアウトの利点 ワンページ・チェックアウトは、お客様がオンラインで購入する際に、迅速で簡単な方法を提供します。ポイントは、ユーザーが異なるページを読み込んだり、複数のステップに圧倒されたりすることなく、スムーズにチェックアウトにたどり着くことです。 ここでは、ワンページチェックアウトを導入すべき理由をご紹介します: 3.1. チェックアウトの高速化 オンラインのお客様は、最終的な支払いの際に待たされることを嫌います。また、チェックアウトプロセスが合理的で迅速であることも求めています。そうでなければ、何も買わずにカートを放棄してしまう可能性が高くなります。オンライン小売業者としては、このような事態は避けたいものです。 幸いなことに、ワンステップ・チェックアウト・ソフトウェアを使えば、オンラインでの購入時にすべての個人情報を入力する時間を短縮し、迅速なチェックアウトが可能です。 オンラインのお客様は、チェックアウトがたった1つのページで完結するのを見て、取引を行う可能性が高くなります。Baymard氏によると、理想的なチェックアウト・フローは、12〜14のフォーム要素で済むという。 3.2. わかりやすいインターフェース 1ページで完結するチェックアウトプロセスは、ユーザーフレンドリーです。 限られた数の入力フィールドとステップで、ページは明確になり、簡単に進むことができます。さらに、クイックチェックアウトは、オンライン購入者がどのような情報を提供しなければならないかが一目瞭然であるため、混乱を防ぐことができます。また、購入者はチェックアウトページ上で簡単に情報を変更することができ、複数のステップを踏む必要がありません。 1ページチェックアウトでは、ナビゲーションがウェブサイトの訪問者を混乱させていないかを心配する必要はありません。お客様は、チェックアウトプロセスを簡単にナビゲートし、必要な要素を入力することができます。 3.3. ページパフォーマンスの向上 お客様は、ページの読み込みを待つのではなく、シンプルなページに必要事項を入力し、支払いを行うことができます。ページの読み込みに時間がかかると、ユーザーのショッピング体験の妨げになるだけでなく、途中で接続が切れてしまうと、すべてのプロセスをやり直さなければならない可能性が高くなります。 1ページチェックアウトでは、待ち時間がなく、必要事項を入力して送信ボタンを押すだけで、すべてが完了します。 4. お客様の満足度向上 お客様の満足度は、オンラインストアが提供したい重要な要素です。 1ページで完結するチェックアウトプロセスにより、お客様に手間のかからない体験を提供することができます。 すべてがシングルページチェックアウトで管理され、全体的に素晴らしいUXを実現しています。 オンラインストアのコンバージョン率を向上させたいなら、1ページチェックアウトプロセスを選択する必要があります。使っているプラットフォームに応じて、既存のオンラインストアに簡単にクイックチェックアウトのオプションを追加することができます。そう、必要なのは、高速なショッピング体験を提供するために利用可能な拡張機能やプラグインを使って、あなたのEコマースウェブサイトを更新することだけなのです。 まとめ チェックアウトページは、オンラインストアの最も重要なセクションの1つであり、カート放棄を成功した売上に変える機会があります。 Magentoやその他のEコマースプラットフォームを使用している場合でも、ユーザーフレンドリーなチェックアウトページを提供するようにしましょう。さらに、迅速なショッピング体験を提供するため、データを収集するため、またはセールトンネルの結果を追跡するためなど、お客様の戦略に役立つものである必要があります。 1ページチェックアウトは、多くのMagentoストアのオーナー、特にモバイルユーザーを潜在的な顧客としてターゲットにしているオーナーに広く好まれている結果重視の戦略です。あなたの大切なお客様のために、気が散らないチェックアウトを保証するために、プロセスの中で様々な戦略を試すことができます。 Magento 2 は、デフォルトで 1 ページチェックアウト機能が有効になっています。また、Amasty、Mageplaza、Bsscommere、One Step Checkout AS など、チェックアウトページを最適化するためのエクステンションが多数用意されているので、それらを統合することも可能です。     ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
03 June 2021 / Published in Magento
1. ERPとは? ERP(Enterprise Resource Planning)は、製品の企画・開発、製造、販売、マーケティングなど様々なビジネスの側面を接続するためのエンドツーエンドのソリューションです。標準的なERPソフトウェアは、1つの場所からすべてのこれらのプロセスを管理する上で大きな効率性を持つ企業を提供しています。これらのプロセス管理ツールは、すべてのビジネスデータのための単一のソースとして機能します:受注、カタログ、在庫、顧客のアカウント、。 ERPは、操作を合理化し、大規模な生産の出力を持つエンタープライズレベルの企業や中小企業の両方の効率を高めるために利用することができます。Microsoft Dynamics、SAP、NetSuiteなど、Magentoシステムと統合可能なERPソフトウェア製品を提供するプラットフォームは数多くあります。 2. ERPとMagentoストアを統合する理由 ERPと電子商取引システムの統合により、マネージャーは1つのシステムで特定のタスクを実行し、他のシステムが自動的に追いつくことができます。うまく統合されたERPシステムは、反復的な手動タスクを最適化して自動化し、データ交換の速度を高め、顧客サービスの効率を向上させることができます。そのために、マーチャントはMagentoストアにERP統合ソリューションを活用し、時間の節約、コストの最小化、エラーのリスクの低減を図っています。どのようなERPを選択するにしても、ここではMagento Marketplaceで承認された、ERPとMagentoシステムを統合するための最適なエクステンションのリストを紹介します。 2.1. BeehexaによるMagento ERPインテグレーション   Beehexaは、業界の最新技術と最適化を利用して、リアルタイム・データ同期およびモニタリング・ミドルウェアであるHexasyncを提供しています。Hexasyncは、MagentoのストアフロントとERPアプリケーション間の信頼性の高い同期を確保するために、データ統合の保護対策とセルベースのマッピングを提供します。ビーヘキサのMagento ERPインテグレーションは、あらゆる種類のデータを扱うことができ、様々な主要データをサポートしています:製品カテゴリー、保証、出荷、顧客、倉庫、インボイス、オーダー、製品です。 特徴 ミドルウェア:アプリケーションに依存しない軽快なソフトウェアで、複雑な統合作業をすべて処理します EAVデザインパターン:データモデリングの柔軟性を高めるために取り入れられている メッセージキューベースのアーキテクチャ:デカップリングされたアプリケーションのコーディングを簡素化し、パフォーマンス、信頼性、スケーラビリティを向上させる。 カスタマイズ可能なハンドラ:顧客の注文状況をより明確に把握することができます。 セルベースマッピング:シングルセルデータを高精度にマッピングし、信頼性の高い同期を実現 非同期統合:リアルタイムの同期により、ビジネスを常に最新の状態に保つことができます。 レガシーERPアプリケーションとの互換性:MagentoのストアフロントとレガシーのERPアプリケーションを簡単に接続できます。 2.2. AlluviaによるMagento ERPインテグレーション AlluviaのMagento ERP Integrationは、Magento 2ストアとお好みのERPシステムの統合を支援するクラウドベースの統合ソフトウェアです。このソリューションは、お客様のニーズを中心にERPの専門家によって設計されており、その結果、数回のクリックで簡単にあらゆるERPシステムをMagento 2ストアに統合することができます。 このソリューションは、拡張機能というよりもソフトウェアに近いもので、Magento ERP Integrationをシステムにインストールするだけで、すべてのデータ交換はバックグラウンドでAPIを介して処理されます。 特徴 クラウドホスト型 透明性の高い価格設定 すぐに使えるMagentoインテグレーションテンプレート 拡張やコードの変更が不要 優れたデータ管理 シンプルなマッピング 総所有コストの削減 自動アップデート 2.3. Ebridge ConnectionsのERP統合 Ebridgeによる ERP 統合は、主要なビジネス プロセスを自動化し、手動によるデータ入力の必要性を排除することを目的としています。その強力なクラウドベースの ERP および会計統合ソリューションは、Sage、Microsoft、SAP、NetSuite、Epicor、Intuit QuickBooks など 30 以上の一般的な ERP システムをサポートしています。これにより、MagentoとERPシステムの間で、商品の更新、注文、顧客データ、価格設定/在庫レベルなどのデータ入力を自動化し、コストのかかるエラーを回避することができます。このソリューションは、月に200件以上の注文があるMagentoのマーチャントや、手動でのデータ入力に週に10~15時間以上を費やしているマーチャントに適しています。 特徴 Magentoと接続されたERPとの間の自動データ交換&統合 マルチストア、マルチプラットフォーム(マーケットプレイス、CRM、…)をサポート データ変換、コンプライアンス、接続性をクラウドから処理するエンドツーエンドソリューション 共有ビジネスルールにより、マッピングの必要性と所有コストを削減 データ管理とアーカイブのためのウェブベースのアプリケーション eiCloud へのアクセス イーブリッジのサポートチームへの24時間365日の無制限アクセス 2.4. BoostmyshopによるMagento 2 ERP Extension Eコマースストアを管理するための理想的なソリューションです。ERPエクステンションを統合することは、そのための完璧なソリューションです。在庫、注文、顧客データなどを簡単に管理できるだけでなく、ビジネスの売上を劇的に向上させることができます。今すぐこのソリューションを選択して、それがもたらす素晴らしいものを強化してください。 特徴 在庫管理。バーコード読み取り、ストックトラッキング、多機能デポジット ストックトランスファー、システムアラート(低在庫)機能 インベントリ サプライヤー管理-調達の監視-購買。サプライヤーの追加、サプライヤー管理、購入価格の追跡、供給ニーズ(リーンおよび低在庫アラート)、サプライヤーの発注書、発注書の受領と備蓄、バックオーダーのフォロー) オーダー準備 – オーダーの準備。在庫の状態に応じたコマンドの配布 ピックリスト編(ピッキング)、プロセスの準備と印刷(請求書、納品書) バーコードの読み取りによる大量の準備、輸送ラベルの自動印刷 受注管理。製品別の在庫状況、顧客の注文と配送予定の計画、高度なオプションの有無 レポーティング / ダッシュボード グラフィックやシート、製品やサプライヤーごとの売上分析。基準による選択と日付の選択 2.5. MagestoreによるMagento ERP このMagestore’s ERPソリューションで、データのエクスポートプロセスを改善し、小売業者の最も効率的な使用をもたらすことができます。それは、店主のビジネスニーズに応えることができる強力な拡張機能です。それはあなたがビジネスを効果的に管理するだけでなく、大きな収益をもたらすことができます。 特徴 ほぼすべてのサードパーティ製ソリューションに対応 直感的なインターフェースで効率的に使用可能 特定のビジネスニーズに合わせたカスタマイズが可能 Magentoのすべてのデータをリアルタイムで更新可能 柔軟なエクスポートプロセス 2.6. XtentoによるAccountView ERPインテグレーション Xtentoは、店舗オーナーがMagentoのWebサイトとAccountViewの間でデータを統合するための簡単な方法を提供します。このモジュールを使用すると、ストアのすべてのデータ、アイテム、注文が自動的かつ便利にエクスポートされます。また、要望に応じてカスタムフィールドを追加することも可能です。 特徴 すべての注文、アイテム、顧客データのエクスポートが可能 すべてのデータを迅速にエクスポートする機能 あらゆるソリューションとの統合が可能 カスタムフィールドを追加できる
03 June 2021 / Published in TechBlogs
インストールが成功しても、MagentoユーザーがMagentoサイトのインストール後に直面する共通のエラーがあります。管理画面で 404 Not Found と表示されます。このエラーは、エクステンションをインストールしたりアップグレードしたりしたときにも発生します。 Magento Admin 404エラーを解決する方法 1. Recheck your admin URL in env.php 管理用のURLを間違えている可能性があります。管理画面のURLが正しいかどうかを確認するには、[…]/app/etc/に移動し、env.phpファイルを開きます。 例えば、frontNameをadminとすると、adminのURLは: http://magento-website.com/admin 2. Magentoのキャッシュをフラッシュ コマンドラインでMagentoのキャッシュをフラッシュすることができます: 3. pubディレクトリからファイルを配信する このソリューションは、特にMagentoバージョン2.4.2以上のユーザー向けです。Magento 2.4.2 を新規にインストールした後に 404 not found エラーが発生するのは、Magento 2.4.2 からの変更によるもので、セキュリティ向上のために webroot を /pub/ に設定する必要があります。 これを回避するには、Magentoによる公式ガイドに従うことをお勧めします。このプロセスには、サーバー構成の編集、ベースURLの更新、env.phpファイルの更新、モードの切り替えなど、さまざまなステップがあります。 4. ルートフォルダ内の.htaccessファイルの追加/置換 ルートフォルダにあるデフォルトの.htaccessファイルを、Magentoのコードベースにある公式の.htaccessファイルに追加/置換します。 5. var/cacheフォルダの削除 var/cacheフォルダの削除 Magento 2のデータベースにアクセスし、以下のSQLクエリを実行します。 そして、web/seo/url_rewritesの値を0に変更します これが機能しているかどうかを確認するには、Magento の管理者に次のようにアクセスします: https://your_magent_base_url/index.php/your_admin_url/ ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
02 June 2021 / Published in TechBlogs
今日の記事では、Magento 2のフォームバリデーションについて、また、Magentoストアにフォームバリデーションを導入するための最善の方法について学びます。 1. フォーム認証モジュール Magentoでは、jQuery検証をベースにして拡張したフォーム検証用の3つの主要モジュールがあります。 /lib/web/jquery/jquery.validate.js:ベースとなるjQueryバリデーション /lib/web/mage/validation.js: には、基本的なjQuery検証機能と、カスタム検証ルールを追加するために使用できる$.validator.addMethodなどの追加機能が含まれています。 /lib/web/mage/validation/validation.js: mage/validation.jsをインクルードして、バリデータにいくつかのルールを追加しています。 2. フォーム検証ルール デフォルトでは、Magento で利用可能なルールは /validation/rules.js に格納されています。しかし、使用できるルールはそれだけではありません。フォームバリデーションの主要モジュールは jQuery をベースにしているので、jQuery の組み込みバリデーションメソッドを使用することができます。 3. 方法 3.1 カスタムルールの作成 前述のとおり、カスタムルールを作成するには、mage/validationモジュール用のJavaScriptミキシンを作成し、$.validator.addMethod そして、次のコードは、入力フィールドが5つの単語しかないかどうかをチェックする検証ルールを追加します。 3.2 既存の検証メッセージの修正 メッセージオブジェクトは、検証ルールを変更せずに既存の検証メッセージだけを変更する必要がある場合に便利なオブジェクトです。 input-nameはオブジェクトのキーで、その値は検証ルールのリストです。これらの検証ルールは、その値として検証メッセージを持っており、自分の好みに合わせて自由に変更することができます。 3.3 カスタムフォームバリデーションの制作 mage/validationライブラリを使うと、サーバーに送信する前にカスタムフォームバリデーションを作成することができます。 ステップ1: バリデーションの開始 フォームのバリデーションを行うには、2つの方法があります: data-mage-init属性の使用: text/x-magento-init スクリプトタイプタグの使用: ステップ2: フォームフィールドの検証ルールの定義 Magentoでは様々な方法でフォーム検証ルールを定義することができます。 属性として 引数を持つ属性として クラス名として 引数付きのクラス名として data-validate属性として 引数付きのdata-validate属性として data-mage-init使用 引数付きのdata-mage-initの使用 4. 事例 ここでは、フォームフィールドと、それぞれのフィールドに異なる検証方法を用いた検証フォームを作成してみます。 上記のフィールドとフォームバリデーションを使用すると、結果は以下のようになります: ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
02 June 2021 / Published in TechBlogs
このガイドでは、Magento の注文を CSV ファイルにエクスポートする方法を、Magento のバックエンドを使用した最も簡単な方法から、スクリプトを使用したより高度な方法まで、順を追って説明します。いずれにしても、最終的には注文グリッドからのすべてのデータを含むCSVファイルを得ることができます。 1. Magentoバックエンドからの注文のエクスポート Magentoのバックエンドでは、Sales > Ordersに進みます。 続いて表示されるOrdersパネルには、デフォルトで以下の列が表示されています: ID 購入ポイント 購入日 請求先名 出荷先名 合計金額(基本 合計金額(購入金額) ステータス アクション 割り当てられたソース Braintree トランザクションソース ここでは、エクスポートのドロップダウンをクリックし、CSVにチェックを入れることで、注文データをエクスポートすることができます。 「エクスポート」をクリックすると、生成されたCSVにはこのデフォルトビューのデータが含まれています。 2. カスタムデータを使ったプログラムによるオーダーのエクスポート また、プログラムでOrdersグリッドに新しい列を追加し、Observerを実行してOrders CSVをエクスポートすることもできます。 vendor/magento/module-sales/view/adminhtml/ui_component/sales_order_grid.xmlに新しいカラムを作成します。 以下のアップグレードスキーマを実行して、sales_order_gridテーブルに変更を加えます。 注文の送信が成功したときにObserverを実行する 例えば、events.xmlで そして、オブザーバーでは: 「エクスポート」をクリックします。 3. 拡張機能を使った注文のエクスポート Magento のデフォルトの注文エクスポートオプションはまだかなり制限されているので、エクステンションを使って仕事をしてもらうのが良い方法です。マーケットプレイスには様々なオーダーエクスポートエクステンションがあります (無料と有料の両方)。 ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
01 June 2021 / Published in Magento
Magento と PWA は、かなり以前から存在しており、E コマース開発の新しい標準になると言われています。今日は、このウェブの新基準を使い始め、有利に進めるために、PWAをMagento 2ストアに正しく統合する方法をご紹介します。 PWAとは? PWAは、Progressive Web App(プログレッシブウェブアプリ)の略で、アプリのようなレスポンシブな体験と、これまでネイティブアプリにしかなかった機能をウェブにもたらす、ウェブ開発の新しいスタンダードです。 しかし、PWAはまだウェブサイトです。最新のウェブ技術のおかげで、アプリのように見えるだけです。つまり、ユーザーはプログレッシブウェブアプリを、通常のウェブサイトと同じようにURLを指定してブラウザで閲覧しますが、PWAにアクセスした直後は、アプリをダウンロードしてインストールすることなく、ブラウザ上で「アプリ」を使用しているかのような体験を得ることができます。 Magento PWAのメリットの理由 Magento PWA は、Magento のバックエンドとの互換性を高めるために PWA Studio で構築されており、買い物客に最高のショッピング体験を提供するための有力な手段となっています。Magento PWA のストアフロントが適切に統合されていれば、コンバージョン率の向上、セッションあたりの時間の増加など、他の重要なコアメトリクスの成長とともに、2 倍ものパフォーマンスの向上をもたらすことができます。 PWA採用でよく見られるこれらの結果から、PWAは顧客が切望していたが実現されていなかった体験をもたらすというパターンが見て取れます。また、Magento PWAの標準化により、今後はPWAを搭載したMagentoストアが増えていくことは間違いないでしょう。 独自のMagento PWAを作成する方法 既存のMagentoストアフロントをPWAに変換するには、現在2つの方法があり、それぞれに長所と短所があります。 自分でコーディングをする PWAを搭載したストアフロントを開発する必要性を感じている開発者やマーチャントにとって、Magento PWA Studioは、Magento 2のバックエンドと新しいPWAストアフロントの間に最高の互換性を提供する、この目的のための素晴らしいツールです。実際、Magento PWA StudioはMagento PWA開発のデファクトツールとなっています。 しかし、Magento PWA Studioにはまだ難点があります。それは、本格的なソリューションではなく、Magento 2のバックエンド上にPWAを構築するための開発者ツールのセットだからです。他のツールと同様に、最高の結果を得るためには、使用するプログラミング言語(ReactJSとGraphQL)に精通している必要があり、また、Web開発に対するProgressive Web Appアプローチの内と外を知っていなければなりません。 メリット: 独立した開発 コスト削減 変更やデザインを試す自由度が高い すべて自分で選択できる Magento PWA Studio のコミュニティが充実している デイメリット: コーディングの知識とWebの仕組みに精通している必要がある 市場投入までの時間がかかるため、機会損失とみなされることがある すべてが動作するとは限らない プロの力を借りる なぜなら、Magento 2 PWA はウェブ上ではまだ比較的新しいアプローチであり、誰もがコンバージョン率と全体的なユーザーエクスペリエンスを高めるために最適化されたストアフロントの開発に長年の経験を持つ専門家の助けなしにストアフロントを構築することはできないからです。 プロのチームにプロジェクトを任せれば、すべてが予定通りに納品され、PWAが相応の注意を払って取り扱われるという事実を確信することができます。しかし、PWA構築プロジェクトはコストがかかることが多く、満足のいく結果を得るためにはお客様とサービスプロバイダーとの間で明確なコミュニケーションが必要です。 メリット: 長年の経験を持つ信頼できるプロフェッショナルなサービスプロバイダーがお客様のプロジェクトを担当 パフォーマンスの向上と完全な機能性を保証 コンバージョン率を向上させるためにフロントエンドで適用される最適化により、全体的なユーザーエクスペリエンスが向上します。 市場投入までの時間を短縮 デイメリット: コストがかかる お客様とサービス提供者(複数可)との間で、明確かつ適切なコミュニケーションが必要(特にお客様の要望とニーズに関して) 結論 ストアフロントのPWAバージョンを作ってみたいと思うかもしれませんが、ほとんどの場合、それは良いアイデアではありません。経験豊富なソリューションプロバイダーは、お客様に代わって作業を行い、時間を無駄にすることなく、お客様のストアの将来的な取り組みを計画する余裕を与えてくれます。 SmartOSCでは、PWAがウェブの未来であると信じており、15年以上の経験を持つ優秀な開発者チームを擁して、お客様のストアがこの新発見のテクノロジーから最高のものを得られるようにしています。 ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace
01 June 2021 / Published in Magento
Magento PWA Studio の登場により、より多くの Magento PWA が E コマースシーンに登場し、オンライン顧客のショッピング体験を向上させているのは当然のことです。これらの新しいMagentoのPWAの中には、いくつかの有望な新顔がありますので、ご紹介します。 1.Magento PWAとは? Magento PWAは、Magentoのバックエンドを備えたProgressive Web Appです。つまり、Magento PWAは、機能的にも外観的にも、典型的なネイティブアプリと同じようになるはずです。Magento PWAは、Magentoのバックエンドを利用したプログレッシブ・ウェブ・アプローチです。 さらに、Magento PWA はヘッドレス構造であるため、特定のフロントエンド技術に制限されることなく、自由にアップグレードパスを選択することができるので、Magento PWA ではより多くの柔軟性とカスタマイズ性を得ることができます。 Magento PWA は通常、Magento PWA Studio で構築されます。Magento PWA Studio は、PWA の採用を前進させるために Magento が作成したツール群です。Magento PWA Studioプロジェクトのおかげで、開発者はMagentoのバックエンドの上でPWAストアフロントを開発、デプロイ、維持することができ、より速く、より安全で、応答性が高く、Magentoの原則である拡張性とモジュール性に準拠したウェブサイトを作成することができます。 関連投稿:PWA vs ネイティブアプリ: eコマースビジネスにはどちらが適当? 2. MagentoのPWAの事例10選 1. Eleganza オランダを拠点とするEleganzaは、Valentino、Versace、Michael Korsなどのブランドを販売することで知られる有名な高級ファッション小売店です。同ブランドは、国内に5つの実店舗とウェブショップを展開していますが、お客様の90%が携帯電話でオンラインショップを利用していることから、より良い体験を提供し、結果的に収益を上げる機会があると考えました。 Eleganzaは以前、4つの言語に対応したMagento 1のストアを運営していましたが、Magento 1の寿命が近づいていることから、モバイルでのショッピング体験を変えるためにMagento 2とPWAに期待しました。同社の新しいMagento PWAサイトはTeam Experiusによって開発され、期待を裏切らないものとなりました。 2. Peter Jackson 宝石商のPeter Jacksonは、Eleganzaと同じような問題に直面していました。Magento 1のレガシーストアで、顧客を増やすために必要なパフォーマンスを発揮できていなかったのです。 当時、他のブランドと同様に、Peter Jackson氏が最も懸念していたのはスピードでした。彼らのサイトは読み込みに平均8秒かかっており、ユーザーの不満や全体的な不快感を引き起こしていたため、ビジネスに大きな支障をきたしていました。さらに、サイト内の導線も良くありませんでした。お客様にとって使いやすいフィルタリングオプションやナビゲーションの経路がなく、お客様が適切な製品を見つけるのに苦労していたため、結果的に売上を落とすことになっていました。 every1 が開発した新しいMagento PWAサイトでは、これらの問題はもはや問題ではありません。新しいサイトでは、巧みなフィルタリング方法によりナビゲーションが容易になり、お客様が目的の製品に早く到達できるような新しい方法も採用されています。すべてがミリ秒単位で表示されるため、エンゲージメントやコンバージョンが向上し、直帰率も大幅に減少しました。 3. Benecos Benecosは、華やかな “Conventional “化粧品と、資源を大切にする認証済みのオーガニック化粧品の良いところを組み合わせた、オーガニック化粧品がお好きな方にはたまらないブランドです。オーガニック素材とお客様の信頼を最優先とする当時の多くの新興ブランドと同様に、ブランドの個性を発揮できるような、快適で魅力的なショッピング体験を提供することが求められました。 これらはすべて、SimiCart によるカスタムメイドの Magento PWA で実現されました。PWA を搭載した新しいストアフロントでは、アプリのような外観と機能が提供され、カスタム機能(最寄りの在庫を検索、カラーオプション付きリストから商品をカート/ウィッシュリストに追加)が統合され、ブランドの競争力が強化されています。ブランドは、ウェブサイトの新しいデザインに非常に満足しています。それは、ブランドの製品と完全に調和した全体的な雰囲気をもたらし、グリーン愛好家の視聴者に心地よい体験を提供することができたからです。 4. Organyc 英国に拠点を置く Organyc は、世界でも数少ないオーガニックフェミニン製品を提供する企業の 1 つです。グリーン運動のパイオニアとして、ブランドの価値を代表するような競争力のある魅力的なショッピング体験を創造する必要がありました。 SimiCart は、Magento PWA がこれらの課題に完璧に対応できるはずだと考え、Organyc のために完全な Magento PWA を構築しましたが、その結果にブランドは満足することができませんでした。 PWAを採用した新しいサイトは、モダンで清潔感があり、市場のさまざまなスクリーンサイズにブランドの価値を難なく伝えることができるようになりました。また、このブランドが提供する製品は周期的なものであるため、Organycはショッピング体験を向上させるためにカスタム機能を採用しました。カスタム機能である Build a Box と Product Subscription は SimiCart に統合されており、独自のボックスを作成したり、あらかじめ用意されたパッケージを選択して毎月自宅に配送することで、顧客のニーズに応えられるようになっています。 5. The Whisky Barrel The Whisky Barrel は、エディンバラを拠点とするウイスキー専門店で、独自のボトリングと、モルト、ブレンデッドウイスキーの品質の高さで有名です。このブランドは、需要の増加に伴い、提供する製品の品質に見合わないユーザーエクスペリエンスの問題に直面していました。 これは、ソリューションプロバイダー(デジタルシックス)にとっての課題であり、決して容易なことではありませんでした。最高の体験を提供するだけでなく、ピーク時のトラフィックに耐えうるサイトを作る必要がありました。また、サイトは美しくデザインされ、The Whisky Barrelが今後もUisge beathaの販売の先駆者であり続けることができるような柔軟性も必要でした。 Magento PWAは、彼らのブランドにとって当然次のステップであり、最終的には正しいステップでした。PWAの性質は、新しいユーザー・ジャーニー、サイトのスピードとパフォーマンスとともに、ブランドにパワーを与え、最も満足させるのが難しい顧客も満足させるはずの超スムーズなユーザー・エクスペリエンスを提供しています。 6. Selco 建築業者向け倉庫のセルコは、全国に68店舗以上の支店を持つ、業界で最も定評のあるブランドのひとつです。しかし、セルコはオンラインでの存在感が希薄であることに気付き、よりモダンで先進的なストアフロントを実現する必要があると考え、Magento
magento extension
31 May 2021 / Published in Magento
オンラインビジネスにとって、アフィリエイトマーケティングは、新規顧客を獲得するための巧妙で費用対効果の高い手法です。マーケティング担当者や広告主にとって、アフィリエイトプログラムは売上の15%~30%を生み出すと言われています(BloggingX, 2020) 多くの時間、お金、労力を必要とせず、アフィリエイトプログラムを導入することは、Magentoストアの第2の収入源を得るための低リスクで手頃な方法です。 完全なアフィリエイトエクステンションは、コミッションルールの設定、アフィリエイトアカウントの管理、支払い条件の設定、トランザクションとパフォーマンスの追跡…などに必要なツールを提供し、あなたのオンラインビジネスにさらなる利益をもたらします。 Magentoストアに最適なアフィリエイトエクステンションを探しているなら、2021年のトッププロバイダーのリストの中からぴったりのものが見つかるでしょう。 1. Magento 2 Affiliate by Mageplaza Mageplaza拡張機能によって構築されたアフィリエイトプログラムは、売上を高め、トラフィックを増やし、質の高いリードを獲得し、より良いSEOランキングを達成するのに役立ちます。スマートな紹介リンクで無制限のキャンペーンを生成することができ、マルチレベルマーケティングに最適です。 このモジュールでは、アフィリエイトが報酬を得るためのさまざまなアクションを備えた複数のアフィリエイトプログラムを構築することができます。 特徴 アフィリエイトシステムに必要な機能を全て搭載しています: 複数のアフィリエイトプログラム 複数のコミッション層 様々なコミッション支払い方法 友達紹介機能 アフィリエイトバナーとリンク リワードポイントモジュール、ファストチェックアウト、レイヤードナビゲーションに対応 詳細なアフィリエイトレポート アフィリエイトデータのインポート/エクスポート APIサポート 価格:99ドル(Standard Edition) – 199ドル(Professional Edition) – 299ドル(Ultimate Edition 互換性 Magento 2.1.X、2.2.X、2.3.X、2.4 デモ: 通常版:Frontend | Backend プロフェッショナル版:  Frontend | Backend アルティメットエディション: Frontend | Backend 2. Affiliate System for Magento 2 by Webkul WebkulのAffiliateエクステンションは、オンラインストアがアフィリエイトプログラムを成功させるために必要なマーケティングツールを提供します。 このエクステンションの最も優れた点は、顧客がアフィリエイト・ユーザーになり、テキストやイメージ・バナーを使って製品を宣伝することを等しく奨励していることです。これは、店主とアフィリエイト・ユーザーの双方にとってメリットのある状況です。 特徴: オンラインストアのアフィリエイトプログラムを設定する アフィリエイトへの初期ボーナスの定義 登録、パークリック、ユニーククリック、バイオーダーに対する報酬の管理 管理者による取引の管理、および管理者によるアフィリエイトユーザー、支払い、トラフィック、売上、統計の管理 アフィリエイトユーザーによる広告の管理 アフィリエイトユーザーは、トラフィック、売上、支払い記録、トラフィックの統計などを見ることができます。 価格:99ドル(Community Edition)~198ドル(Enterprise/Cloud Edition) 互換性 :Magento 2.0.X、2.1.X、2.2.X、2.3.X、2.4.X デモ:Frontend | Backend 3.Affiliate for Magento 2 by Amasty Affiliate by Amastyは、Magento 2ストア向けの柔軟性の高いツールで、管理パネルからすぐに無制限の機能を持つアフィリエイトプログラムを立ち上げ、管理することができます。 この拡張機能を使えば、お客様のウェブサイトで本格的なアフィリエイトプログラムを実行し、代替チャネルからの売上を効果的に促進することができます。アフィリエイターには、プロモーション素材や詳細な統計レポートを提供します。 一方、管理者は、アフィリエイトアカウントの管理、コミッションの調整、出金の追跡を簡単に行うことができます。 特徴 数回のクリックでアフィリエイトプログラムを開始 各プログラムに特定のコミッションタイプを設定 ディスカウントやペイアウトの条件を設定 すぐに使える販促資料を顧客に提供 アフィリエイトのアカウントと取引を管理 価格:199ドル(Community Edition)〜499ドル(Enterprise Edition 互換性 Magento 2.3.1 – 2.4.X デモ : Frontend | Backend 4. Affiliate for Magento 2 by Aheadworks Aheadworksのこの優れた拡張機能を使って、あなたの製品をより広く宣伝し、より高い収益を目指しましょう。 AheadworksのAffiliate Extensionは、より多くのトラフィックと売上を獲得し、適格なリードを生成し、ブランド認知を拡大し、より良い検索エンジンのランキングを取得するためによく組織されたアフィリエイトプログラムを強化します。また、製品やサービスのプロモーションに役立つ広告キャンペーンを企画することができます。あなたのアフィリエイトマーケティングの成功を追跡することで、最高のメリットを得ることができます。 特徴 リンクやクーポンコードで製品を宣伝 アフィリエイトグループに柔軟な条件を設定 事前に設定したコミッション率で商品を推奨 シンプルで直感的な申請フォームにより、お客様にアフィリエイトプログラムの申請を促すことが可能 価格:199ドル(コミュニティ版)〜649ドル(エンタープライズ版 互換性
best-free-magento-2-themes-1
31 May 2021 / Published in Magento
  Magentoは、市場をリードするEコマースプラットフォームとして知られています。継続的なメジャーアップデートと機能の導入により、最も柔軟なEコマースソリューションのひとつとなっています。 このプラットフォームはスケーラブルで信頼性が高く、素晴らしいコミュニティを持っています。成長を続けるMagentoプラットフォームでは、このプラットフォームでの顧客体験ができるだけスムーズに進むようにする必要があります。 高品質のテーマは、Magento の素晴らしい機能をすべて引き出し、強化し、E コマース体験をまったく新しいレベルに引き上げることができます。 そのお手伝いをするために、Magento の無料テーマの中から選りすぐりのテンプレートを集めました。これらのテーマは、Magentoプラットフォーム上で動作するオンラインストアのための既製レイアウトです。 これらのテーマを使えば、どんなプロジェクトでも、手間をかけずに、すぐにウェブサイトを構築することができます。すべてのテンプレートは、高い機能性と最新のレイアウトデザインを備えており、最先端のパフォーマンスを提供します。 この記事では、無料のMagentoテーマを紹介しています。 レスポンシブレイアウト:完全なレスポンシブデザインで、あらゆるデバイス、スクリーンタイプ、解像度で動作します。 柔軟なテーマ設定:色、フォント、その他の設定を変更して、Eストアの外観をカスタマイズできます。 簡単な操作性:テーマは、詳細なステップバイステップのガイドラインに沿って、簡単にMagentoストアにインストールすることができます。 多言語対応:複数の言語に対応していますので、世界中のお客様にご利用いただけます。ここでは、Magentoストアに多言語をインストールして設定する方法をご紹介します。 Magentoストアのための強固なデザインを探している場合は、間違いなくあなたの検討に値するトップ12無料Magentoのテーマのリストをチェックしてください。 1. Ves Need Ves Needは、Magento 2 Blank Themeから継承されたクリーンでミニマルなテーマです。このテーマでは、ユーザーは素晴らしい見ているだけでなく、モバイルデバイス用に最適化されたタッチフルウィズバナースライダーで1ページ目から従事している。このテーマは、カスタムコード、CSS、モジュールが少なく、サイトの読み込みが速く、使いやすいようになっています。また、商品にフォーカスしたデザインになっていますので、商品を最も効果的に紹介することができ、一目で顧客を惹きつけることができます。さらに強力な機能を搭載。 商品リストカルーセル パワフルで直感的な管理画面 迅速なチェックアウトプロセス オフキャンバスメニュー モバイルフレンドリー 2. Ves Kasitoo Ves KasitooはMagentoの2ストアのためにVenusThemeによって構築された別のテーマです。テーマは、特にあなたのホームページの上部にカウントダウンタイマーとの限られた時間の取引を強調するために設計されています。あなたの製品に余分な注意を引くために、あなたはそのような最新の、新しい、最も見た、ベストセラーなどのルールによって製品リストの複数のタイプを紹介することができます。Kasitooテーマが提供する最高の機能をご覧ください。 タッチ操作に最適化された取引商品のカルーセルとカウントダウンタイマー: オフキャンバスメニュー ファストチェックアウト 注目商品タブカルーセル レスポンシブ&レティナ対応 3. Ves Fasony Ves FasonyはVenusThemeによって構築された次のMagentoの2テーマです。魅力的な既製のレイアウトは、クイック-ツー-スキャンを可能にし、最良の方法であなたの製品を表示するように設計されています。Magentoの2ブランクのテーマから構築された、テーマはレスポンシブデザインと複数のデバイス間で網膜の準備ができて強化されています。あなたのMagentoストアのためのショッピング体験を活用するには、強力な機能の負荷が用意されています。 オフキャンバスメニュー ブランドフクロウのカルーセル 注目商品リスト ファストチェックアウト スマートなお客様の声 タッチ式スライドショー 4. Ves Vigoss Ves Vigossは、VenusThemeのMagento 2テーマコレクションの最新テーマです。テーマはBootstrap 3.xのレイアウトコンポーネントとの組み合わせでMagentoの2.0空白のテーマ&IUから継承されています。グリッドベースのレイアウトは、非常に組織的な方法であなたの店についてのコンテンツの負荷を展示することができます。このテーマは、素晴らしい機能のフルセットが付属しています。 オフキャンバスメニュー&ヘッダーリンク 画像スライダー 商品ページのギャラリー画像 Ajaxカートとクイックビュー ブランドロゴスライダー チェックアウトの改善 Font Awesome 価格、色、カテゴリー、サイズによる高速レイヤーナビゲーションとフィルタリング 製品/タブのカルーセル 5. EMThemes  EMThemesが提供する多目的テーマは、フルカスタマイズが可能で、レスポンシブ対応、高度な管理モジュールで簡単に使用できます。このテーマは、あらゆるタイプの店舗のために設計されています。視覚的に魅力的なレイアウトと優れた機能性のコンパイルは、あなたのウェブサイトでのショッピング体験を向上させます。機能の完全なセットによって強化され、テーマはあなたのカスタムプロジェクトの出発点として最適です。 進化したレイヤード・ナビゲーション・エクステンション。 ブログ機能 商品のサムネイルにマウスオーバーしたときのホバーイメージを設定。 高度なCMS静的ブロック 新着商品の表示 おすすめ商品 カルーセル・スライダー/タブ・ウィジェット 商品クイックビュー Ajaxによるカートへの追加 カスタム商品ラベル 6. F2 F2テーマは、最新のWebトレンドに合わせてデザインされています。そのため、魅力的な外観と比類のない機能性を兼ね備えています。同時に、そのクリーンなデザインは、視覚的な効果を過剰に与えないため、サイトの読み込み速度が速くなります。テーマの構造化されたメニューとレイアウトは、コンテンツがより組織的に見える保つのに役立ちます。必要に応じて、このファッションストアMagentoのテンプレートは、簡単に任意の種類の他のプロジェクトに適応することができます。その素晴らしい機能を探る。 イメージスライダー Ajaxショッピングカート カスタムページデザイン Google Web Fonts ドロップダウンメニュー カルーセル商品リスト 様々な商品タイプ スティッキーヘッダー 設定可能なスウォッチ 7. Ketty 専門的に行われ、最新のWebデザインの動向に触発され、この衣料品店Magentoのテーマは、任意のファッションアパレル店にvoguishトーンを設定します。グリッドベースのコンテンツブロックのレイアウト、網膜対応の画像と近代的なフォントは、最も有利な光の中であなたの提供を展示しています。メガメニューは、あなたの訪問者が簡単に知覚する方法で服やアクセサリーのフルレンジを知っているようになります。カスタム管理パネルにより、ビジネスのニーズに合わせてテンプレートを簡単に調整することができます。完全なレスポンシブ対応、SEOフレンドリー、クロスブラウザ対応のこのテーマは、あなたのMagento 2ストアのための強固なオンラインショップを構築するのに役立ちます。 イメージスライダー Ajaxショッピングカート チェックアウトの改善 設定可能なスウォッチ 商品ズーム 新デザインの管理画面 8. AllyBike AllyBikeは、Magentoのブランクテーマをベースにしたレスポンシブテーマです。このテーマは、ユニークなカタログテーマとプレミアム製品ページが付属しており、あなたはあなたの店頭がかなりよりプロフェッショナルに見える見つける必要があります。さらに、テーマAllyBikeはまた、設定可能な製品を容易に視覚化するのに役立つために設定可能なスウォッチが付属しています。AllyBikeは完全なレスポンシブ仕様で、大画面のデスクトップ、ラップトップ、モバイル、タブレットなど、どのようなデバイスでも動作しますので、あなたのストアが常に完全な機能性と豊富な機能を備えていることが保証されます。 独自のカタログページ 新製品リスト プレミアム製品ページ 設定可能なスウォッチ 完全なレスポンシブ対応 クロスブラウザ対応 9. Pixtron クリーンで上品なレイアウトのPixtronは、電子・デジタルショップ向けに特別にデザインされたテーマです。このテーマは完全なレスポンシブ仕様で、プロモーションバー、オートデモコンテンツのインストール、多言語対応など、役に立つ様々な機能を備えています。 プロモーションバー ユニークなブロックデザイン オートデモコンテンツのインストール
28 May 2021 / Published in TechBlogs
Magento のチェックアウトページを変更するのは、必ずしも簡単なことではありません。というのも、ご存知のように、Magento 2 のデフォルトのチェックアウトは、一連の Knockout JS コンポーネントから作成され、Knockout JS templating system を使ってレンダリングされているからです。これらのコンポーネントとその親子関係は、大きなXMLファイルで定義されており、テーマやモジュールで拡張したりオーバーライドしたりすることができます。 最適化の手順に入る前に、まずテーマ内にcheckout_index_index.xmlファイルを作成する必要があります。 このファイルを作成した後、チェックアウトページの最適化を開始します。 既定のチェックアウトページを最適化する方法 解決策1:シッピングフォームのフィールドを削除する この例では、削除しようとしているフィールドはFaxです。これを削除するには、Faxフィールドへのパスを定義し、次の項目を子として追加する必要があります。 キャッシュを削除すると、すべての変更点が表示されます。 解決策2:チェックアウト時の利用規約の位置を変更する ここでは、「ご利用規約」をデフォルトの「お支払い方法」の下から、「チェックアウト」の最後にある「ご利用規約」に変更する方法をご紹介します。 ステップ1:アイテムをデフォルトの位置から外す アイテムを別の位置に表示する前に、まずアイテムを元の場所から無効にする必要があります。そのためには、XMLツリーに沿って、このアイテムを置き換える必要があります。 次のようにしています。 ステップ2: 目的の場所に再追加する これで、チェックアウトの最後に再追加されます。 ステップ3:必要な場所にテンプレートを呼び出す この例では、利用規約がチェックアウトの最後に移動されるため、テンプレートの名前は “after-place-agreements “となります。 解決策3:ヘッダーにカスタムブロックを追加する コンバージョン率を高め、サイトのセキュリティを向上させるためには、チェックアウト時のヘッダーに、より多くの情報をお客様に提供する必要があります。以下は、それを簡単に行うための方法です 解決策4:チェックアウトにカスタムフッターを追加 お支払い方法や配送情報、追加クーポンなど、特定の項目を強調したい場合は、チェックアウトにカスタムフッターを追加することができます。以下は、CMSブロックを使ってカスタムフッターを作成するためのサンプルです。 また、テンプレートファイルでカスタムフッターを作成する方法をご紹介します。 結論 結論として、私はチェックアウトページを最適化するためのいくつかのソリューションを紹介しました。これらは完全な解決策ではありませんが、デフォルトの機能の弱点を修正するための良い改善策となります。 ►►►サービスについてMagento, Sitecore, Shopify Plus, BigCommerce, Amazon Marketplace