素晴らしい製品のカスタマイズを備えた3つのWooCommerceストア
公開: 2016-11-12あなたは、あなたの店から製品を購入するすべての顧客が楽しい買い物体験をしたいと確信しています。 あなたは壊れたリンク、遅いページ、そして放棄されたカートを避けたいです。
ブラウジングだけでなく、購入する予定の商品を作成している買い物客にとっては、賭け金はさらに高くなります。 カスタム作成またはパーソナライズされた製品は売り上げを劇的に増やすことができますが、その存在に伴い、標準の画像ギャラリーを超えてカートボタンに追加する製品ページが必要になります。
オプションのパーソナライズを備えた商品をすでに販売している場合でも、ストアにカスタムクリエーションを追加することを検討している場合でも、少しのインスピレーションが役立つと思いました。 そして、WooCommerce Showcaseのおかげで、インスピレーションを見つけるのは決して難しいことではありません。
これは、製品ページにいくつかのすばらしいカスタマイズオプションがあり、自分のストアでこれを実現するのに役立つヒントと拡張機能を備えた3つのストアを示しています。
QueroHandmadeShoesのあなた自身の手作りのペアをデザインしてください
この製品のパーソナライズの最初の例は、手作りの商品の概念を実践し、息づいている会社からのものです。 Quero Handmade Shoesを使用すると、顧客は男性用または女性用の革靴をオンラインでデザインできます。 注文時に、各ペアは「何世代にもわたる経験」を持つ職人によってスペインで手作りされ、すぐにあなたのドアに出荷されます。

Queroのカスタマイズプロセスは、買い物客が商品ページを表示した瞬間から始まります。 それらは最初に問題の靴に紹介され、サンプルデザインと、変更可能ないくつかの事項(色、ソールの厚さなど)について説明した紹介コピーが提示されます。

「この靴をカスタマイズ…」をクリックすると、買い物客はページを下に移動して、すっきりとデザインされたオプションのドロップダウンメニューに移動します。 ここでは、靴のキャップとつま先の色からパターンまで、すべてを選択できます。

少し上にスクロールすると、変更または新しい選択を行うたびに、カスタムシューズの上部と下部の両方が表示されます。

各ページには、靴全体に生地を適用するオプションもあります。これにより、優柔不断な買い物客(または、つま先やかかとの色の違いなど、細部に気を配りたくない人)の時間を節約できます。

Queroのカスタマイザーのわかりやすさと、すべてのページの最初からカスタムシューズのコンセプトがどれほど根付いているかが気に入っています。 あなた自身の革靴をデザインすることは少し気が遠くなるような経験のように聞こえます、しかし製品ページはプロセスをエレガントで完全に楽しいものに変えます。
靴を手に(または、より適切には足に)付けたら、それを誇示したいと思うものの1つです—「私はこれらを自分でデザインしました! 見たい?"
ELEVENveloでスタイリッシュに乗りましょう
幸運なことに、今年初めにブログでELEVEN veloのストーリーを共有できましたが、このカスタマイズされたサイクリングウェアのメーカーが、買い物客が好きな商品を手に入れる方法をもう一度見てみる価値があります。

ELEVENベロストアでサイクリングギアを選択してください。たとえば、フルレングスのフロントジッパー付きのウールジャージです。紹介写真、レビュー、フィット情報のギャラリーを見ると、すぐにカスタマイズできます。
このパーソナライズの考え方で私たちが気に入っているのは、顧客にとってもショップにとっても、それがいかにシンプルであるかということです。 製品ページの左側では、問題の製品の平らな白黒のイラストから始めます。 C1からC5を選択すると、イラストが更新され、選択した色の簡単なリストが表示されます。

次に、必要な色を決定したら、同じ画面の右側を見るだけです。 上下にスクロールしてプレビューから選択ボックスに移動する代わりに、C1の選択肢からC1ボックスを一瞥し、すでに視覚化したものと同じオプションを選択します。


繰り返しますが、シンプルさがこれを勝者にしているのです。 顧客は、注文している製品がどのようになるかを確認したいと思っていますが、フォトリアリスティックなプレビューはサーバーに負担をかける可能性があります(特にオプションがたくさんある場合)。 これは、それを迅速に処理し、それでもすべてのニーズを満たしたいものです。
ユニークなJoolzベビーカーを作成する
アムステルダムを拠点とするブランド、Joolzは、「ポジティブデザイン」の理論を使用して、カスタムメイドのベビーカーを製造しています。

Joolzは、製品ページをカスタマイズするための段階的なアプローチを採用しています。[Create Your Own Joolz]をクリックすると、ベビーカーのモデル、コレクション、ファブリック、そして最後にアクセサリを選択するためのガイドが表示されます。
利用可能なオプションは選択ごとに変わるため、2番目のステップに戻って別のコレクションからベビーカーを選択する場合は、オプション3で生地を再選択して、正確な価格と製品のプレビューを確認する必要があります。

ベビーカーのビルドを選択すると、画面サイズに応じて、カスタマイザーの上または横の写真がリアルタイムで更新されます。 最終ステップに到達してプレビューに満足したら、カスタムJoolzをカートに追加して注文するだけです。
Joolzのカスタマイズエクスペリエンスについて私たちが本当に楽しんでいることの1つは、モバイルデバイスでの動作がいかにスムーズかということです。 多くの設定を変更したり、画面サイズが不自然になったりしても、すべてが完全に調整されるため、どのデバイスからでもデザインできます。 すべての店がそれを主張できるわけではありません!

また、カスタムベビーカーをプレビューするには、画面のどこに表示されるか(デバイスに関係なく)、最小限のスクロールが必要です。 このようなデザインへの思いやりは、私たちが感謝せざるを得ないものです。
WooCommerceで信じられないほどのカスタマイズが可能になる方法
製品ページでパーソナライズ、カスタマイズ、または「キット」を提供する方法はたくさんあります。 試してみることをお勧めするWooCommerce拡張機能をいくつか紹介します。これらの拡張機能の多くは、次の3つのストアで使用されています。
- 製品のアドオン–彫刻、高品質の生地、ギフト包装など、チェックボックス、ドロップダウンメニュー、ラジオボタンなどの簡単なオプションを追加します。
- 複合製品–顧客が、キットや複数選択の製品を構築するための鍵となる、必要な数のオプションまたは選択肢を備えた複雑な製品を作成できるようにします。
- バリエーションの見本と写真–色や生地のスタイルのドロップダウンメニューを見本や写真に置き換えて、買い物客がオプションを視覚化できるようにします。
- 追加のバリエーション画像–さらに良い:すべてのバリエーションの写真を追加して、メールで何が届くかは間違いありません。
もちろん、これらの拡張機能の範囲を超えるパーソナライズまたはカスタム製品を表示するためのアイデアがあるかもしれません。 その場合は、開発者(WooExpertsの1人など)に連絡してカスタムソリューションを構築することをお勧めします。
これらの素晴らしい店からインスピレーションを得てください
この製品カスタマイズのショーケースが、あなた自身のビジネスのためのいくつかのアイデアを与えてくれることを願っています。 すでにカスタムデザインを提供していて、単に製品ページを強化する必要がある場合でも、単にインスピレーションを探している場合でも、ここから学ぶことがたくさんあります。
さらにアイデアをお探しですか? WooCommerce Showcaseをぜひご覧ください。カスタマイズ可能な製品から、独自のサブスクリプションサービス、オンデマンドで出荷されるミニチュアクラゲまで、見どころがたくさんあります(本当に!)。
読んでくれてありがとう、そしていつものように、コメントにこの投稿についての質問を残してください。
- 10の製品ページ機能とそれらを実現するための拡張機能
- すべての優れた製品ページに必要な機能