2025年10月15日より、セキュリティ対応のため、外部サイトへBASEのショップページをiframeで埋め込むことを制限しております。
一方で、商品ウィジェットを利用して、外部サイトへ特定の商品ページを表示することは可能です。
このページでは、商品ウィジェットを利用した商品ページの表示方法を案内します。
iframeで表示できる範囲
BASEでは、外部サイトへショップページ（ショップのトップページ）をiframeで表示することはできません。
商品ウィジェットを利用することで、外部サイトへ特定の商品ページのみを表示できます。
商品ウィジェットのiframeタグ例
表示したい商品ページのURLを準備し、下記の【商品詳細ページURL】を置き換えてください。
- 小サイズ（/widget/small）
<iframe frameborder="0" height="380" src="【商品詳細ページURL】/widget/small" width="220"></iframe> - 標準サイズ（/widget）
<iframe frameborder="0" height="380" src="【商品詳細ページURL】/widget" width="220"></iframe> - 大サイズ（/widget/large）
<iframe frameborder="0" height="380" src="【商品詳細ページURL】/widget/large" width="220"></iframe>
【商品詳細ページURL】の置き換え例
商品詳細ページのURLが以下の場合を例に説明します。
- 商品詳細ページURL：
https://example.thebase.in/items/12345678
上記URLの末尾へ /widget を追加すると、標準サイズのiframeタグとして利用できます。
- 標準サイズ（/widget）の例
<iframe frameborder="0" height="380" src="https://example.thebase.in/items/12345678/widget" width="220"></iframe>
注意事項
- 画像や文字の表示サイズは、埋め込み先のサイトのレイアウトにより見え方が変わります
※必要に応じて、heightやwidthの値を調整してください。 - 外部サイトの作成方法や、HTMLの編集方法については、BASEではサポートしておりません
※埋め込み先サービスのサポート窓口へご確認ください。