1〜3冊
ショーウィンドウ
書店のウィンドウのように、すべての本を表紙を見せて大きく並べます。
近日公開Shopifyの書店のための3D本棚
あなたのオンライン書店に本物の本棚を。
本をクリックすると棚から取り出せます
棚
壁
ビフォー・アフター
同じストアを、新しい見せ方で。
ハンドルをドラッグしてみてください。左は、Shopifyによくある書店。右は、同じストアにInShelfを導入した姿です。
いまのストア
- 同じような表紙が75冊、グリッドに並ぶだけ
- コレクションはメニューの奥に隠れたまま
- 本を検索はしても、棚を眺めて歩くことはない
InShelfを導入すると
- コレクションごとの棚が、ひと目で見渡せる
- 本を手に取り、表紙を見て、その場で購入
- ストアが、あなたの書店そのものの雰囲気に
試してみる
ストアではこう見えます。
サンプル書店のカタログを使った、リビングルームのシーンです。中に入って棚に近づき、本を手に取ってみてください。
架空の書店ひとひら書房のサンプルカタログです。7つの棚に75冊の本が並んでいます。
あなたのストアでは、メニューの
#shelfから開きます。
アプリに付属
どのページにも置ける、本のストリップも。
本棚ストリップブロックは、InShelfに追加料金なしで含まれています。ボタンも背景もない3Dの棚で、ページを下にスクロールすると横にスライドし、中央の本が前に出て表紙を見せます。ここで実際に試してみてください。
今週のおすすめ
ページを下にスクロールして、動きを見てください。棚をドラッグしたり、本をクリックしたりもできます。
1分で設定
コードは不要。テーマのほかのブロックと同じように追加できます。
- 0:00テーマエディターを開く
Shopifyでオンラインストア → カスタマイズに進み、お好きなセクションでブロックを追加をクリックします。
- 0:20「本棚ストリップ」を選ぶ
アプリの中に、ほかのInShelfブロックと並んで表示されます。
- 0:40コレクションを選んで保存
そのコレクションの本がストリップに並びます。空欄にすると本棚全体の本を使います。
本棚ストリップInShelf
本の動く方向
速度
変更は上のストアにすぐ反映されます。
しくみ
カタログから本棚まで、3ステップ。
デザインもコードも不要です。InShelfがShopifyにある情報を読み込み、本棚を自動で作ります。
-
1
アプリをインストール
Shopify App Storeからワンクリックで。無料プランから始められ、カードの登録も不要です。
-
2
カタログが本になる
InShelfは商品、表紙、説明文、コレクションをインポートします。各商品は表紙をもとに背表紙が作られた3Dの本になり、各コレクションは1つの棚になります。
-
3
メニューに
#shelfを追加ストアのメニューに
#shelfへのリンクを作成します。クリックすると、サイトの上に本棚が全画面で開きます。
お客様に見える画面
お店のように眺めて、オンラインで買う。
見て回る
窓の光が差し込むリビングルーム
本棚があるのは、木の床に植物とランプが置かれた部屋。スクロールホイールやボタン、スマホではピンチ操作でズームできます。
選ぶ
棚から本を取り出す
背表紙をクリックすると、その棚の本が一列に並び、選んだ本が表紙・著者・価格とともに手前に出てきます。
並べ替える
おすすめ順、価格、A–Z、色で
棚ごとにすぐ並び替わります。色で並べると、本棚が背表紙のグラデーションになります。
買う
ページを離れずにカートに追加
ボタンはストアのカートをそのまま使います。「新刊」「サイン本」「15%OFF」などのバッジが、表紙と本の詳細に表示されます。
フォーマット
本棚は、カタログの規模に合わせて変わります。
本が少なくても、空っぽの棚が目立つことはありません。InShelfは本の数に合わせて家具を選び、アプリから変更することもできます。
4〜9冊
作家の棚
壁に浮かぶ棚板に背表紙を並べ、1冊は表紙を見せて、ブックエンドを添えて。
近日公開10〜30冊
壁付けの本棚
2〜3段の棚に、コレクションごとに1段ずつ。
近日公開30〜150冊
リビングルーム
部屋に置かれた大きな本棚で、1段に1つのセクション。デモで使っているシーンです。
利用可能150冊以上
通路
複数の本棚が並び、検索と段階的な読み込みに対応します。
近日公開アプリ
4つの画面ですべて管理できます。
料金
無料で始めて、本棚が育ったら有料プランへ。
有料プランには7日間の無料トライアルが付いています。料金はShopifyの請求書でお支払いいただき、いつでもキャンセルできます。
Free
$0/月
実際のカタログでInShelfを試すなら。
- 最大20冊
- スタジオシーン
- 7日間の分析
- InShelfバッジ
Starter
人気No.1$9.99/月
独立系書店や出版社に。
- 最大150冊
- デザインの完全なカスタマイズ
- 90日間の分析
- InShelfバッジなし
Pro
$19.99/月
大規模なカタログや複数の本棚に。
- 本の数は無制限
- リビングルームを含むすべてのシーン
- Starterのすべての機能
- 優先サポート
価格は米ドル表示・税抜きです。Shopifyの請求がユーロの場合、各プランは€9.99と€19.99です。
よくある質問
インストールの前に。
ストアの表示が遅くなりませんか？
いいえ。3Dエンジンは、お客様が#shelfを開いたときにだけダウンロードされます。ストアのほかの部分はこれまでどおりに読み込まれ、スマホでは軽量版のシーンを使います。
背表紙を自分でデザインする必要はありますか？
いいえ。InShelfが各商品の表紙から背表紙と裏表紙を作ります。色を抽出し、お好みのフォントでタイトルと著者名を配置し、読みやすいようにコントラストを調整します。
表紙のない商品はどうなりますか？
その場合も、タイトルと著者名を入れた文字だけの表紙で本になります。該当する商品は「本」画面で確認できるので、画像をアップロードしたいときにも便利です。
スマホでも使えますか？
はい。すべてタッチで操作できます。ピンチでズームし、本をタップして開き、スワイプで次の本へ移ります。
本以外の商品も販売できますか？
本棚に表示されるのは、あなたが選んだ商品だけです。トートバッグやしおりも販売している場合は、「本」画面から除外できます。
アンインストールしたらどうなりますか？
ストアは元の状態のままです。InShelfは商品やテーマに手を加えず、アプリが有効な間だけ本棚を追加します。