Xポストログ

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

  • Shopifyのテーマ「Dawn」で商品詳細ページの「カートに追加する」ボタンですが、せっかくなのでヘッダーで使用されているカートアイコンを表示してみるのも良いですね。その設定例です。
    #Shopify

    Xで見る
  • Shopifyの注文確認メールですが、どんな商品を購入したかをストアで確認したい顧客もいらっしゃいます。「注文を表示する」のリンク先の注文完了ページの商品情報にもリンクは設定されていないので、通知メール内の商品情報に直接リンクを設定してしまうのもいいですね。
    #Shopify

    Xで見る
  • Shopifyのカート画面も色々とカスタマイズする機会が多いですが、小計セクションにカスタムLiquidブロックを入れたくなることが結構あります。テーマ「Dawn」ではデフォルトで入っていないので、ブロック要素として追加するための設定例です。
    #Shopify

    Xで見る
  • Shopify×グロースにおいて独自顧客リストの構築は最優先事項といっても過言ではありません。そのリストビルディングに関する記事です。

    Xで見る
  • Shopifyでは注文キャンセル時に顧客に通知メールを送る機能がありますが、内容は予め用意されたテンプレートに基づいています。しかし、キャンセルの理由や連絡事項などを個別にお伝えしたい場合もあります。そこで注文のメタフィールドを活用して通知メールに追加情報を含める設定方法です。
    #Shopify

    Xで見る
  • Shopifyの商品情報ページで関連商品を表示することは多いですが、その商品が含まれるコレクションへのリンクも回遊性を高める際に有用です。所属するすべてのリンクを一覧で表示することもできるので、その設定例です。
    #Shopify

    Xで見る
  • Shopifyのブログでは、通常「著者名」にはアカウント所有者とスタッフの名前だけが選択可能となっており自由に設定することができません。そこでメタフィールドを使って任意の名前を表示できるようにした設定例です。
    #Shopify

    Xで見る
  • Shopifyで特定の商品についてURLを知っている人だけが閲覧可能にしたい場合があります。これはテーマ「Dawn」での設定例ですが、導線を塞ぐためにあちこち手を入れる必要があります。というわけで、通常はこれらを一元的に担ってくれるアプリ「Locksmith」の導入をオススメしています。
    #Shopify

    Xで見る
  • Shopifyのチェックアウト画面で合計金額のところに表示される「¥XXXの税金を含む」というラベルですが、「デフォルトテーマのコンテンツを編集する」から変更できることを公式サポートの方に教えて頂きました。「内消費税」の表記ができますね。
    #Shopify

    Xで見る
  • Shopifyのページビルダー「PageFly」の翻訳について。いくつか翻訳アプリが公式からサジェストされていますが、「T Lab」が直感的で使いやすかったです。画像を含めた要素一つひとつを翻訳できるので、設定の手間はかかりますが、細かく調整できるので重宝してます。
    #Shopify

    Xで見る
  • Shopify Flowを使って購入と同時にノベルティグッズ等をプレゼントする設定例ですが1人1回に制限したいケースもあるかと思います。配布済みの顧客にはタグを付与し、そのタグが無い方のみ対象とする処理を追加するなどで対応可能です。
    https://x.com/sh_sakamoto/status/1715578661414560070
    #Shopify

    Xで見る
  • Shopifyで特定のコレクションページにフィルターを設定してメニューにリンク設定することがありますが、デフォルトではフィルターなしのページと同じとみなされてしまうのでSEO対策の観点から注意が必要です。そこでフィルター付きページも固有のURLとして認識されるようにする設定例です。
    #Shopify

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

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

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

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

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


    スレッド

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

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

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

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

    Xで見る