Shop Kit でより良い商品ページを作成する 5 つの方法
公開: 2022-09-15Kadence Shop Kit 2.0 のリリースにより、世界中の WooCommerce サイト所有者は、この革新的なプラグインで利用できるツールを使用して、より効果的な製品ページを作成し始めています。
最近の Page Builder Summit で、Kadence の創設者である Ben Ritner は、サイトの訪問者をブランドの顧客に変えるために製品ページがなぜそれほど重要なのかについて概説しました。 そのビデオは現在 YouTube チャンネルで公開されており、以下に埋め込まれています。
Kadence Shop Kit を使い始めたばかりの場合、製品ページのどの領域をカスタマイズし始めるべきか疑問に思うかもしれません。 WooCommerce の製品ページをより強力にするために使用できる戦略を強調する Kadence Shop Kit を使い始めたばかりの場合に、いくつかの迅速で実用的な手順を提供したいと考えています。 インスピレーションを得るために、eコマース製品の表示をうまく行ういくつかのサイトとともに、最高のヒントを含めました.
1. 明確で簡潔なメッセージでスクロールを戦略化する
効果的なページ デザイン戦略は、サイトの「アバブ ザ フォールド」 (つまり、ページをロードするとすぐに表示されるサイト) に、購入前に顧客が知る必要があるすべての情報を含めることです。 このスペースでは、見込み客の注意を引くのにほんの少しの時間しか与えられないため、オファーをできるだけわかりやすくする必要があります。 製品を購入することで視聴者が得られるものを明確に示します。 最上位レベルでは、そのピッチを明確にしてから、ページの残りの部分を使用して、証言、有効性を概説するテストデータ、または技術的な詳細、測定などの証拠でそのメッセージをサポートします。より複雑なデータをさらに下に提供します.ページ。
Love Hair は、製品の利点を強調する上で、この素晴らしい仕事をしています。 ビデオを含む製品の写真をうまく配置して、没入型の体験で製品を紹介します。 ユーザーが下にスクロールすると、強調表示された読みやすい証言が引き出され、色で強調されます。ショッピング TL;DR の事実はアコーディオンで利用でき、グループ化された証言はページのさらに下で利用できます。
Kettle & Fire は、サブスクリプション ベースの購入を行う別のサイトで、オファーを非常に簡単に理解できるようにします。 フォールドの上には、[今すぐ購入] をクリックするために必要なものがすべて揃っており、ユーザーがさらに下にスクロールすると、より多くの情報が表示されます。
2. ページごとに 1 つの目標に焦点を当てる
WooCommerce はページごとに 1 つの商品に焦点を当てるように設計されていますが、ストアの所有者には多くの商品を一緒に販売する理由があることがよくあります。 各ページには行動を促すフレーズを 1 つだけ含める必要があり、その行動は製品を購入することである必要があります。
誰かにメーリング リストに参加してもらうことを目的としたランディング ページがある場合は、そのページに行動を促すフレーズを複数追加しようとしないでください。 それがその特定のランディング ページの目標である場合は、新しい電子メール関係を獲得しても問題ありません。 いつでも関係を築き、後で販売することができます。
カスタマージャーニーを開発することを非常に意識してください。 彼らがあなたの製品ページを見ている場合、彼らはすでにバイヤーズジャーニーの教育と評価の段階を経ていることを忘れないでください. 彼らは現在、購入を評価しており、それらのタイヤを蹴っています.デジタルマーケティング担当者としてのあなたの仕事は、彼らが行動を起こし、販売を完了するのを支援することです.
製品ページの主な焦点は、チェックアウトの準備として製品をカートに追加する次のステップに進むようにすることです。
3. 購入ボタンを最適化する
行動を促すフレーズは、ページで最も重要な要素になります。 前面中央に配置し、明るく見つけやすい場所に配置してください。 訪問者がボタンの上にマウスを置いたときにボタンを活性化するホバー効果により、アクションを実行するための視覚的な手がかりが得られます。 「今すぐ購入」または「カートに追加」のテキストが明確で簡潔であることを確認してください。巧妙になりすぎないようにしてください。
ただし、適切に使用すれば、巧妙な購入ボタンで製品に注目を集めることができます。
Montana Hudson は、「欲しい」と書かれた購入ボタンを巧みに使っています。 はい、ありがとうございます。 そうです！
もちろん、何らかのテストを行って、あらゆる種類の賢さを実装する必要があります。 Optimizely などのツールを使用して A/B テストを実行し、行動を促すフレーズが訪問者を顧客に変えるように最適化されていることを確認します。
4. 商品説明文を簡単にスキミングできるようにする
インターネットがテキストベースの検索に焦点を当てた市場として成長してきたにもかかわらず、サイト訪問者があなたのページにアクセスすると、彼らはスキミングにもっと興味を持っているというのは皮肉なことではありませんか? 顧客がいる場所で顧客に会うという目標に集中してください。
コピーは簡潔にしてください。 段落を 3 文以下に制限します。 コピーの定義が明確で、読み飛ばしやすいフォントを使用します。
そして、あなたのコピーを読む価値のあるものにしてください。
Poo-pouri はコピーをうまく活用して、タブーな話題について楽しく読める商品説明を作成しています。 どうぞ、あなたがそれを読みたいと思っていることはわかっています。
5. 高品質の写真を使用する
販売用の製品を提示するときは、サイトの訪問者に没入型のエクスペリエンスを作成しようとしています. そうすることで、彼らはあなたの製品を所有する際に、問題が解決したり、アイデンティティが向上したりすることを想像する可能性が高くなります. 写真の品質とビデオ体験に注意を払うことは必須です。 幸いなことに、携帯電話の写真はプロの写真とほぼ同じくらい優れていますが、素晴らしいショットを設定する方法を知るにはプロが必要になる場合があります.
ただし、製品ページに魅力的な写真が表示されているのを見ると、その投資はそれだけの価値があります。
製品のバリエーションがある場合は、写真にもそれらの製品のバリエーションがあることを確認してください。Shop Kit が展開に役立ちます。
Rent the Runway は写真で素晴らしい仕事をしています。 彼らはしないといけない。 サイトの訪問者は、重要なイベントに最適な外観を求めており、間違いは許されません。 商品写真は勝たなければなりません。
だからあなたはコーヒーが好きです。 あなたはそれがあなたのカップにどのように見えるか知っています. Blue Bottle Coffee は、通常の蒸したてのコーヒーの枠を超えた、ユニークでエレガントなコーヒーの写真を撮影します。 この意欲的な写真は、買い物客の心の中で朝のグラインドの儀式を高めます.
商品ページで何をしますか？
Kadence Shop Kit を使用すると、製品ページのロックが解除されます。 製品の利点を際立たせる革新的な製品レイアウトに役立つ事前作成済みのテンプレートを使用すると、新しい製品レイアウトをこれまで以上に簡単に開始できます。
Kadence ショップ キットは、Kadence フル バンドルの重要な部分です。 フルバンドルには、効果的なポップアップ、スライドイン、およびバナーのための Kadence Conversions、多数のサイト間でデザイン ライブラリを共有するための Kadence Cloud、そしてもちろん動的コンテンツを効果的に使用できるようにするための Kadence Theme Pro および Kadence Blocks Pro など、Kadence が提供するすべてが含まれています。条件付き表示など。
Kadence Shop Kitをお使いですか？ 以下のコメントであなたの経験を共有し、インスピレーションを得るためにあなたの製品ページをどこで見ることができるか教えてください!