Xポストログ

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

  • Horizonがv4.2.0に到達したので確認してみました。

    今回の目玉はRTL（アラビア語・ヘブライ語など右から左に書く言語）への対応です。言語設定に合わせて書字方向が切り替わるようになっていて、日本語のストアでは見た目の変化はありません。

    日本のストアにも関係するのは、ブラウザの「戻る」でページを戻ったときに、カートに削除したはずの商品が表示されたままになる不具合の修正です。Chromeでは、商品ページに入っているShopifyアカウントのログイン用の部品が原因でページの復元のされ方が変わるらしく、それも踏まえた対策がコード内のコメントに書かれていました。

    ほかにも、価格フィルターで入力途中の値が消える不具合が修正されていて、こちらはv4.1.5のカート数量入力の修正と同じ仕組みが横展開されています。設定項目が増える回ではありませんが、買い物中の細かなつまずきが着実に減っている印象です。

    #Shopify #Horizon

    Shopify Horizon v4.2.0 アップデート解説 ― RTL対応とカート「戻る」ボタン不具合の修正
    https://store-dojo.com/blogs/tips/horizon-v420-update

  • 【Shopify TIPS】
    新しい顧客アカウントへの移行案件で、@bonjour_ken さんの「メタシンク」アプリを使って、会員登録フォームを作り直すことが増えています。

    従来の登録ページで利用規約を枠内に表示していたストアでは、新しいフォームでも同じ見せ方を続けたいというご要望をいただくことがあります。

    新しい顧客アカウントでも、ログイン画面には「続行すると、利用規約に同意したことになります」とリンク付きで表示されます。ただ、この形では、リンクを開かないかぎり本文を読まずに同意したことになります。会員規約やポイントの条件など、登録時にきちんと読んでもらいたい内容がある場合は、フォーム内で確認してからチェックを入れてもらう形のほうが安心です。

    そこで、登録フォームに独自のJS・CSSを設定できる機能を使い、「利用規約に同意する」のチェックボックスのすぐ下に、規約の全文をスクロールして読めるボックスを追加する方法をまとめてみました。規約内の長いURLがスマートフォンで横にはみ出さないようにするなど、実際の案件で気になった点も反映しています。

    ※詳細はスレッドに掲載

    #Shopify

  • 【Shopify TIPS：ストア分析】
    先日のカテゴリーメタフィールドに続いて、Shopifyのストア分析で、メタオブジェクトのフィールドも集計の切り口（ディメンション）に使えるようになりました。

    https://changelog.shopify.com/posts/use-metaobject-fields-in-analytics-reports

    商品・バリエーション・顧客・注文にメタフィールドで紐づけたメタオブジェクトが対象です。検証ストアで、商品に「デザイナー」（名前・国）のメタオブジェクトを紐づけてみたところ、ディメンションに「メタオブジェクト」という分類が加わり、「商品 → デザイナー → 国」の順に選んで、デザイナーの国別・名前別に売上を集計できました。メタフィールドを設定する前の注文も、さかのぼって集計されています。

    商品ページの表示用に整えたメタオブジェクトが、そのまま売上分析の軸にもなるので、データを構造化しておく意味がまたひとつ増えたと感じています。

    #Shopify

  • 【Shopify TIPS：WebMCP】
    Shopifyのチェックアウトが、ブラウザで動くAIエージェントから操作できるようになった（WebMCP対応）とのことで、日本の検証用ストアで、Claude in Chromeを使って注文確定まで試してみました。

    ゲストで購入する場合、連絡先や住所の入力、送料の確認、注文確定まではエージェントが操作でき、人が操作したのはカード番号の入力だけでした。カード欄は決済専用の枠の中にあり、エージェントからは入力も閲覧もできない作りです。

    さらに、Shop Payにログインした状態では、保存済みのカードと住所がそのまま使われ、画面を操作することなく、承認するだけで注文が確定しました。

    面白かったのは、チェックアウトの状態を読むツールの返り値が、UCPのチェックアウトそのものだったことです。WebMCPはUCPと別の仕組みではなく、UCPをブラウザの中から使うための経路という位置づけでした。

    ただ、普段使いのChromeではチェックアウトのツールはまだ現れず、試験機能を有効にする必要がありました。また、日本語のストアではWebMCPの商品検索が0件になる状態が続いています。

    ※詳細はスレッドに掲載

    #Shopify

  • 【Shopify TIPS：Sidekick × ステップメール】
    新規購読者に数日おきにメールを届けるステップメールを、Sidekickに作ってもらいました。

    Flowの［ワークフローを作成］をクリックし、「3通のウェルカムシリーズを作りたい。2通目以降は送る直前に、未購入・購読中かを確認して」と依頼。トリガー、待ち時間、送信前の条件まで入ったワークフローが、ほぼ手直し不要でできました。

    ポイントは、メール本文を頼む場所です。Flowの「メールを編集」から開くメール編集画面にはSidekickが表示されません。そこでFlowの画面から頼むと、SidekickがMessagingの編集画面を開き、件名・本文・写真まで入れてくれます。ただ、一度にすべてが進むわけではなく、何度かやり取りをしながら進めています。

    人が行うのは、送信ステップへのテンプレート設定と、最後の確認・有効化だけ。使ったプロンプトと、つまずいた点もまとめています。

    #Shopify

  • 【Shopify TIPS：ロールアウト】
    9月にリニューアルされたShopifyのロールアウトで、変更対象に「カタログ」と「ディスカウント」が加わりました。

    ロールアウト内で中身を編集するのではなく、作成済みのカタログや割引を「アクティブ」にするか、「下書き」（ディスカウントの場合は「期限切れ」）にするかを指定できます。これにより、価格や割引を適用する期間やA/Bテストの設定を、カタログや割引自体の設定とは別に管理できました。

    できること
    ・新しい割引を一部の訪問者にだけ有効にし、様子を見ながら対象を広げる
    ・自動割引あり・なし、または割引A・Bを、同じ期間に訪問者を分けて比較する
    ・テーマやチェックアウトの変更と、同じタイミングで、同じ訪問者に適用する
    ・割引ごとの顧客の対象条件は、そのまま適用される

    検証ストアで試したところ、期限切れや開始前の割引も、ロールアウトで「アクティブ」にすると対象の訪問者には適用されました。「実験（ABテスト）」では、訪問者ごとに割引あり・なしが振り分けられていました。ロールアウトが終わると、割引は元のスケジュールに戻ります。

    注意点として、割引自体の開始日・終了日はロールアウトとは別に有効です。期間内の割引は、ロールアウトの対象外の訪問者にもそのまま適用されます。また、一部の訪問者だけ価格が変わる設定にすると、Googleなどの販売チャネルに掲載される価格とずれる可能性がある、という警告が表示されるので、運用時は注意が必要そうです。

    #Shopify

  • Shopifyのストア分析レポートに、自分でメモ（注釈）を追加できるようになりました。

    https://t.co/XLhTpTDk1Q

    キャンペーンの開始、インフルエンサーによる紹介、仕入れ先の変更、セールなど、売上に影響しそうな出来事を、日付や期間とともにグラフ上に記録できます。タイトル・期間・カテゴリー・説明を入力でき、あとから編集・削除したり、誰が書いたかを確認したりすることも可能です。カテゴリーには「マーケティング」「ディスカウントと価格設定」「在庫とフルフィルメント」などがあります。

    注釈を追加できるのは、「純売上高の推移」「セッション数の推移」など、時系列のレポートです。商品別の集計のようなレポートには追加できません。

    7月からアプリが追加した注釈はグラフに表示されていましたが、今回、マーチャントも自分で書き込めるようになりました。Shopifyやアプリによる注釈と同じグラフ上で見られるので、「この日、なぜ売上が伸びたのか」を振り返るときに、スプレッドシートやチャットの履歴を探し直さずに済みそうです。

    なお、レポート右上の「注釈」を押すだけでは、グラフには表示されません。開いたパネルで目のアイコンを押し、表示をオンにする必要があります。最初は少し迷いそうなので、使うときは覚えておくとよさそうです。

    メモはレポートを見る権限があるスタッフにも共有されるので、チームで数字を振り返る際にも役立ちますね。

    #Shopify

  • 【Shopify TIPS】
    Horizonなど新しい顧客アカウントに対応済みのテーマでは、ヘッダーのアカウントアイコンを押すとログイン用のポップアップが表示されます。このポップアップで、他の文言は日本語なのに「Orders」「Profile」のボタンだけ英語のまま、ということがあります。

    「デフォルトのテーマコンテンツを編集」を探すと account_orders / account_profile というキーが日本語入りで見つかりますが、ここを変えても表示は変わりません。このポップアップは、Shopifyが提供する <shopify-account> というコンポーネントが描画していて、テーマは使うメニューを渡しているだけです。ボタンの文言は、そのメニュー（初期値は「Customer account main menu」）の項目名がそのまま表示されています。

    メニューの項目名を「注文履歴」「プロフィール」に変えるだけで切り替わり、テーマのコードを触る必要はありません。手順は画像にまとめています（Horizonの例）。

    #Shopify

  • Shopifyのストア分析で、カテゴリーメタフィールドもディメンション（集計の切り口）として使えるようになりました。レポートのディメンション「商品」を開くと、「カテゴリーメタフィールド」の項目が並んでいます。

    商品カスタムメタフィールドでは2月から同じことができましたが、これにより、商品ごとの売上を見るだけでなく、共通の属性を軸に、商品をまたいだ分析ができるようになりますね。

    カテゴリーメタフィールドは、これまでGoogleショッピングやAIエージェント向けの情報として入力を勧められることが多かったですが、自店の売上分析の軸にもなったので、埋めておく理由がひとつ増えたと感じています。

    https://changelog.shopify.com/posts/category-metafields-are-now-available-in-analytics

    #Shopify

  • 【お知らせ】Shopify開発TIPSサイト「STORE DOJO」のテーマを、DawnからHorizonに移行しました。

    きっかけはShopify InboxのAIエージェントです。ストア上で「Horizon UIはどこ？」のように質問すると、該当するTIPSページを案内してくれます。ブログ記事も回答対象なので、自分が投稿した内容も見つけやすくなりました。

    Inboxの管理画面には練習用のシナリオが用意されていて、想定質問に対する返信案AとBのどちらが良いかを選んでいくと、エージェントの話し方が調整されていきます。今はまだレベル1で、育てている最中です。

    また、Xの投稿をストアに自動でアーカイブする仕組みも作りました。ブログ「Xポストログ」に、2022年9月21日からの1,688件を日付順にまとめ、キーワードや年月で過去のTIPS関連ポストを検索しやすくしています。今後の日々の投稿も、自動で追加されていきます。

    #Shopify

  • Shopify管理画面の「エージェンティック」で、米国向けに販売しているストアに「Google AI Mode and Gemini」が追加されるようになりました。（日本国内向けにのみ販売しているストアの管理画面には、今のところ表示されていません）

    GoogleのAI Mode・Gemini内で決済まで完了するネイティブチェックアウトは、2026年3月時点では申請制でしたが、9月18日からロールアウトが始まり、9月22日には「Your Shopify store was matched to your Merchant Center, enabling native checkout on Google AI Mode and Gemini」という通知メールがマーチャントに届いたとのことです。

    対象地域については、Shopifyの公式ヘルプに以下の要件が記載されています。

    ・販売側：ストアが米国にあり、米国の顧客に販売していること
    ・購入側：ダイレクトチェックアウトが表示されるのは、米国に所在する顧客のみ

    Metaのときは「米国・カナダ・メキシコの顧客に販売していること」でしたが、Googleはストアの所在地まで米国であることが条件になっていて、より狭いようです。

    もうひとつ、同じヘルプに「Google Analytics and custom pixels won't fire in Google AI Mode and Gemini's direct checkout」という記載がありました。この経路の決済ではクライアント側のピクセルが発火せず、サーバー間のチェックアウト開始・完了のみが記録されるとのことです。売上は立つものの、GA4やピクセルベースのアトリビューションからは見えない形になります。

    対象国向けのマーケットを設定している場合は、Shopify管理画面の「エージェンティック」から、自店がどのような状態になっているか確認しておくとよさそうです。

    #Shopify

  • 【Shopify TIPS：テーマHorizon】
    Shopifyの検索は type=article を付けると、検索結果をブログ記事だけに絞り込めます。ただし、すべてのブログを横断して検索するため、複数のブログを設置している場合は少し工夫が必要です。

    たとえば、お知らせを検索したつもりでも、コラムの記事まで結果に並んでしまいます。特定のブログに限定して検索する指定はありません。

    そこで、ベンダーファイルを変更せずに、検索結果を対象のブログだけに絞るカスタマイズ例を紹介します。テーマHorizonをベースに、ブロックを新しく追加する形で実装しています。

    #Shopify

    スレッド

    【Horizon】Shopifyで複数のブログがある場合に特定のブログの記事だけを検索できるようにする設定例
    https://store-dojo.com/products/2026-09-27

  • Shopifyの開発支援ツール「AI Toolkit」で、Liquid・Admin GraphQL・Functionsなど、20種類以上に分かれていた個別スキルが、1つのshopifyスキルに統合されたとのこと。

    個別スキルが並んでいるとエージェントが混乱しやすく、それぞれの説明文がコンテキストウィンドウ（AIが一度に扱える文脈の容量）を圧迫し、途中で切り詰められることもあったそうです。

    検証ロジック自体は変わらず、呼び出し方が一本化されたという変更なので、使う側は特に意識しなくてよさそうです。

    Claude Codeにプラグイン経由で導入している場合は、claude plugin updateで更新できます。

    https://shopify.dev/changelog/ai-toolkit-skills-have-been-consolidated

    #Shopify

  • Shopify管理画面の「エージェンティック」を確認したところ、先日追加されたばかりの「Meta」の表示が、早速「Meta AI and Muse」に変わっていました。（ちなみに、こちらはアメリカのマーケットを設定しているストアの管理画面で確認できました）

    Museは、Metaが9月8日に公開したパーソナルAIエージェントです。メール送信や旅行予約だけでなく、商品の購入や支払いまでユーザーに代わって進めることができます。現時点では米国限定で提供されているサービスですが、Sensor Towerによると公開から6日間で90万回以上ダウンロードされるなど、かなり注目を集めているようです。

    さらに9月21日にはShopify CEOのTobi Lütke氏から、Museとの提携により、ShopifyストアでShop Payを使ったエージェント型チェックアウトを可能にすることが発表されました。

    ここで少しややこしいのが、Muse自体の提供地域と、Shopify側のMetaダイレクトチェックアウトの対象地域です。

    Muse自体は現時点では米国限定ですが、Shopifyの公式ヘルプでは、Metaのダイレクトチェックアウトについて以下の要件が記載されています。

    ・販売側：米国・カナダ・メキシコの顧客に販売していること
    ・購入側：Metaのダイレクトチェックアウトが表示されるのは、米国・カナダ・メキシコに所在する顧客のみ

    そのため、少なくとも現時点では日本国内向けにのみ販売しているストアは、Metaのダイレクトチェックアウトの利用要件を満たしません。

    一方、要件を満たすストアではMetaのダイレクトチェックアウトが既定で有効になるとのことなので、アメリカなど対象国向けのマーケットを設定している場合は、Shopify管理画面の「エージェンティック」から、自店がどのような状態になっているか確認しておくとよさそうです。

    #Shopify

  • 【Shopify TIPS】
    Shopifyのストアフロントで、Liquidページの初回応答が最大29%高速化したとのことです。
    https://performance.shopify.com/blogs/blog/liquid-storefronts-now-start-loading-29-faster

    これまではLiquidテンプレート全体の処理を待ってからHTMLを返していましたが、今回の改善では、<head>のレンダリングが完了した時点で、残りのテンプレートがまだ処理中でもブラウザへの送信を開始する仕組みが導入されました。

    これにより、ブラウザはCSSやフォントなどのダウンロードをより早く開始できるため、購入者が実際に感じる表示速度（FCP・LCP）も2〜6%改善するようです。

    ちなみに、この恩恵の大きさを左右するポイントの一つが、クリティカルなCSSやフォントの読み込みを{{ content_for_header }}より前に配置できているかどうかです。公式テーマで比較すると、Horizonはこの順序がほぼ徹底されているのに対し、Dawnではcontent_for_headerの後にbase.cssを読み込んでいます。そのため、同程度のTTFB改善でも、FCPの改善幅はHorizonの方が約3倍大きかったとのことです。

    テーマの構造という点でも、ここではHorizonの新しい設計が有利に働いています。

    カスタムテーマについても、日頃からアップデートを行い、テーマの構造を新しい状態に保っておくことで、こうしたShopifyプラットフォーム側の改善の恩恵を受けやすくなりそうです。

    詳細は、スレッドに記載したブログ記事にまとめています。

    #Shopify

    スレッド

    Shopifyのストアフロントが最大29%高速化 ― Liquidテーマ開発者が気をつけるべき3点
    https://store-dojo.com/blogs/tips/shopify-liquid-streaming-speedup

  • 【Shopify TIPS：ロールアウト】
    Shopifyの「ロールアウト」がアップデートされました。

    新機能ではなく設定画面のリニューアルなのですが、実際に触ってみたらすっかり別物なUIになっていました。

    これまでは「テーマの切り替え」「期間限定の差し替え」「A/Bテスト」が同じ画面に同居していて区別がつかなかったのが、ローンチ / イベント / 実験の3タイプから選ぶ形に整理されています。タイプを選ぶと、日付欄もカードの構造も丸ごと切り替わります。

    ・ローンチ →「変更はストアに永続的にマージされます」
    ・イベント →「一時的に表示され、その後ロールバックされます」
    ・実験 →「ライブストアと一時的に比較されます」

    戻さない / 勝手に戻る / 並走して比べる、が画面の文言でそのまま示されるようになりました。

    テストストアで一通り触ったので、使い方を記事にまとめてみました。詳細はスレッドに掲載しています。

    #Shopify

    スレッド

    新しくなった Shopify Rollouts ― ローンチ・イベント・実験の使い分け
    https://store-dojo.com/blogs/tips/shopify-rollouts-hands-on

  • 【Shopify TIPS：チェックアウト】
    Shopifyのチェックアウト（購入手続き）画面では、モバイルの場合、デフォルトでディスカウント（クーポン）コードの入力欄が「注文サマリー」の中に折りたたまれており、タップして開かないと表示されません。

    そのため、お客様がクーポンコードの入力場所に気づかず、使いたいクーポンがあるのに使用できないまま、購入を諦めてしまうことがあります。

    そこで、チェックアウトエディタの「注文サマリー」セクションにある「クーポンコードのフィールドを常に表示」という設定を有効にしておくと、モバイルでも最初からクーポンコードの入力欄を表示できます。Liquidの編集などは不要です。

    #Shopify

  • 適合品など、関連情報として別商品の名前を記載することはしていません。

    ただ、ここは悩ましいところだと思っています。

    商品説明に「〇〇ナットに適合するボルト」のような情報をあえて入れておけば、「〇〇ナットに合うボルトを探している」といった具体的なニーズに対して、その商品を見つけてもらいやすくなる可能性があります。

    一方で、ご指摘のように、単に「ナット」で検索した場合にもボルトが候補として返ってきてしまう可能性があります。というのも、ShopifyではUCP/ACP経由でAIエージェントがアクセスする場合、まずGlobal Catalogの検索によって候補商品が絞られ、その結果をもとにAIエージェントが判断する形になります。つまり、AIエージェントが商品情報を読み取って判断する前に、Shopify独自のカタログ検索ロジックが一段入ります。

    そのため、商品説明に記載した適合情報や関連情報をShopify Catalogがどの程度検索結果に反映してくれるのか、また必要な文脈で適切に候補として返してくれるのかが重要になってきます。

    ここはまさに今検証しているところになります。現時点では、こうした関連情報を商品説明に入れるよりも、商品タイトルに含めた方がCatalogの検索結果には強く反映されそうに見えています。

  • Shopify Catalogでは、AIエージェント向けの商品名・商品説明を、通常の商品情報とは別に用意してマッピングできます。

    人向けの商品説明では、購買意欲を高めるために、情緒的な表現も取り入れたくなります。一方で、AIエージェントが商品を正確に理解し、適切な検索やレコメンドに活用するためには、誇張のない具体的な情報の方が重要です。

    そこで、「エージェンティック商品名」「エージェンティック商品説明」という専用のメタフィールドを用意してShopify Catalogにマッピングし、その内容をSidekickに生成してもらう方法です。生成時には、既存の商品情報を確認したうえで、過度な宣伝表現や確認できない情報は加えず、商品の特徴・用途・違いを具体的に記述するよう指定しています。

    実際に使ったプロンプトはリプライに載せておきます。

    #Shopify #Sidekick #AgenticCommerce

    スレッド

    【コピペで使えるプロンプト】
    -------------------------------
    Agentic StorefrontでAIエージェント向けの商品情報として使用するため、「エージェンティック商品名」と「エージェンティック商品説明」のメタフィールドを用意している。

    この商品の既存の商品名、商品説明、商品画像、バリエーション、その他の商品情報を確認し、AIエージェントが商品の特徴・用途・対象ユーザー・他商品との違いを正確に理解し、適切な商品検索やレコメンドに利用できるよう、それぞれのメタフィールドに最適な内容を入力して。

    過度な宣伝表現や、既存の商品情報から確認できない内容は追加せず、AIが商品を正確に理解するために必要な、具体的かつ客観的な情報を優先すること。

  • Shopify Sidekickにお願いすると、商品説明文だけでなく、SEOタイトル・メタディスクリプション・画像alt・URLハンドルなど、SEOに関わる情報をまとめて確認し、最適化案を提示してくれます。

    変更をかけた部分がマーキングされ、問題なければ承認してそのまま反映できます。商品ページのSEOを一通り見直したいときに、かなり手軽に使えます。

    サンプルプロンプトはリプライに載せてあります。

    #Shopify

    スレッド

    【コピペで使えるプロンプト】
    -------------------------------
    この商品の商品ページを、SEOの観点で最適化してください。

    まず商品情報（現在の商品名・説明文・画像・URLハンドル・カテゴリ）をストアから確認し、検索されやすい狙うべきキーワードをメイン1つ・サブ2〜3個提案してください。

    その上で、提案したキーワードを踏まえて以下を直接この商品ページに反映してください：

    1. SEOタイトル（60文字以内）
    2. メタディスクリプション（150〜160文字）
    3. 商品説明文（300語以上）
    4. メイン商品画像のalt属性
    5. URLハンドル

    提案したキーワードと、変更前・変更後の内容を並べて見せてから、実際に商品ページに適用してください。