メインコンテンツにスキップ

Charming Theme

JA
Custom Shopify gift guide page on desktop and mobile

毎年 10 月になると、ベルリンのブランド KANTE の創業者ヨナスのもとに同じ質問が届きます。「彼氏や父、兄弟に何を贈ればいい?」ストアは普通のコレクションページで答えていました。お客さまはスクロールし、比べ、迷い、「少し考える」と去っていきました。

そこで私たちは、予算とギフトの種類で整理し、どの商品もワンタップでカートに入れられる Shopify ギフトガイドページを制作しました。ギフト選びの悩みに数秒で答えるページです。

この記事について:KANTE は架空のブランドです。実際に納品した Shopify 案件をもとに再構成しており、名前・商品・一部の詳細は変更しています。セクション、課題、解決策はすべて実際のものです。

デスクトップとスマートフォンで表示した Shopify ギフトガイドページ
KANTE のギフトガイド(デスクトップとスマートフォン)。(イメージ図)
クライアントKANTE、メンズグルーミング、ベルリン(架空)
目標第 4 四半期にギフトセットの販売を伸ばす
納品物4 つの再利用可能なセクションで構成したギフトガイドテンプレート
編集者チーム(テーマエディタ)
再利用先父の日、ブラックフライデー、バレンタイン
あなたの Shopify ストアにもこんなセクションを?

必要なものを教えてください。固定価格の見積もり、公開前のプレビューリンク、そしてあなたのものになるコードをお届けします。

見積もりを依頼無料・ご相談のみも歓迎。通常 1 営業日以内に返信します。

コレクションページではギフトガイドにならない理由

コレクションページは商品を並べるだけ。ギフトガイドは決断をらくにします。ギフトを探す人は商品名を知らないことが多く、知っているのは予算と贈る相手です。ページはそこから始め、安心できる選択肢をいくつか示し、配送と返品の明確な約束で不安を取り除く必要があります。

ページを支える 4 つのセクション

ヒーロー、固定カテゴリリンク、商品グリッドを備えた Shopify ギフトガイド
ヒーロー、固定カテゴリリンク、商品列、信頼の約束。(イメージ図)
  • ギフトガイドのヒーロー:デスクトップとモバイル別の画像と、「ギフトセット」「50 ユーロ以下」の 2 つのボタン。
  • 固定ジャンプリンク:ページ内のカテゴリから自動で生成され、今どこを見ているかをハイライト。
  • カテゴリ別の商品列:テーマの商品カードを使用し、カート追加とモバイルでのスワイプに対応。
  • 信頼バー:返金保証、送料・返品無料、製品保証、翌日配送。

ジャンプリンクは私たちのお気に入りの工夫です。チームがリンク一覧を管理する必要はありません。各商品列に名前とアンカーがあり、バーが自動で読み取ります。「プチギフト」の列を追加すれば、正しい位置にリンクが現れます。

親指で使いやすく

Shopify ギフトガイドページのモバイル表示
モバイルでは商品列がスワイプできるカルーセルになります。(イメージ図)

ギフトの購入の多くはスマートフォンで、しかも夜遅くに行われます。モバイルでは各カテゴリがスワイプできる列になり、次の商品が端から少し見え、カテゴリバーはスクロール中も上部に固定されます。

1 つのテンプレートをすべてのキャンペーンに

ページはセクションで構成された JSON テンプレートなので、KANTE は父の日やブラックフライデー用に複製し、商品を入れ替えて、開発者なしで公開できます。カスタムセクションが元を取るのはまさにここです。2 回目、3 回目のキャンペーンはほとんどコストがかかりません。

計測すべきこと

  • セット商品をカートに入れたガイド訪問者の割合
  • 各ジャンプリンクのクリック数(どの予算・カテゴリが重要か)
  • ギフトシーズンの平均注文額
  • モバイルでのスクロール深度
繁忙期の前にギフトガイドを

再利用できるセクションで作るギフトガイド。クリスマスにも、その後のキャンペーンにも使えます。

見積もりを依頼固定価格、公開前にプレビュー可能。

よくある質問

ギフトガイドはいつ依頼すればいい?

繁忙期の 6〜8 週間前が理想です。商品を入れ、宣伝する時間が取れます。

クリスマス後も再利用できますか?

はい。ページを複製し、商品とテキストを変えれば次のキャンペーンに使えます。

既存の商品やコレクションと使えますか?

はい。各列にコレクションまたは手動で選んだ商品リストを表示できます。

ギフトガイドのアプリは必要ですか?

いいえ。ページはテーマの一部なので、アプリ費用も追加スクリプトも不要です。

Share this article