Xポストログ

以前、Shopifyで注文確認メールに注文メモを表示させる方法についてTweetしましたが、スタッフ通知メールにも表示させることができます。その設定方法です。
#Shopify
https://x.com/sh_sakamoto/status/1588837544959307777

Shopifyの注文状況（購入完了）画面では、追加スクリプトを設定することで任意の項目を追加表示できるのですが、これを用いて未会員ユーザーに対して会員登録導線を表示する設定例です。（注文状況画面ではLiquidのcustomerオブジェクトが使えないため、cookieを使って判別しています）
#Shopify

Shopifyのメタフィールドですが、ストア内検索ではヒットしません。コミュニティでも話題になっていますが、検索対象とするためにはアプリを使う必要があります。ただ、内容にもよりますが、アプリを使わずに簡易的に対策したい場合はタグを併用するのも手ですね。
https://community.shopify.com/c/technical-q-a/shopify-search-metafields-value/td-p/1325558
#Shopify

Shopifyのグローバルメニューを第２、３階層目まで設定した場合、同じ階層の移動であっても毎回メニューを開く必要があるので少々面倒です。そこでテーマDawnで、メニューの構造に合わせて、自動で同一階層間を遷移しやすくするサブメニューを表示する方法です。
https://colossal-vanadium-63c.notion.site/Dawn-Ver-9-0-0-9deee42fbced4d1ea45999cc9ac5e570
#Shopify

たまにお問合せを受けますが、Shopifyの商品詳細画面に表示される関連商品は、管理画面でその内容を確認することができます。また、自動生成されるロジックについては、こちらのページで解説されています。
https://help.shopify.com/ja/manual/online-store/search-and-discovery/product-recommendations
#Shopify

Shopifyではスマホ用メニューは毎回上からたどる必要があり、階層が深いと行き来するのが少々面倒です。そこで、メニューを開いた直後からその階層を表示させておけば遷移がかなりスムーズになります。他テーマでは方法が異なりますが、テーマDawnでの実装例です。
https://colossal-vanadium-63c.notion.site/Dawn-32263a49c791426fb88c757a3d84aa62
#Shopify

Shopifyでバリエーションの選択肢が多い商品を扱うストアでは、選択したオプションが分かりづらくなるケースがあります。訪問者の方が迷わずにカート投入できるよう、選択中の商品状態を別途表示しておくのも良いですね。
https://colossal-vanadium-63c.notion.site/Dawn-7c50f4f5abba491aa942064a273693c8
#Shopify

Shopifyの商品情報画面で、その商品が含まれるコレクションをリスト表示する方法です。関連商品リンクと同様、類似商品を探している訪問者の回遊性を高める効果が期待できます。以前共有させて頂いた商品タグのリンク一覧と併用しても良いですね。
https://x.com/sh_sakamoto/status/1633709841662480385?s=46&t=KFlndRNFcFpHyOwI8aH76w
#Shopify

Shopifyでバリエーションを持つ商品は、一番上に登録されたものがデフォルトとして最初に表示されます。
サイズなど選択項目の表示順は変えたくないものの、最初に表示するバリエーションは違うものを指定したいことがあります。そこでテーマ「Dawn」のメタフィールドを使った設定例です。
#Shopify

そこまで効果があるわけでは無いのですが、Allbirdsのように中身が空のカートページに商品やコレクションへの導線を表示しておくのも良いですね。
中身に応じて表示・非表示されるようにしつつ、空にした瞬間も画面を更新せずに表示されるようにした設定例です。
https://colossal-vanadium-63c.notion.site/Dawn-77a8dfaf04194226a5022cd9eb4ae7fa
#Shopify

Shopifyのドメインが「〜.myshopify.com」の場合、Google Search Consoleでsitemap.xmlを送信しても取得してもらえないようです。
#Shopify
https://support.google.com/webmasters/thread/66712097/%E3%80%90shopify%E5%88%A9%E7%94%A8%E3%80%91%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97%E3%82%92%E9%80%81%E4%BF%A1%E3%81%97%E3%81%A6%E3%82%82%E3%80%8C%E5%8F%96%E5%BE%97%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%9B%E3%82%93%E3%81%A7%E3%81%97%E3%81%9F%E3%80%82%E3%80%8D%E3%81%A8%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82?hl=ja

スマホの商品詳細ページでサムネイル画像を一覧で確認できるようにしておくと、訪問者も見たい写真がすぐに探せて便利です。せっかく用意した商品写真、購入促進のためにも閲覧率を上げたいところです。他テーマでそのまま使う事は出来ませんがDawnでの設定例です。
https://colossal-vanadium-63c.notion.site/Dawn-9cf6812c12a9479999c004643bb8ed95
#Shopify

ShopifyでメタフィールドもCSVを使って編集したいことがあると思います。デフォルトのエクスポート機能だとカラムが無いので操作できないのですが、そんな時もMatrixifyが便利です。フィルタをかけられるので、特定のフィールド値だけ編集することも可能です。
https://apps.shopify.com/excel-export-import?locale=ja
#Shopify

Shopifyのテーマの多くは検索アイコンをタップするとその場でワード入力を促されます。
ですが、訪問者がより簡単に目的の商品にたどり着けるようにするために、直感的なナビゲーションを提供する検索ページに直接遷移させる方法も有用です。
#Shopify

Shopifyのテーマ「Dawn」では商品詳細ページが長い場合、スクロールしてくと「カートに追加」ボタンが見えなくなってしまうので少々不便です。そこでStickyボタンの設定例です。（売り切れ時のボタンラベルまで反映していますが、「追加」固定でも良いかと思います）
https://colossal-vanadium-63c.notion.site/Dawn-f124087ea0044ec19a22d48bea7d526a
#Shopify

Shopifyの一覧画面で商品のバリエーション表示する設定例です。一覧画面にもバリエーション情報を表示しておくことで、訪問者が商品選択しやすくなり購入体験の向上を図ることができます。バリエーションが豊富な商品を扱うストアで効果的です。
#Shopify

Shopifyのテーマ「Dawn」のスライドショーは登録件数が最大５件になっていますが、数を増やしたいケースもあるかと思います。slideshow.liquid内のschemaを修正すれば拡張できます。画像はLazy load対応されていますが、要素の増やし過ぎは画面全体が重くなりますのでご注意下さい。
#Shopify

Shopifyのコレクションや検索結果ページで「割引（セール）商品」を絞り込めるようにする方法です。割引価格の有無そのものを絞り込み条件として設定することはできないので、通常は「タグ」を使っています。アプリを使えば、割引価格を設定するだけで自動でタグの付与・解除もできます。
#Shopify

Shopifyのコレクション（商品一覧）ページですが、ヘッダーとは別に途中でバナーなどのコンテンツを差し込み表示したいというリクエストを頂くことがあります。そこで、テーマ「Dawn」を使った設定例です。
#Shopify

Shopify Flowはスプレッドシートにも連携できて便利ですね。
売上確定のために発送完了日起算で集計する場合など、タグで対応するケースがあるのですが、並行してスプレッドシートに発送完了済みの注文データを送るようにしておけば、CSV加工も必要ないので集計の手間が削減できますね。
#Shopify