商品ページにサイズ表を追加する

商品ページにサイズ表を表示するにはどうすればいいですか?

オプション1: 画像要素を使用する

事前にデザインされたサイズ表の画像がある場合は、商品ページに簡単に追加できます。

ステップ1： GemPagesエディタで商品ページを開き、 画像要素.

ステップ2： 左側のサイドバーから要素をドラッグし、ページ上の目的の場所にドロップします。

ステップ3： 下 ソース セクションでは、現在の画像の上にマウスを移動してクリックします 画像をアップロード.

ステップ4： サイズ表の画像をアップロードしたら、必要に応じて設定を変更できます。

オプション 2: カスタムコードの使用

ステップ1： アカウント設定ページに移動する Shopify管理者 > 製品サイズ表を追加する商品を選択します。

ステップ2： 下 詳細説明 セクションでは、 表 機能。完了したら、 Save.

ステップ3： 説明エディタで、 HTMLを表示

サイズ表の HTML コードをコピーします。

ステップ4： GemPagesエディタで、 カスタムコード 素子 サイドバーから、サイズ表を表示したい場所に配置します。

ステップ5： 下 カスタムコード セクションでクリックするとコード パネルが開きます。

ステップ6： HTMLコードを貼り付けます HTMLタブ ヒット 保存します。

結果を確認します。

オプション3: サードパーティ製アプリの使用

より動的でカスタマイズ可能なサイズ表が必要な場合は、サードパーティのアプリが最適です。多くのアプリは GemPages とシームレスに統合され、自動サイズ推奨や高度なカスタマイズなどの機能を提供します。

これらのオプションについて詳しくは、 GemPages ヘルプセンター – サイズ表の統合 人気のサイズ表アプリの使い方をステップバイステップで解説したガイドです。

ベストプラクティス: GemPagesでサイズ表のポップアップを作成する

商品ページに直接サイズ表を表示する代わりに、 ポップアップ.

こうすることで、ページがすっきりと保たれ、顧客は必要なときにのみチャートを開くことができます。

これが推奨される理由:

• 製品ページをすっきりと整理し、気を散らさないようにします。
• より良い顧客体験を提供します。サイズ表はいつでもアクセスできますが、スペースを占有しません。
• 画像と表のサイズチャートの両方でシームレスに動作します。

サイズ表にポップアップを使用するのが最も柔軟なアプローチであり、顧客が製品ページを離れることなく簡単にサイズを確認できます。

ページにサイズ チャートのポップアップを作成するには、以下の手順に従ってください。

ステップ1： GemPagesエディターでポップアップ要素を見つけたら、検索バーを使って検索します。次に、その要素をデザインエリアにドラッグ＆ドロップします。

ステップ2： ポップアップにネストされた画像要素の追加を続けます。

ステップ3： 画像の設定パネルで、 ソース セクションに移動し、現在の画像にマウスを移動します。次に、 画像をアップロード サイズ表の画像をアップロードします。

ステップ4： ポップアップの外側をクリックし、ボタン要素をページ内の目的の位置にドラッグ アンド ドロップします。

ステップ5： ボタンを好みに合わせて設定します 設定 タブには何も表示されないことに注意してください。

たとえば、背景色を変更したり、ボタンのサイズを調整したり、ホバー効果を追加したりできます。

次に、ボタンのテキストを編集し、テキストスタイルを設定します。「サイズを確認」や「サイズガイド」といったテキストを追加して、訪問者がクリックしたくなるような工夫をしてみましょう。

ステップ6： 下にスクロールして リンク セクションを開いてオンに切り替えます。そこから設定します クリック後 = ポップアップを開くをクリックし、手順 1-3 で作成したポップアップを選択します。

これで、訪問者がこのボタンをクリックするとポップアップが表示されます。

ページを保存して再公開すると、ライブストアで結果を確認できます。

結果：