WooCommerce: Shoptimizer テーマのレビュー

公開: 2022-09-07

WooCommerce ストアを構築する際に留意すべき重要な要素の 1 つは、顧客にシームレスなページ ナビゲーションとデザイン エクスペリエンスを提供すると同時に、より高速なページ速度とパフォーマンスを確保することです。 顧客満足度を高め、ビジネスの売上を向上させるのに役立ちます。

Akamai の調査によると、ストアのページの読み込み速度は Google の SEO 要因を決定する重要な要素の 1 つであるため、1 秒の遅延でもウェブサイトのコンバージョン率に 7% の影響を与えます。

したがって、遅延を回避し、美しく魅力的なウェブサイトを作成するには、ストアに優れた WooCommerce テーマを選択する必要があります.

ただし、幅広いオプションを考慮すると、多目的でユーザーフレンドリーで魅力的な WooCommerce テーマを選択することは、困難で圧倒される可能性があります. したがって、今日、この記事では、最速の WooCommerce テーマの 1 つである Shoptimizer を確認します。

この記事では、テーマの概要、インターフェイス、重要な機能、および価格を確認して、WooCommerce ストアに適しているかどうかを確認します. さぁ、始めよう!

Shoptimizer: 概要

Shoptimizer は、スピードとコンバージョンに最適化された WooCommerce テーマで、トラスト バッジや気が散ることのないチェックアウトなどの機能を提供して、Web サイトの訪問者を顧客に変えます。

CommerceGurus チームは、コンバージョン、スピード、魅力的なデザインなど、WooCommerce ストアに最高の SEO メリットを提供するために、ベスト プラクティスと広範な調査に基づいてテーマを構築しました。

Flatsome などの他のテーマとは異なり、Shoptimizer は WooCommerce 用に特別に設計されているため、多目的テーマではありません。

これらの利点に加えて、Shoptimizer の他の重要な機能と、それが最速の WooCommerce テーマの 1 つである理由を見てみましょう.

WooCommerce の Shoptimizer の主な機能

Shoptimizer テーマをインストールしてアクティブ化したら、[カスタマイズ] ボタンをクリックして、Shoptimizer を使用して Web サイトをカスタマイズします。

このカスタマイズされたバージョンの WordPress カスタマイザーが表示されます。

1. ロゴとブランドアイデンティティ

Shoptimizer はすっきりとしたデザインで、ビジネスのロゴをウェブサイトに追加するなどの一般的な設定を容易にします。

[一般] に移動して [サイト ID ] を選択したら、 [ロゴの選択] ボタンをクリックして、ビジネスのロゴを e コマース ストアにすばやく追加できます。

ロゴのほかに、ブラウザ タブ、WordPress モバイル アプリ、ブックマーク タブに表示されるサイト タイトル、ビジネスのタグライン、サイト アイコンを追加または変更することもできます。

一般およびサイトのロゴに移動して、ロゴのサイズをさらにカスタマイズし、ロゴの下にビジネスのキャッチフレーズを表示または非表示にすることも選択できます。

2. 設計

Shoptimizer のカスタマイザーを使用すると、タイポグラフィ、レイアウト、色、ヘッダーとナビゲーションなどのインスタント設定を微調整してすばやく変更でき、理想的な e コマース ストアの構築に役立ちます。

これらのカスタマイズを 1 つずつ見ていきましょう。

カスタマイザーで [] をクリックすると、トップ バー、ヘッダー、フッター、ヘッダーの下など、色をカスタマイズするための多くの Web サイト要素オプションが表示されます。

これらのオプションのいずれかをクリックし、要素の前にある色をタップして、要素に切り替えたい色を選択できます。

これらの豊富な色のカスタマイズ オプションにより、ブランド アイデンティティに合わせて e コマースをデザインできます。

  • ウィジェット

[ウィジェット] オプションをクリックすると、ブロック、カレンダー、オーディオ プレーヤー、画像ギャラリーなどのウィジェットをさまざまな場所 (サイドバー、トップ バー左、サイドバー ページ、トップ バー センターなど) に追加できます。

ウィジェットを追加するオプションを選択し、[ウィジェットの追加] ボタンをクリックして、画面に表示される幅広いオプションから選択するだけです。

  • レイアウト

[レイアウト] メニューでは、サイドバー、ブログ、フッター、WooCommerce など、サイトの要素のレイアウトを変更できます。 適切なオプションをクリックして、サイドバーの幅や位置などのレイアウト機能をカスタマイズします。

  • タイポグラフィ

タイポグラフィオプションでは、Web ページの本文、段落、見出し 1 から見出し 5、ブログ、およびウィジェット タイトルのさまざまなフォント設定が提供されます。

要素のフォント タイプ、バリアント、色、サイズ、および文字間隔をカスタマイズできます。

  • ヘッダーとナビゲーション

また、Shoptimizer は、ページのトップ バー、ヘッダー、モバイル ヘッダー、カート、ナビゲーション、ボーダー ヘッダーのヘッダーとナビゲーションのカスタマイズをいくつか提供します。

たとえば、ヘッダーを選択すると、ヘッダーの上部パディング、下部パディング、レイアウト、検索デザイン、固定ナビゲーションをカスタマイズできます。

3.スピード

WooCommerce テーマに広範な機能セットと高品質の要素が含まれている場合、最終的には Web サイトの速度が低下しますが、そのテーマは e コマース ストアに害を及ぼすことはありません。 ウェブサイトの速度が遅いと、顧客の不満と SEO パフォーマンスの低下につながり、結果として検索エンジンのランキングが低下します。

Shoptimizer は速度が最適化されているため、SEO ランキングが向上し、ビジネスのパフォーマンスが向上します。 さらに、縮小された重要な CSS を自動的に作成して、サイトの読み込み速度を向上させます。

さらに、「重要な CSS」スタイルシートを動的に作成するため、サイトとそのコンテンツを訪問者に待ち時間なしで即座にレンダリングできます。

Shoptimizer カスタマイザーで、一般およびサイト設定に移動して、重要な CSS を有効または無効にし、縮小された CSS ファイルをロードし、Rivolicons アイコン フォントをロードします。

さらに、Google の Lighthouse 監査を通じてテーマを実行すると、信じられないほどのパフォーマンスと速度のスコアが得られます。

4. 製品変換機能

速度に加えて、Shoptimizer はコンバージョンに最適化された Web サイトであり、店舗訪問者を顧客に変えるのに役立つ機能を提供します。

たとえば、Shoptimizer が提供する単一の製品コンバージョン機能は、顧客エンゲージメントを改善し、製品を購入させるのに優れています。

以下は、Shoptimizer テーマで得られるコンバージョン最適化製品要素です。

  • 製品タイトルの近くに特別オファーや割引を表示する魅力的なヘッダー バナー
  • WooCommerce ストアの商品画像に焦点を当てるための大きな主要商品画像。

商品画像の幅やサムネイルの幅もお好みでカスタマイズできます。

  • 顧客に購入を促すための顕著な行動喚起 (CTA) (「エクスプレス チェックアウト」ボタンは、PeachPay Checkout for WooCommerce プラグインによって提供されます)。
  • 顧客が特定の高価格製品について安心を得るため、または製品ページから直接製品関連のクエリを解決するためにコールバックを要求できるようにする [コールバック] ボタン。
  • 顧客が製品の細部をズームして、より良い購入決定を下せるようにする製品画像ズーム機能。
  • バイヤーがワンクリックで前または次の製品にすばやく移動できるようにする、前および次の製品ナビゲーション

その他の重要な製品変換機能には、バイヤー内に FOMO の感覚を作り出し、売り切れる前に製品を購入するように彼らを急がせる在庫量、および混乱して未定のバイヤーが思い切って購入するのを助けるカウントダウン タイマーが含まれます。

さらに、商品の送料などの追加の商品情報を購入またはカートに追加ボタンの下に追加して、放棄率を減らすこともできます.

スライドアウトカートとカートページ

Shoptimizer にはスライド アウト カート機能が付属しており、顧客がワンクリックで同じページのカート内のアイテムを非常に便利かつ簡単に表示できるようにします。

また、他の WooCommerce テーマとは一線を画す、よく考えられたカート ページも提供します。 ここにそれらをのぞいてみましょう:

  • プログレス バー– 顧客の購入過程を表示するので、チェックアウトを完了するために画面を行ったり来たりする必要がありません。
  • 説得力のある行動を促すフレーズ –チェックアウトに進み、顧客に購入を促します。
  • クーポンの適用セクション - 顧客がクーポンを追加して、割引購入の恩恵を受けることができます。

もう 1 つの優れた機能は、複数の製品カテゴリを持つ e コマース ストアに最適なメガ メニュー製品カタログです。

ショップ ページの表示、カテゴリの表示、デフォルトの商品の並べ替え、行ごとの商品、ページごとの行をカスタマイズして、必要に応じて商品とカテゴリを表示できます。

チェックアウト機能

テーマのカスタマイザーで、 WooCommerceをクリックしてからCheckout をクリックすると、 Shoptimizer を使用して顧客の気を散らすことのないチェックアウト レイアウトをカスタマイズできます。

チェックアウト ページからヘッダー、フッター、およびナビゲーション メニューを削除し、チェックアウト プロセスの完了に顧客の注意を引き付けます。

ここでは、チェックアウト フォームの必須、非表示、またはオプションのフィールドをカスタマイズしたり、バイヤーが購入前に参照できるようにプライバシー ポリシーや利用規約のページを設定したりすることもできます。

モバイルフレンドリー

Shoptimizer はモバイル向けに最適化されており、ストアの SEO パフォーマンスを向上させ、ウェブサイトを検索エンジンでより上位にランク付けしやすくします。

Shoptimizer カスタマイザーの左下隅にあるコントロールをクリックすると、ウェブサイトのデスクトップ、モバイル、およびタブレット バージョンを表示できます。

Web サイトのタブレット バージョンとモバイル バージョンを表示する方法を次に示します。

Elementor ページビルダー

Shoptimizer は、主要な画面とコンテンツ ページに強力で人気のある Elementor ページ ビルダーを使用します。 この機能豊富なビルダーを使用すると、コーディングのスキルがなくても、洗練された独自のレイアウトを設計できます。

アクセシビリティ

CommerceGurus が特別に設計した Shoptimizer – アクセシビリティを念頭に置いています。

Shoptimizer は、できるだけ多くのユーザーと顧客が e コマース ストアにアクセスできるようにします。そのため、ビジネスの売り上げを逃さず、より多くの潜在的な顧客にリーチできます。

アクセシブルな WooCommerce テーマにする Shoptimizer の機能を次に示します。

  • Shoptimizerは、 Web コンテンツ アクセシビリティ ガイドライン (WCAG) レベル AAに合格しています このガイドラインは、聴覚障害や視覚障害など、さまざまな種類の障害を持つユーザーが Web サイトを非常にアクセシブルにする方法を説明する一連の技術要件です。
  • Shoptimizerは Lighthouse アクセシビリティ スコアで 94/100 を獲得しました。 Lighthouse は、Web ページの品質を向上させるための推奨事項が記載された詳細なレポートを作成する、Google の自動化されたオープンソース ツールです。
  • Shoptimizer は、アクセシビリティを確保するためにスクリーン リーダーでテストされています。 スクリーン リーダーは、ページのコンテンツを音声で読み上げる重要なツールであり、弱視や目の不自由なユーザーが画面を見ずに e コマース ストアをナビゲートできるようにします。

これらのアクセシビリティ機能により、ストアの可視性とコンバージョン率が向上し、SEO パフォーマンスが向上します。

互換性

最後に、Shoptimizer は互換性の高いテーマであり、Elementor、SiteOrigin、Beaver Builder、WordPress 用の Visual Composer などの主要なページ ビルダーと効率的に連携します。

これらのビルダーを使用して、ストアの魅力と機能をさらに強化し、ストアのユニークな外観のページを作成できます。

Shoptimizerの価格レビュー

Shoptimizer はプレミアムテーマです。 ただし、市場に出回っている他の WooCommerce テーマに比べて経済的な価格です。

1 年間のアップデートとプレミアム サポートを含めて 99 ドルです。

結論

Shoptimizer は、e コマース業界の専門家である CommerceGurus によって設計された、コンバージョンに最適化された、SEO に重点を置いた高速の WooCommerce テーマです。

初心者に優しいインターフェースを備えており、豊富な色、タイポグラフィ、およびウィジェットオプションを使用して WooCommerce ストアを簡単にカスタマイズできます. さらに、そのモバイルフレンドリーな性質、互換性、およびアクセシビリティにより、他の WordPress および WooCommerce テーマより際立っています.

Shoptimizer には、更新の頻繁なロールアウトが付属しています。 したがって、予算に優しく、高速で、SEO に最適化された WooCommerce ストアのテーマを探している場合は、Shoptimizer が最適です。 今すぐテーマのデモを試して、Shoptimizer のパワーを体験してください。