Xポストログ

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

  • 「継続的に売上を上げるためのShopifyストア構築ディレクション」というお題でオンラインセミナーを配信致しました。ご視聴頂いた皆様にはご満足頂けたとのことで有り難く存じます。次回はリクエストの多かった具体例のご紹介を増やして開催させて頂こうと思います。
    https://dir-storehero-ec-dire.peatix.com/
    #Shopify

  • Shopifyの商品一覧の絞り込み条件はliquidでもその設定値が取得できます。これを応用してタイトル文字列に条件を結合することで「ピンクのバッグ」「¥5,000〜¥7,500のギフト」など、絞り込み条件のバリエーション分だけページが自動で生成できるようになります。SEO対策にも効果的です。
    #Shopify #SEO

  • ブラウザで使えるShopify標準のコード編集エディタもコード補完してくれるので、ドキュメントを見に行かなくてもどんなプロパティが取得できるのかすぐに確認できて助かります。
    #Shopify

  • Shopifyの決済でGMOペイメントゲートウェイが連携されました。これまでも利用可否の問い合わせを受けることは多く、その都度個別契約をお願いしてきましたが、管理画面から設定可能になったことで利便性が上がりました（別途審査は必要です）
    https://prtimes.jp/main/html/rd/p/000000097.000034630.html
    #Shopify

  • ポップアップで特定のページやタイミングでメルマガ登録フォームを表示できるアプリが、先日Shopify本体からリリースされました。クーポンやマーケティングオートメーションと連動もできるなど無料アプリなのに高機能ですね。さすがShopify製アプリ。　https://apps.shopify.com/shopify-forms/reviews?locale=ja
    #Shopify

  • 標準の決済手段である Shopify Paymentsを有効化しなくても、こちらの手順に従ってBogus Gatewayという決済手段を設定するだけで、すぐにテスト決済ができる様になります。
    https://help.shopify.com/ja/partners/dashboard/managing-stores/test-orders-in-dev-stores
    #Shopify

  • Shopify Paymentの決済テスト、いろんなカードやステータスで確認できるので便利ですよね。
    https://help.shopify.com/ja/manual/payments/shopify-payments/testing-shopify-payments#part-1d55596f833094b9
    #Shopify

  • Shopifyで商品やユーザーについて特定のタグを持っているかどうかで処理を変えたい時、[object].tagsの中身をforループで回すこともあるのですが、サクッとcontainsで判断することが多いです。
    #shopify

  • Shopify標準のマイページは名前とメールアドレス、それと複数の住所が入力できるだけなので、独自の項目を追加したり、その内容をユーザー側でも編集できるようにしたいという場合は、Helium Customer Fieldsというアプリをおすすめしています。
    https://apps.shopify.com/customr?locale=ja
    #Shopify

  • Shopifyの商品一覧の絞り込み検索、昨年の今頃はまだアプリを使わなければできなかった事が標準の機能でもできるようになったので嬉しいですね。個人的にはタグとメタフィールドで絞り込めるようになったことがありがたいです。
    #Shopify

  • Shopifyの購入完了通知メールで表示される決済方法を日本語名に変更したい時など、特に深く考えずif文で判別していたのですが、replaceフィルターを使えばone linerで簡潔に書けるようになります。
    #Shopify

  • 購入完了画面に注文メモを表示させるのであれば、注文の確認メールにも表示させたくなります。注文メモの有無を{% if note != blank %}...{% endif %}で判別させつつ、表示させたい場所にtableレイアウトでHTMLを記述しておきます。
    https://x.com/sh_sakamoto/status/1588538078586875904
    #Shopify

  • Shopify管理画面の「設定＞チェックアウトとアカウント」から「追加スクリプト」欄にこんな感じでスクリプトを追加すると、購入完了画面に注文メモを表示させることができます。
    #Shopify

  • 多言語展開しているストアで選択言語に応じて画像や表示内容を変更したい場合、requestオブジェクトを使って `{% if request.locale.iso_code == 'en' %}`のような判別式で処理を振り分けます。
    #Shopify

  • 地味な開発話を一つ。PrestigeなどのShopifyテーマで英字がすべて大文字化されてしまうことがありますが、theme.cssにtext-transform: uppercase;が設定されているせいです。必要に応じてコメントアウトする必要があります。
    #Shopify

  • Shopifyの商品登録の際に気をつけておきたいのがバリエーション上限数。
    色やサイズなどのカテゴリは最大３種まで、そこに含まれる選択肢は３種合計で100までとなります。３種100ずつではないため、例えばサイズが5、色が20で上限に達してしまうので注意が必要です。
    https://help.shopify.com/en/manual/products/variants/add-variants
    #Shopify

  • Instagramの投稿内容をストアに連携するケースは多いと思いますが、こちらのアプリで実装することが多いです。複数アカウントを管理できたり、ストアのデザインに合わせてカスタマイズできたりなど、価格の割に高機能なので、高評価なのも頷けます。
    https://apps.shopify.com/instafeed-socialwidget?locale=ja
    #Shopify

  • 配送予定日や販売期間、賞味期限など、商品説明欄にそのまま記載しても良いのですが、メタフィールドでの実装をお勧めしています。任意の場所に表示しやすくなりますし、また入力していただいた値をデータとして扱うことで計算もしやすくなるのでとても便利です。
    #Shopify

  • GitHub連携を導入してから、メインテーマの修正変更履歴が残るメリットが非常に大きいと感じています。
    先日もとあるマーチャント様にていつの間にか設定が変わってしまっていた箇所があったのですが、原因をすぐに特定することができその後の再発防止も容易でした。
    https://x.com/sh_sakamoto/status/1572935967203557376
    #Shopify

  • 会員限定などシークレットセールの相談を受けることがありますが、そんな時におすすめなアプリがLocksmithです。指定タグをもつユーザーやパスコード、特定URLでのみアクセス可能など様々な方法で商品やコレクションページへのアクセスを制御出来るようになります。
    https://apps.shopify.com/locksmith?locale=ja
    #Shopify