目的から探す

やりたいことの領域からTIPSを絞り込めます。

UI/UX改善

UI/UX改善

購入促進

購入促進

商品情報拡充

商品情報拡充

SEO関連

SEO関連

回遊促進・離脱改善

回遊促進・離脱改善

会員登録促進

会員登録促進

ブログ関連

ブログ関連

Shopifyテーマ関連

Shopifyテーマ関連

通知関連

通知関連

ディスカウント関連

ディスカウント関連

おすすめアプリ

おすすめアプリ

管理画面関連

管理画面関連

実装方法から探す

使う技術からTIPSを絞り込めます。

LIQUID

LIQUID

Javascript

Javascript

HTML/CSS

HTML/CSS

Shopify Flow

Shopify Flow

UI/UX改善

Shopify UI/UX改善ガイド

ユーザビリティを向上させ、顧客満足度とコンバージョン率を同時に高めるShopifyの実践的なUI/UX改善方法をまとめています。

  • 検索機能最適化 - 商品・ブログ別検索による情報アクセス性向上
  • フォーム改善 - アカウントページの住所編集画面項目順最適化
  • ナビゲーション強化 - タグ絞り込み表示とパンくずリスト設置
  • 在庫表示最適化 - 在庫切れ商品の自動非表示による購買体験向上
  • ユーザビリティ向上 - 直感的で使いやすいインターフェース設計

ユーザー中心の設計思想に基づいた改善で、離脱率を下げ、購入完了率を大幅に向上させることが期待できます。

UI/UX改善

【Horizon】Shopifyで複数のブログがある場合に特定のブログの記事だけを検索できるようにする設定例

【Horizon】Shopifyで複数のブログがある場合に特定のブログの記事だけを検索できるようにする設定例

コード有

【メタシンク】会員登録フォームの追加入力項目をボタンで展開するまで隠して入力負担を減らす設定例

【メタシンク】会員登録フォームの追加入力項目をボタンで展開するまで隠して入力負担を減らす設定例

コード有

Shopify商品ページに「最後に購入された日」を自動表示する設定例

Shopify商品ページに「最後に購入された日」を自動表示する設定例

コード有

ShopifyのSearch & Discoveryで商品ごとに在庫あり・なしを絞り込めるようにする設定例

ShopifyのSearch & Discoveryで商品ごとに在庫あり・なしを絞り込めるようにする設定例

【Horizon】Rolloutsで商品写真をA/Bテストする設定例|メタフィールドで商品ギャラリーを丸ごと差し替え

【Horizon】Rolloutsで商品写真をA/Bテストする設定例|メタフィールドで商品ギャラリーを丸ごと差し替え

コード有

【Horizon】コレクションページの商品カードにバリアントオプションをタグ表示するブロック

【Horizon】コレクションページの商品カードにバリアントオプションをタグ表示するブロック

コード有

Shopifyテーマ関連

Shopifyテーマカスタマイズガイド

Shopifyテーマ(特にDawn)を自由自在にカスタマイズし、ブランドに最適化されたオリジナルストアを構築するための実践的な技術をまとめています。

  • セクションカスタマイズ - マルチカラム・複数列セクションでの商品情報引用設定
  • メタフィールド活用 - 折りたたみ可能な行でのHTMLタグ使用とデータ連携
  • レイアウト最適化 - サムネイルレイアウトとバリアント画像の効果的表示
  • テキスト表示改善 - 見出しセクションでの改行許可と表現力向上
  • ブランディング強化 - 独自性のあるデザインとユーザー体験の実現

コーディング知識を活用して、差別化された魅力的なストアデザインを構築できます。

Shopifyテーマ関連

【Horizon】Shopifyの「コレクションリスト」ページは、必要なコレクションだけ表示されるように設定する方法

【Horizon】Shopifyの「コレクションリスト」ページは、必要なコレクションだけ表示されるように設定する方法

Shopifyのテーマの色(カラースキーム)で不要なスキームを削除する方法

Shopifyのテーマの色(カラースキーム)で不要なスキームを削除する方法

Shopifyのテーマ「Rise/Dawn」で商品画像やコレクション画像、ブログ一覧画像を角丸にする設定例

Shopifyのテーマ「Rise/Dawn」で商品画像やコレクション画像、ブログ一覧画像を角丸にする設定例

【Dawn】Shopifyのテーマ「Rise/Dawn」の商品ページでメタフィールドに連動するブロックを追加した際に対象商品のメタフィールドに値が無ければ非表示にする設定例

【Dawn】Shopifyのテーマ「Rise/Dawn」の商品ページでメタフィールドに連動するブロックを追加した際に対象商品のメタフィールドに値が無ければ非表示にする設定例

コード有

【Dawn】Shopifyのテーマ「Rise/Dawn」のテーマ「設定 」画面に検索機能のON/OFF設定項目を追加する設定例

【Dawn】Shopifyのテーマ「Rise/Dawn」のテーマ「設定 」画面に検索機能のON/OFF設定項目を追加する設定例

コード有

【Dawn】Shopifyのテーマ「Rise/Dawn」のお問い合わせフォームにliquidファイルを直接修正せずにテーマエディタから変更を加えて項目を追加する設定例

【Dawn】Shopifyのテーマ「Rise/Dawn」のお問い合わせフォームにliquidファイルを直接修正せずにテーマエディタから変更を加えて項目を追加する設定例

コード有

管理画面関連

Shopify管理画面完全活用ガイド

ストア運営を効率化し、管理業務を劇的に改善するShopify管理画面の隠れた機能と実践的な活用方法をまとめています。

  • 商品管理最適化 - セール商品確認とメタフィールド絞り込み設定
  • 検索機能活用 - ディスカウント管理での除外検索とデータ抽出
  • 数量管理 - count.jsonを使った商品・コレクション数の効率的確認
  • データ分析 - 管理画面での詳細情報取得と業務効率化
  • 運営効率化 - 日常業務を短縮する管理画面テクニック

知っているだけで作業時間を大幅短縮できるなど、管理画面の応用テクニックです。

管理画面関連

【Sidekick】注文一覧に商品名・配送先住所をまとめて表示する管理画面アプリ(注文商品チェッカー)

【Sidekick】注文一覧に商品名・配送先住所をまとめて表示する管理画面アプリ(注文商品チェッカー)

コード有

【Sidekick】商品の「公開予定日」を一覧管理する(公開予定日マネージャー)

【Sidekick】商品の「公開予定日」を一覧管理する(公開予定日マネージャー)

コード有

Shopifyで商品画像をまとめてダウンロードしたい時の対応方法

Shopifyで商品画像をまとめてダウンロードしたい時の対応方法

Shopifyでメタフィールドを使って商品管理画面で商品画像の登録件数で絞り込みできるようにする設定例

Shopifyでメタフィールドを使って商品管理画面で商品画像の登録件数で絞り込みできるようにする設定例

【Dawn】Shopifyでキャンセルされた分をマイナスした正しい注文回数で合計注文回数を顧客タグとして付与する設定例

【Dawn】Shopifyでキャンセルされた分をマイナスした正しい注文回数で合計注文回数を顧客タグとして付与する設定例

コード有

Shopifyの商品管理画面で在庫切れのバリエーションを持つ商品を確認する方法

Shopifyの商品管理画面で在庫切れのバリエーションを持つ商品を確認する方法