セールスファネル
販売ファネルにおける定期購入商品の購入後オファーGemPagesの販売ファネルで注文タグを自動で設定する方法（Shopify Flowを使用）GemPagesセールスファネルのランディングページを変更する方法事前販売ページを販売ページにリンクする方法セールスページのご紹介 – GemPages セールスファネルへの新たな追加セールスファネルダイナミックオファーGemPagesで購入後ページをデザインする際の限界セールスファネルダイナミックトリガー購入後のアップセル戦略で売上を伸ばすGemPages セールスファネルとよくある質問Shopify 注文と 1 ドル商品を使用した GemPages アップセル販売ファネルのテストGemPages セールスファネル: テンプレートをライブラリに保存する機能購入後のオファーが表示されない問題の解決方法GemPages ワンクリック購入後: サポートされている支払い方法
エディター
Main Features
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要素を使ってアナウンスバーセクションをデザインする方法固定セクションを作成するページの基本設定
要素
製品要素
チェックアウトページに誘導する固定の「カートに追加」ボタンを作成する選択したバリエーションに基づいて商品画像を表示する方法ボタンを使用してチェックアウトページを起動する方法商品画像の上にある「カートに追加」ボタンランディングページにコレクションを追加する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で配送進捗バーを作成する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フォームとアップセルShopify 検索と発見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 ‑ 信頼バッジとアイコンAvis 製品オプション、バリエーションSmartviewer: クイックビューハルクフォームビルダーSalesPop: 注文と販売のポップアップWilldesk: ライブチャット&AIチャットボット強力なコンタクトフォームビルダーGlobo 製品オプション、バリエーションスウォッチキング: バリエーションオプションお知らせ！再入荷 | 予約注文Tepo カスタム製品オプション バリアントShopify 検索と発見Easify製品オプションのバリエーションBUCKS 通貨コンバーター PRO++O:見積もり依頼 - 価格を非表示キング製品オプションCSC: サイズ表とサイズガイドカチンバンドル数量割引SEOant ‑ 信頼バッジとアイコン（Trust Me）SC製品オプションSearchanise 検索とフィルター
セールス＆マーケティング
アプリル・ロイヤルティ・リワード・プログラム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カートドロワーを設定する方法
境界線、コーナー、影
境界線半径 50% の円形画像をデザインする
円形の画像を作成することは、ページの視覚的な魅力を高めるためのシンプルかつ効果的なデザイン手法です。境界線の半径を 50% に設定することで、正方形または長方形を円形に変換できます...
ビデオに丸い境界線を設定する
ビデオ要素に丸い境界線を追加すると、デザインが洗練されてモダンな外観になります。このガイドでは、GemPages のビデオ要素を使用してこの効果を実現する方法を説明します。
GemPagesで境界線、角、影を追加する方法
この記事では、GemPagesを使って枠線、角、影を追加・カスタマイズする方法を学びます。なぜ枠線、角、影を使うのでしょうか？枠線、角の半径、影といったデザイン要素は、Webサイトをより魅力的に見せる強力なツールです。
販売を開始