もくじ
テンプレート制作について
「らくうるカートのテンプレートを販売してほしい」というご要望をいただくようになり、新たにらくうるカート用テンプレートを制作しました。
ショップを訪問されたお客様に、より便利で使いやすいショッピング体験を提供することをコンセプトに開発したテンプレートです。
このテンプレートの主な特徴は、商品検索やソートをリアクティブに行えることでお客様をお待たせしないこと、SEO面への配慮として、title、description、OGPタグなどを自動で適切に生成し、リッチリザルト表示に対応していること、そしてアクセシビリティへの配慮です。詳細を以下に書きます。
Slim&Fastのデモ: Instagram – story
商品検索や一覧の並び替えをリアルタイムに
このテンプレートでは、商品検索やソートを画面遷移なしにリアクティブに行います。
お客様が商品を検索したり、ソートしたりすると、リアルタイムで結果が更新され、スムーズなショッピング体験を実現します。
お客様はお目当ての商品をスピーディに見つけられるため、離脱率の低下やついで買いの増加も期待されます。
在庫やバリエーションに応じて表示内容を変化(商品ページ)
らくうるカートの基本テンプレートでは、購入数量が在庫オーバーしている場合や、在庫なしのバリエーションを選択している場合でもカートに入れることができてしまいます。(カート画面にすすむと在庫切れメッセージが出る)
お客様にとっては望ましくありませんので、注文数と在庫数に応じたカートボタンの切り替え、バリエーションごとに価格や商品画像、カートボタンの切り替えを行います。
お客様はカート画面にすすむことなく在庫オーバー or 在庫切れが分かり、すぐに対応できるようになります。
リッチリザルト表示に対応
Slim & Fastテンプレートは、「商品」・「パンくず」・「商品検索」3種類のリッチリザルト表示に対応しています。
リッチリザルトに直接的なSEO効果はないとされていますが、商品画像や価格、在庫などの情報を見やすく表示することで、お客様は商品の情報を正確に把握しやすくなり、クリック率向上につながります。
アクセシビリティへの配慮
キーボードユーザーやスクリーンリーダーユーザーの方にも、できるだけストレスなくショッピングをご利用いただけるように、アクセシビリティにも配慮しています。
多くのお客様に使いやすいと思っていただけるショップサイトを目指します。
Slim&Fastのご利用方法
Slim&Fastはテンプレートコードです。
らくうるカートの管理画面 > デザイン > マイテンプレート にて、適当なテンプレートを追加していただき、HTML編集でコードを上書きする形で使用します。どのテンプレートに上書きしても動作するようになっています。
コピー&ペーストのみでご利用いただけますので、特にHTMLやCSSなどの知識がなくても大丈夫です。
注意事項
Slime&Fastに含まれているコードは、
- 共通部分HTML / CSS
- トップページHTML
- 商品一覧HTML
- 商品検索HTML
- 商品詳細HTML
- 404ページHTML
の7種類です。カート画面CSSやランディングページ、会員ログインページなどは含んでいませんので予めご了承ください。