Xポストログ

Xで投稿したShopify関連の内容をそのまま記録しています。

  • ShopifyではSNSなど様々なチャネルから誘導することが多いかと思いますが、どのチャネルでピックアップされたものか目印をつけておくことで訪問者の方に目的の商品を見つけてもらいやすくするのも手です。商品に専用タグを付与して、コレクション画面で商品にマーキングする設定例です。
    #Shopify

  • Shopifyで管理画面にアクセスできない方に控えテーマを確認してもらう際、共有用プレビューURLを使うことがありますが、下書き状態の商品を見てもらうには少々工夫が必要です。その設定方法です。
    #Shopify

  • Shopifyでは商品ごとに配送料を指定できますが商品ページでその旨を表示しておきたい場合があります。ただ、商品詳細画面で配送プロファイル情報を直接コードで取得できないので、タグ等でマーキングしてそれをトリガーにメッセージの表示を切り替えるなどしています。その設定例です。
    #Shopify

  • Shopifyのテーマ「Dawn」で言語スイッチャーをONにするとPC用の画面ではデフォルトでアイコンの左側に表示されます。これを右端に置き換えたいというリクエストをいただくことがありますが、その設定方法です。
    #Shopify

  • Shopifyのポリシーやカート、アカウントなどのページはデフォルトで検索エンジンのクロール対象から除外されているのですが、ストア内のリンク構造によってはインデックスされてしまうことがあります。検索結果に出てくる対象のページが表示されなくなるようにするための設定方法です。
    #Shopify

    スレッド

    ちなみにこの設定例ですと、対象のページのインデックスが外れる前に他のポリシーページがクロールされてしまうので、noindexタグを設定するところはhandle指定せずにpage_typeを指定するだけでOKです。

  • Shopifyでは「よくあるお問い合わせ（FAQ）」ページは１ページで作成することがほとんどですが、ページの中にページを埋め込むことができるセクションを使って、ページ内のコンテンツを検索できるようにした設定例です。
    #Shopify

  • 最新のグロースノウハウ記事がリリースされました。

  • 先日共有した「cart attributesを使ってリファラやパラメータを注文情報に付与する方法」ですが、少し手を加えて直近のデータだけでなく、流入した分だけ追記される方法に修正しました。基本的な設定方法は同じですが、コードの中身と注意事項に手を加えています。
    https://x.com/sh_sakamoto/status/1718217292876763316
    #Shopify

  • Shopifyで、タグで指定された特定の商品についてはログイン（会員登録）されていない場合に「カートに追加できない」ようにするための設定例です。テーマエディタから簡易的に編集できるようにしていますが、main-cart.liquidに直接コードを埋め込んでも構いません。
    #Shopify

    スレッド

    内容の訂正になります。「main-cart.liquidに...」と記載してしまいましたが、「main-product.liquidに...」の誤りです。

  • Shopifyのテーマ「Dawn」で商品の在庫状況を表示できる「在庫ステータス」ですが、商品ごとに表示内容を変えたい場合があります。ブロック設定ごとにテンプレートを作成しても良いのですが、殆ど差のないテンプレートを増やすのは得策ではないので、タグで制御できるようにした設定例です。
    #Shopify

  • 弊社では自社サービス「StoreHero」を使って（一般的にはストア分析レポートやGA4から）分析できる注文情報の流入元データですが、cart attributesを使ってリファラやパラメータを注文情報に付与することで（簡易的ですが）注文情報画面で確認できるようになります。その設定例です。
    #Shopify

  • StoreHeroがGoogle Analytics，Google広告、Meta広告とも連携できるようになりました！

  • Shopifyのカート画面でギフトラッピング商品を案内しつつ、ギフト商品が追加されたらメッセージを非表示にするための簡単な設定例です。
    #Shopify

  • Shopifyのテーマ「Dawn」の商品一覧画面で、異なる価格のバリエーションを持つ商品は「¥○,○○○から」と表示されますが、上限の価格も一緒に表示するための設定例です。商品価格を格納する変数の値に上限価格を追記する形で対応しています。
    #Shopify

  • Shopifyのブログで月別アーカイブを実装する設定例です。Shopifyの仕様上、自動で日付からアーカイブリンクを生成することができないため、個々の記事にタグ付けすることで代用していますがそれっぽい感じにはなります。記事の追加・削除に連動して、リンクも自動で表示・非表示されます。
    #Shopify

  • GA(UA)では確認できた「サイト内検索の0件ヒットワード」ですが、GA4になってからは標準のイベント設定のままでは把握が困難になってしまいました。そこでShopifyでカスタムイベントによって0件ヒットワードを計測できるようにする為の設定例です。
    https://x.com/sh_sakamoto/status/1582659086361190401
    #Shopify #GA4

  • Shopifyで、ログインユーザーに専用のメニューを表示したいという相談をいただく事があります。テーマエディタから会員専用メニューを指定できるようにし、ログイン状態に応じて表示を切り分けるための設定例です。これはDawnでの実装方法ですが、他のテーマにももちろん応用可能です。
    #Shopify

  • Shopifyの {{ order.note }} タグを使えば、マイページの注文詳細にも注文メモの内容を表示させる事ができます。テーマ「Dawn」での設定例です。
    #Shopify

  • Shopifyには「Xを購入するとYをプレゼント」というクーポンがありますが、対象商品を顧客がカートに入れる必要があるため可能であれば自動で追加してあげたいところです。優良なアプリが色々ありますので基本的にはそちらをオススメしますが、Flowを使って購入後に付与することもできます。
    #Shopify

  • Shopifyの購入完了後の画面で、特定のタグを持った商品が購入されていた場合に注意事項枠などを表示させる設定例です。（line_items.productで購入された商品情報を取得できるので、タグ以外に特定のhandleなどでも指定可能です）
    #Shopify