セールスファネル
販売ファネルにおける定期購入商品の購入後オファーGemPagesの販売ファネルで注文タグを自動で設定する方法（Shopify Flowを使用）GemPagesセールスファネルのランディングページを変更する方法事前販売ページを販売ページにリンクする方法セールスページのご紹介 – GemPages セールスファネルへの新たな追加セールスファネルダイナミックオファーGemPagesで購入後ページをデザインする際の限界セールスファネルダイナミックトリガー購入後のアップセル戦略で売上を伸ばすGemPages セールスファネルとよくある質問Shopify 注文と 1 ドル商品を使用した GemPages アップセル販売ファネルのテストGemPages セールスファネル: テンプレートをライブラリに保存する機能購入後のオファーが表示されない問題の解決方法GemPages ワンクリック購入後: サポートされている支払い方法
エディター
Main Features
GemPages MCPを使用してコンテンツをHTMLページに変換する方法GemPages MCPを使用してHTMLを編集可能なGemPagesページに変換する方法GemPages MCP をコンテンツ調査に活用する方法GemPages MCP 入門スケジュール公開GemPagesを使ってAI生成HTMLをShopifyに公開するGemPagesの多言語機能使用していないセクションを削除する方法GemPagesの新ライブラリの紹介ページ最適化機能GemPagesのデバッグファイルダウンロード機能GemPagesのページ共有機能の使い方インタラクション機能のご紹介テンプレートはどのように使用すればいいですか?GemPages テンプレートを別の Shopify ストアに転送できますか?GemPages テーマセクションと FAQグローバルスタイル画像からレイアウトへテンプレートライブラリ V7GemPagesの自動保存とバージョン履歴レイヤーツリーテキストエディターインラインヘッドレスページ（インスタントランディングページ）バニーフォント画像からレイアウトへ
デザインベース
レイアウトデザイン
GemPages V7にマップを追加する方法GemPages V7で商品の説明をアコーディオンタブに分割する方法Shopifyでコレクションカルーセルを作成する方法Figmaのデザインを編集可能なレイアウトに変換する画像の上にボタンを配置するにはどうすればいいですか?ヒーローバナーのサイズを変更するテキスト付きカルーセルを作成する方法行を使用して希望のレイアウトを構築するGemAI Image-to-Layout: あらゆる画像やURLを編集可能なレイアウトに変換GemAI による AI コンテンツ ジェネレーターボタンを横に並べる画像の上にテキストを配置する行またはカルーセル要素を使用して 5 列のグリッドを作成する方法
セクションデザイン
GemPagesセクション設定：レイアウト、背景、形状、高度なコントロールデザインがタブレットビューに表示されないのはなぜですか?すべてのデバイス向けにヒーローバナー画像を最適化するGemPagesで商品要素を使って商品詳細ページをデザインする方法バリエーションとスウォッチ要素を使用して製品のカラースウォッチをデザインする記事リスト要素を使用してホームページの最新ブログ投稿セクションをデザインする製品リスト要素を使用して注目の製品リストをデザインする製品リスト要素を使用した関連製品セクションの設計ヒーローバナー要素を使用してヒーローセクションをデザインするヒーローバナーとカルーセル要素を使ったスライドショーのデザイン行と製品要素を含むボリューム割引バンドルセクションを設計する製品バンドル要素を使用してボリューム割引バンドルセクションを設計するアナウンスバーにインラインカウントダウンタイマーをデザインする配送予定日要素を含む配送見積りの設計カルーセル要素を使用した推薦文セクションのデザインニュースレターとポップアップ要素を備えたオプトインメールセクションをデザインするヒーローバナーのパララックス要素GemPagesで画像ギャラリーをデザインする方法は？お問い合わせフォーム要素を使用してお問い合わせフォームセクションをデザインするニュースレター要素を使用してニュースレター登録フォームをデザインするマーキー要素を使用して「Featured In」ブランドロゴセクションをデザインするGemPagesのMarquee要素を使ってアナウンスバーセクションをデザインする方法固定セクションを作成するページの基本設定
制御設定
カスタムコーディング
モバイル端末で商品バンドルのレイアウトを横並びから縦並びに変更する方法カスタムコードを使用して、9:16 のホスト動画の上下の間隔を削除します。カスタムコードを使用して画像を回転させるカスタムコードを使用してヒーローバナーにグラデーションオーバーレイを追加するカスタムコードを使用してヒーローバナーの背景の不透明度を下げるアイテムリストのテキストの色をマウスオーバー時に変更するアイテムリスト要素の右から左へのレイアウトを作成する方法メールとテキストフィールド要素のプレースホルダーテキストの色を変更するアイテムリスト要素に取り消し線付きテキストを追加する方法CSSコードを使用して動的なチェックアウトボタンに角丸を追加する方法配送日要素にカスタムテキストを追加する方法カウントダウンタイマーに背景色を追加する方法カウントダウンタイマーのテキストと数字を1行に表示する方法カウントダウンの数字の間にコロンを追加する方法チェックボックス要素の背景色を変更する方法ドロップダウン要素のデフォルトのプレースホルダーテキストを変更する方法メール入力欄の背景色を変更する方法お問い合わせフォームのフィールドでプレースホルダーテキストを中央揃えにする方法カルーセルドットを左揃えにする方法カスタムコードを使用して問い合わせフォームのテキストの色を変更する方法お問い合わせフォーム要素内のテキストエリアの背景色を変更する方法カルーセルでコンテンツと動画の高さを同じにする方法カスタムコードを使用してカルーセルの矢印を非表示にする方法カルーセルナビゲーションドットを透明にして白い枠線をつける方法 記事一覧に「もっと見る」ボタンを追加する方法カスタムコードを使用してカルーセルドットをナビゲーションボタン（矢印）に置き換える方法カルーセルで右側の影の設定が表示されない問題を解決する方法カスタムコードを使用してボタンテキストに影を追加する方法カスタムコードを使用してボタン要素のアイコンの色を変更する方法カスタムコードを使用してボタン要素のアイコンサイズを変更する方法カスタム CSS と Javascript コードを使用して要素のスタイルをカスタマイズする要素に追加の CSS クラスを追加する
要素
製品要素
チェックアウトページに誘導する固定の「カートに追加」ボタンを作成するボタンを使用してチェックアウトページを起動する方法商品画像の上にある「カートに追加」ボタンランディングページにコレクションを追加するGemPagesで動的な商品コンテンツを表示するGemPagesで商品に「売り切れ」のタグを付ける製品要素製品リスト要素商品のカートに追加ボタン要素製品画像要素製品タイトル要素製品説明要素 製品ベンダー要素製品SKU製品価格要素製品数量要素製品ファイルのアップロードバンドル割引要素製品バッジ要素関連製品 エレメント製品詳細を見る割引タグ要素動的チェックアウトボタン要素製品カスタムフィールド要素製品バリエーションとスウォッチ要素カウントダウンタイマー要素
ページデザイン
全般
ページにソーシャルシェアセクションを作成するShopifyとGemPagesでShopifyソーシャルプレビュー画像（OG画像）を設定する方法GemPagesを使って商品を売れ筋順に表示する方法Shopifyでハンバーガーメニューを横長メニューに変更する方法ShopifyとGemPagesでデジタル商品ストアを作成する方法ShopifyとGemPagesで補完商品を活用する方法ShopifyとGemPagesの背景にCSSグラデーションを使用する方法ハイパーリンク経由でポップアップを表示する方法GemPagesでShopifyプリントオンデマンドストアを作成する方法GemPages V7を使ってモバイルでShopifyスライダーを作成する方法Shopifyのページ制限を理解するShopifyステータスページ：その概要と重要性（GemPagesユーザー向け）GemPagesでShopifyのワンプロダクトストアを作成するビデオポップアップの作成方法ShopifyページにYouTubeショート動画を追加する方法コレクションページを別のページタイプに変換する方法Shopifyチェックアウトページをカスタマイズする方法透明なロゴをアップロードするにはどうすればいいですか?ページを複製するにはどうすればいいですか?GemPagesで新しいページを作成する方法GemPagesでShopifyオリジナルテンプレートを編集するページタイプの変更テンプレートのインポートとエクスポートセクションをテンプレートライブラリに保存するShopifyテーマにテーマセクションを挿入するセクションとは何ですか? ページ内にいくつ作成できますか?Shopifyセクションの制限テーマセクションでグローバルセクションを作成する別のShopifyストアからページをインポート/エクスポートする
製品ページ
GemPagesで複数の商品のための情報ボックスを作成する「再入荷したら通知する」メッセージを作成する商品ページにポップアップを作成する商品画像の上にある「カートに追加」ボタンShopifyとGemPagesで商品おすすめを追加する方法ShopifyのGemPagesで商品を売り切れとしてマークする方法Shopifyで送料を変更する方法/送料を設定する方法製品ページのビデオレイアウトをデザインする製品ページテンプレートを使用してすべての製品ページを更新するにはどうすればいいですか?ページからセクションを削除する商品画像をフルスクリーンにする方法商品価格と比較価格を同じ行に表示する方法GemPagesを使用して製品ページに製品アドオンを作成するGemPagesテンプレートを使って商品ページを作成する方法GemPagesを使ってShopifyのデフォルト商品ページを編集する方法商品ページにShopifyのレビューと星評価を追加する商品リスト要素を使用して関連商品を追加する方法商品ページにサイズ表を追加するカスタムオプションとファイルアップロードを使用してパーソナライズされた製品ページを作成する価格要素で価格を比較するカートに追加ボタンの下に支払いアイコンを追加する商品ページにサブスクリプションウィジェットを追加する方法新しい商品ページを作成する方法カートに追加した後、チェックアウトにリダイレクトする商品ページにウィッシュリストボタンを追加するカートに追加した後、カートの引き出しを開くか、カートをスライドさせるページにGIFを追加する商品ページと商品テンプレートの違いを理解するコレクションページとコレクションテンプレートの違いを理解するページ上のShopify製品の詳細をカスタマイズするGemPagesのテンプレートに商品を割り当てるデフォルトの製品ページをGemPages製品ページに置き換えますShopifyページに商品メタフィールドを追加する方法製品バンドルを作成するページにカスタムビデオを埋め込む
プレビューと公開
ライブ配信とデフォルト設定
ランディングページを公開するには？デフォルトのホームページを作成するテーマを変更すると何が起こりますか?ページをストアに公開するShopifyストアのすべての商品にGemPagesの商品ページテンプレートを使用するデフォルト ページとは何ですか? また、それを変更するにはどうすればよいですか?ランディングページをホームページや製品ページとして使用したり、その逆を行ったりするGemPagesで構築されたページをホームページとして使用するGemPagesページをデフォルトとして設定する削除したページを復元するページをShopifyメニューにリンクするページを公開できませんGemPages でデザインしたページを非公開にするメニュー項目をShopifyのヘッダーとフッターにリンクする
Shopifyとテーマ
Shopifyデータ
CSSでフォントサイズを調整する方法Shopifyの支払いShopifyで送料無料を設定し、GemPagesに表示する方法ShopifyドメインをGemPagesページに接続するHotjarをShopifyストアに統合する方法GemPagesでバリアントメタフィールドを追加して表示する方法ShopifyでCSSテキストサイズを変更する方法Shopify用画像エディター私の商品にShopify SKUを追加するShopifyストアでApple Payを有効にするShopifyで自動割引を設定する方法Shopifyの在庫管理：在庫を効果的に管理・追跡する方法GemPagesでフォームをスパムやボットから保護する訪問者がフォームを送信した後、データはどこに保存されますか?トラブルシューティングのためにShopifyコラボレーターにアクセス権を付与するShopify 翻訳と適応
アプリの統合
変換
HotjarをShopifyストアに統合する方法Hextom: カウントダウンタイマーバーSEOAnt ‑ Sticky カートに追加ベストバイフルフィルメントSA バリアント画像オートメーションSwymウィッシュリストプラススティッキーカート：スライドカート引き出しSwish（旧ウィッシュリストキング）StarApps バリアント画像アップセルとクロスセルの再変換Growave: ロイヤルティとウィッシュリスト +無限の製品オプションMBCバンドルアプリQikify - スライドカート、スティッキーカートに追加PC ‑ カスタム製品オプション（旧製品オプションとカスタマイザー）MaxBundle - 製品バンドルアップセルとクロスセル - Selleasyフライ：バンドルと数量割引シンプルなバンドルとキットFBP | ファストバンドル製品（旧ファストバンドル：バンドル割引）無制限のバンドルと割引EB | イージーバンドルビルダー（旧イージーバンドルビルダー）Shopifyサブスクリプションサブスクリプションの再充電ShopifyバンドルリリースCODフォームとアップセルEasySell CODフォームとアップセルAMP のスライドカート引き出しQikify アップセル BOGO & 無料ギフトより賢明な製品推奨SSCによるクロスセルとアップセルqikify セールス ポップアップと証明Bundler - 製品バンドルよく一緒に購入されているワイドバンドル - 数量割引
レビュー
GemPagesでTrustpilotレビューアプリを使用する方法KlaviyoのレビューOkendo: レビューとロイヤルティTrustShop: 製品レビューMAG: 製品レビューTrustReviews: 製品レビューOpinew 製品レビュー アプリ UGCYotpo 製品レビューと UGCAli Reviews: AI製品レビュー（旧称Kudosi）Air: 製品レビューアプリとUGCGoogle レビュー（Reputon 提供）Google レビューとソーシャル プルーフ (旧称: Tagembed‑Social Post & Review)Junip ‑ 製品レビューと UGCReviewXpo 製品レビューアプリTrustWILL 製品レビュー（旧 Trustoo AI 製品レビュー アプリ）Fera 製品レビューLAI製品AmazonレビューRyviu: 製品レビューアプリRivyo: レビューとロイヤルティアプリLoox ‑ ビジュアル製品レビューLoox ‑ ビジュアル製品レビュースタンプ付きレビューとロイヤルティJudge.me 製品レビュー
店舗デザイン
EcoBoostify ショップビデオリールShopifyフォームアプリKiwi サイズ表とレコメンデーションGLO カラー見本とバンドルGemPagesでフォームをスパムやボットから保護する必須のアナウンスバーBF サイズ表とサイズガイドPOWR コンタクトフォームビルダーハルク製品オプションSEOAnt ‑ 信頼バッジとアイコンArisの製品オプション、バリエーションSmartviewer: クイックビューハルクフォームビルダーSalesPop: 注文と販売のポップアップWilldesk: ライブチャット&AIチャットボット強力なコンタクトフォームビルダーGlobo 製品オプション、バリエーションスウォッチキング: バリエーションオプションお知らせ！再入荷 | 予約注文Tepo カスタム製品オプション バリアントEasify製品オプションのバリエーションBUCKS 通貨コンバーター PRO++O:見積もり依頼 - 価格を非表示キング製品オプションCSC: サイズ表とサイズガイドカチンバンドル数量割引SEOant ‑ 信頼バッジとアイコン（Trust Me）SC製品オプションSearchanise 検索とフィルター
セールス＆マーケティング
WCウィッシュリスト＆再入荷アプリル・ロイヤルティ・リワード・プログラムAOV.ai バンドルアップセルZotek TikTok ピクセルメタピクセルフィードSegunoポップアップとフォームwetracked.io コネクトBLOY ロイヤルティプログラムと特典Cartly スライドカート引き出しUpPromoteアフィリエイトマーケティングTrustedSite ‑ 信頼バッジ ES 在庫復活しました 通知してください!Microsoft ClarityをShopifyと統合する方法CBBも購入しましたコンバージョンベアトラストバッジSeguno メールマーケティングAfterShip メールマーケティング、SMS Instagramフィード Instafeed IGハルクフォームビルダーWilldesk: ライブチャット&AIチャットボットTrustoo ロイヤルティ プログラム リワード (旧 Loloyal: ロイヤルティと紹介)AI検索とフィルターを強化バリアントオプション製品オプションGoodAPI 植樹 海洋浄化Firepush – SMS と Web プッシュTA 製品ラベルとバッジ（旧 BSS: 製品ラベルとバッジ）ヘクストム：究極の売上アップWhatmore ショッピング可能なビデオ + リールRapiバンドル数量割引予約 カウレンダーWOD: 今すぐ予約注文ウルフを予約注文 | 今すぐ予約注文コアラバンドルのボリュームディスカウントBON: ロイヤルティ報酬紹介Shopify受信トレイ Fordeer 製品ラベルとバッジAvada SEO Suite 搭載の SEO チェッカー機能重要事項: レビュー、バンドル、AIKlaviyo: 電子メール マーケティングと SMSPushOwl: Webプッシュ通知SearchPie: SEO、スピード、スキーマKlarna オンサイトメッセージングMailchimp EメールマーケティングOmnisendEメールマーケティングとSMSInstafeed ‑ Instagram フィード
トラブルシューティングとFAQ
モバイルでの横スクロール：原因とGemPagesでの修正方法トラブルシューティング: GemPages エラーコードトラブルシューティング: インタラクションが機能しないトラブルシューティング: GemPages エラーメッセージGemPages で構築された公開ページにアクセスするにはどうすればよいでしょうか?トラブルシューティング: GemPages コレクションページにコレクションが表示されない私のデザインはモバイルでは見栄えがよくありませんバリエーション画像を選択しても表示されないのはなぜですか?GemPagesページにアプリが表示されない – トラブルシューティングトラブルシューティング: モバイルデバイスでビデオが再生されないトラブルシューティング: デバイス間でページの表示が一致しないトラブルシューティング: GemPages ページの変更が保存されないShopifyでストアをプレビューできない - トラブルシューティングShopifyでカートドロワーが表示されない – トラブルシューティングトラブルシューティング: 公開後に商品ページの見た目が変わるランディング ページがサイトに読み込まれないのはなぜですか?公開したページが空として表示されるのはなぜですか?製品ページに製品が表示されないのはなぜですか?フォントに関するよくある質問製品の価格と通貨形式を更新するGemPagesでShopifyカートドロワーを設定する方法
Main Features
GemPages MCPを使用してコンテンツをHTMLページに変換する方法
要約すると、Content to HTML は GemPages MCP で利用できる 3 つの専門ワークフローのうちの 2 番目です。Content Research: 製品と市場の証拠を顧客インサイト、バイヤーペルソナ、およびドラフトコンテンツに変換します。Content to HTML は、Content to HTML の 2 番目のワークフローです。
GemPages MCPを使用してHTMLを編集可能なGemPagesページに変換する方法
要約すると、HTML から GemPages への変換は、GemPages MCP で利用できる特殊なワークフローの 1 つです。完成した HTML ランディングページを、GemPages アプリ内で編集可能なページに変換します。必要な情報を入力すると...
GemPages MCP をコンテンツ調査に活用する方法
コンテンツリサーチは、GemPages MCP で利用できる 3 つの専門ワークフローのうちの最初のものです。コンテンツリサーチ: 製品情報と市場データから顧客インサイト、バイヤーペルソナ、およびドラフトコンテンツを作成します。コンテンツを HTML に変換:...
GemPages MCP 入門
要約：GemPages MCPは、互換性のあるAIエージェントをShopifyおよびGemPagesに接続し、eコマースチームがコンテンツのリサーチと制作のための専門的なワークフローにアクセスできるようにします。3つの主要機能でリリースされます：コンテンツリサーチ：分析...
スケジュール公開
スケジュール公開機能を使用すると、ページまたはテーマセクションの更新を事前に準備し、指定した将来の日時で自動的に公開できます。この記事では、スケジュール公開機能の使い方について説明します。
GemPagesを使ってAI生成HTMLをShopifyに公開する
GemPages HTML-to-Shopifyキットは、Anthropic社のClaudeを使用して任意のHTMLコードを有効な.gempagesファイルに変換するのに役立つ無料ツールキットです。生成されたファイルはインポートできます...
GemPagesの多言語機能
更新日: 2026年3月30日 この記事では、GemPagesの多言語機能の仕組み、導入理由、サポートされている言語、アプリの言語の切り替え方法について説明します。多言語機能の概要...
使用していないセクションを削除する方法
未使用のセクションは、特に複数のページを作成して公開した後、時間の経過とともにテーマ内に蓄積されます。これらの残存ファイルはテーマのサイズを増大させ、コードベースを煩雑にし、最終的には公開時に問題を引き起こす可能性があります。
GemPagesの新ライブラリの紹介
この記事では、新しいライブラリの仕組み、主な機能、そしてテンプレートやセクションを素早く見つけてパフォーマンスの高いページを作成する方法について解説します。新しいライブラリを構築した理由…
ページ最適化機能
GemPagesは、ページのパフォーマンス、ユーザーエクスペリエンス、そして公開前の可視性を向上させるためのツールセット「ページ最適化」を導入しました。この機能には、ページスピードとSEOチェッカーという2つの主要コンポーネントが含まれています。
販売を開始