28
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Shopifyアプリ】ページを「nosh-ナッシュ」みたいな感じにする、日本製のShopifyアプリを見つけた話

Last updated at Posted at 2022-03-02

はじめに

Shopifyのコレクションページを「nosh-ナッシュ」みたいな感じにするShopifyアプリを見つけました。

使いやすくて結構凄いアプリだったので、今回の記事でご紹介します。

nosh-ナッシュみたいな感じって何?

ナッシュは、ヘルシーな冷凍弁当を毎週お届けするミールキットみたいなものです。

このサービスの凄いところは、毎週のミールキットを選択する画面のUXです。

6822f2b745e362ea9036ddcbb651c4d2.gif

次々と「カートに追加」を行うことができるため、ユーザーはストレス無く次々と商品をカートに追加してしまいます。

売上の上昇が見込めるため、こちらの機能を実装したいという事業主さんは結構多いです。

340e777e2f1e610df33736b772828605.gif

上の方にあるタブから、商品の絞り込みが行えます。そのため、全ての商品をこちらの画面に表示しておき、ユーザーが商品を探す場合は、自分でタグの切り替えを行う形になります。

このような実装を行うと、カテゴリー画面や商品詳細画面が必要無くなります。

そうすると、画面遷移の数が減り、カートに追加の心理的障壁が下がるので、売上の向上が見込めます。

アプリのインストール

ページを「nosh-ナッシュ」みたいにするアプリは、こちらのアプリです。

コレクションページカート追加アプリ|リテリア ぽんぽんカートというアプリで、コレクションページから商品をぽんぽんと追加できるようにする、という機能を実現できます。正直、機能が分かりにくいですね。

アプリをインストールすると、以下の管理画面に飛びます。

image.png

アプリの有効化を押すと、自動的にアプリが有効化されます。

こちらのアプリは、あくまでコレクションページに追加が行われるアプリなので、テーマの編集画面からコレクションページに移動しましょう。

image.png

「アプリ」というセクションに、PonPonCartが追加されていれば、設定は完了です。

image.png

実際に、サンプルストアから、アプリの動きを見てみましょう。

3488bf0dd5da728cdbcc981332a3fc11.gif

このように、「nosh-ナッシュ」のような「カートに追加」を行うことができます。

また、上のタブから商品の絞り込みも行うことができるため、「nosh-ナッシュ」のようなUXを実現することが可能になっています。

カスタマイズ性の高く、カートの種類や商品カラムの列数等を変更することが可能になっている、非常に強力なアプリだと思います。

コレクションページを「nosh-ナッシュ」のようにしたいという要望があれば(あるかどうかは分かりませんが)導入してみるのもありでしょう。

終わりに

今回は、コレクションページを「nosh-ナッシュ」みたいな感じにする、日本製のShopifyアプリを見つけたのでご紹介しました。

その他にも良さげな記事があれば、記事を書いていこうと思います。

28
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
28
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?