Xポストログ

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

  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」のコレクションページで 商品リストの間にバナー画像を差し込む設定例

    Shopifyのテーマ「Dawn/Rise」のコレクションページで、プロモーション用のバナー画像を商品と商品の間に埋め込んで表示するための方法です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-12-05

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」の商品詳細ページで商品説明枠にバナー画像を表示できるブロックの追加例

    カスタムLiquidでコードを書いても良いのですが、バナーを掲載する頻度が高い運用が想定される時は、ブロックコンテンツとして設定してしまうのがオススメです。商品説明枠にバナーを入れることで、購入検討中のユーザーの目に確実に入る可能性が高まります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-12-04

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」の商品詳細サムネイルを円形にする設定例

    見た目がリッチなブログ記事セクションではなく、シンプルなリスト表示で掲載したいことがあります。<br>特にお知らせなどは、余計な装飾のないリスト表示の方が読みやすく効果的です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-12-03

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」で最新ブログ記事リンクを表示する際にブログ記事セクションではなくリストテキスト型で表示する設定例

    見た目がリッチなブログ記事セクションではなく、シンプルなリスト表示で掲載したいことがあります。<br>特にお知らせなどは、余計な装飾のないリスト表示の方が読みやすく効果的です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-12-02

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」でカートのポップアップ通知を使用している際に商品をカートに追加したらその通知にもおすすめ商品を表示する設定例

    Search & Discoveryを使えば、あらかじめ指定したおすすめ商品(関連商品)を商品詳細ページに表示できますが、ページの下部に設置されていると見逃されてしまうことがあります。そこで、これをカート追加後のポップアップ通知にも表示することで、より顧客の目に入りやすくなり、アップセル機会の最大化が期待できます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-12-01

    Xで見る
  • 【Shopify TIPS】
    Shopifyで[お客様がセグメントに追加されたとき] トリガーを使ってセグメントに合致したらストア上で専用クーポンを配布する設定例

    Shopify Flowのセグメント追加や離脱のトリガーは本当に便利ですね。例えば、5回以上購入してくれたお客様に特別なクーポンをストア上で表示したりメールで通知するなど、特定条件を満たしたお得意様へのサービスの自動化の幅が広がりました。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-30

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」のブログページでデスクトップを3カラム、モバイルを2カラムレイアウトにする設定例

    テーマエディタ上で、ブログテンプレートのブログ記事セクションにカスタムCSSを設定するだけで、デスクトップで3カラム、モバイルでは2カラムのレイアウトに変更することが可能です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-29

    Xで見る
  • 【Shopify TIPS】
    Shopifyで商品画像をまとめてダウンロードしたい時の対応方法

    商品詳細ページを表示した状態で、URLに「.json」を追加することで商品データをJSON形式で表示することができます。この時、商品データのimagesプロパティには画像のURLも含まれているので、右クリックして画像をダウンロードすることができます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-28

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」のコレクションページで特定の行ごとに商品サイズに変化を持たせる設定例

    商品数が多いコレクションページでは、メリハリをつけた表示も効果的です。特定の行の商品サイズを変えることで、視覚的な興味を引き出し、ストアの魅力を高めることができます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-27

    Xで見る
  • 【Shopify TIPS】
    Shopifyで手動で追加した決済アイコンを商品詳細ページに表示する設定例

    商品詳細ページに利用可能な決済手段を明示することで、商品への興味が最も高いタイミングで、お客様の『欲しい』という気持ちを逃すことなく購入を促す効果が期待できます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-26

    Xで見る
  • 【Shopify TIPS】
    Shopifyで手動で追加した決済アイコンをフッターに表示する設定例

    テーマ設定からフッターに表示可能な決済アイコンリストですが、追加した決済方法の中には自動で表示されないものもあります。それらを追加表示するための設定方法です。ユーザーが利用可能な決済オプションを視覚的に理解できるため、安心感を高める効果があります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-25

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」で商品詳細のモバイルレイアウトの「サムネイル」を「グリッド(格子状)」でも表示できるようにする設定例

    モバイル画面で表示されるサムネイル画像のレイアウトを「カルーセル」ではなく、すべてグリッドに並べた状態で表示できるようにする設定例です。商品説明や購入ボタンは画面の下の方に押し下げられてしまいますが、なるべく多くの商品画像を一気に見てもらいたい場合などに有効です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-24

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」商品詳細のデスクトップ画面で「サムネイル画像の表示列数」を4列以外にも任意に指定できるようにする設定例

    デスクトップ画面で表示されるサムネイル画像の列数を、4列以外にも任意の数に変更できる設定方法です。デフォルトでは4列で固定ですが、1列当たりなるべく多く(またはその逆に少なく)表示したい場合がありますが、取扱商品に応じて変更できるようになります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-23

    Xで見る
  • 【Shopify TIPS】
    ShopifyのShopifyのテーマ「Rise/Dawn」のトップページで女性用/男性用の切り替えボタンを設置し、選択状態によってコンテンツを出し分ける設定例

    Rise/Dawn テーマで女性向け・男性向け切り替えボタンを設置してコンテンツの表示を切り替える設定例です。切り替えた後、ストア内のページを回遊して戻ってきても選択状態が維持されます。また、SEOに配慮して、CSS/jsを使って表示・非表示を切り替えるのではなく、liquidコード上で選択状態を判別してソースコードごと非表示にします。(デフォルトでは女性向けを表示)

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-22

    Xで見る
  • 【Shopify TIPS】
    Shopifyで最後に閲覧した商品に関連するコレクションをトップページなどに自動で切り替えて表示できるようにする設定例

    テーマ「Dawn/Rise」で、最後に閲覧した商品の関連コレクションをトップページなどで自動で切り替えて表示できるようにする方法です。商品閲覧履歴とは異なり、商品に関連するコレクションを表示することで、ユーザーの関心を惹きつける可能性が高まります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-21

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn/Rise」で商品詳細ページの「折りたたみ可能な行」ブロックで メタフィールドを連携させた場合ストア検索ではヒットしないので注意

    メタフィールドは便利な機能なのですが、メタフィールドに入力した内容はストア内検索の対象にはならない点に気を付ける必要があります。なので、ストア内検索にヒットさせたいときは、Rise/Dawnテーマの「折りたたみ行」ブロックをメタフィールドに連携させずに、直接商品説明内にHTMLコードごと記載した方が良いケースがあります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-20

    Xで見る
  • 【Shopify TIPS】
    Shopifyでメタフィールドを使って商品一覧画面でInstagramのコンテンツで紹介していることを表示する設定例

    商品詳細にInstagramコンテンツリンクを表示できるようにする方法(https://store-dojo.com/products/2024-11-18)に関連して、商品一覧にもコンテンツが連携していることを示すためのアイコンを表示させたい場合の方法です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-19

    Xで見る
  • 【Shopify TIPS】
    Shopifyでメタフィールドを使って商品詳細に関連Instagramの簡易リンクを表示する設定例

    ShopifyにはInstagramと連携できるアプリが豊富に揃っているのでそれらのアプリを使って商品情報と連携するのが一番良いのですが、簡易的にリンクだけでも表示させたい場合の設定例です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-18

    Xで見る
  • 【Shopify TIPS】
    Shopify Flowで注文メモに書き加える処理を実装する場合、元の注文メモの内容が置き換わってしまわないように注意

    Shopify Flowを使って注文生成時に注文メモに追記したい場合、そのまま注文メモの内容を記入してしまうと、顧客の記入した内容を書き換えてしまうので注意が必要です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-11-17

    Xで見る
  • 昨年11月末に実装された ChatGPT のショッピングアシスタント。
    https://openai.com/ja-JP/index/chatgpt-shopping-research/

    今後ユーザーは確実に増えていくと思われます。
    そこで
    「どうすれば“比較・検討対象”として商品がピックアップされるのか?」
    をテーマに、いろいろ検証しています。

    Shopifyなら、
    ・Google Merchant Center 連携
    ・構造化データ(http://schema.org / Product)
    は標準機能で対応できるので、 “AIに商品情報を読ませる”ところまでは担保されています。
    ですが、本当に難しいのは、 「AIが“この商品をおすすめしよう”と判断するための情報設計」。
    そこを重点的に検証・整理しているところです。

    #Shopify #ChatGPT

    Xで見る