最初から最後まで3ステップ。
詳しく見る前に、全体の流れをご紹介します。セクション1つの追加は通常数分で終わります。
購入してダウンロード
チェックアウトは1分。すぐにダウンロードでき、zipにはファイルと、あなたのストアでの操作手順を案内する短くわかりやすいガイドが入っています。
Shopifyに追加
セクションならファイルを1つテーマに貼り付けるだけ。テーマならzipをアップロード。どちらもご自身のShopify管理画面で完結し、インストールは不要です。
あなた好みに
いつものShopifyテーマエディターを開き、テキスト、画像、色、価格をブランドに合わせて変更します。見たままが、お客様に表示されます。コードは不要。
セクションを1つインストール(コピー&ペースト)
セクションは比較表や追従するカート追加バーのような、独立した1つのパーツです。今のテーマの他の部分には触れずに追加できます。Dawnや多くの無料・有料テーマを含む、すべてのOnline Store 2.0テーマで使えます。
- テーマのコードを開きます。
Shopify管理画面で次へ移動: オンラインストア、次に テーマ。使いたいテーマの3点リーダーをクリック … し、次を選択: コードを編集.
- 新しいセクションファイルを追加します。
左サイドバーで次のフォルダを探します: Sections 、クリック: 新しいセクションを追加。ダウンロードガイドに記載の名前を付けます(例: sb-comparison).
- お渡ししたコードを貼り付けます。
新しいファイルの仮テキストを削除し、ダウンロードした次のファイルの内容を貼り付けます: .liquid 。そしてクリック: 節約.
- 必要に応じてスニペットやアセットを追加します。
ガイドに追加ファイルがある場合は、次のフォルダで追加と貼り付けを繰り返します: Snippets 。画像やファイルは次へアップロード: Assets。ほとんどのセクションでは不要です。
- ページに配置します。
次に戻ります: テーマをクリック: カスタマイズ、次に セクションを追加 。一覧から新しいセクションを選び、配置して保存すれば完了です。
ヒント:セクションは次の場所に表示されます: セクションを追加 。表示名はファイル名ではなく、ファイル内で設定された名前です。見つからない場合は一覧をスクロールするか、下のトラブル対処法をご覧ください。
テーマをまるごとインストール(zipアップロード)
テーマはストア全体のデザインです。1つのzipファイルとしてアップロードし、安全にプレビューして、納得してから公開します。切り替えるまで、今のテーマはそのままです。
- テーマを開きます。
Shopify管理画面で次を開きます: オンラインストア、次に テーマ.
- テーマをインポートします。
次までスクロール: 下書きテーマ 、そしてクリック: インポート、次に zipファイルをアップロード.
- zipを選びます。
Sellblocksのダウンロードからテーマzipを選択します。届いたままの状態で使い、解凍や再圧縮はしないでください。
- アップロードを待ちます。
Shopifyがテーマをライブラリに追加します。通信環境にもよりますが、通常1分もかかりません。
- 公開前にプレビュー。
クリック: プレビュー で、公開中のストアに影響を与えずに新しいテーマを実際の商品で確認できます。いろいろクリックして確かめてください。
- 準備ができたら公開。
気に入りましたか?次をクリック: 公開 すると、公開テーマになります。お客様にはすぐに表示されます。
以前のテーマはバックアップとしてライブラリに残ります。いつでもプレビュー、複製、再公開できるので、切り替えても後戻りできます。
テーマエディターでの編集
ここからはすべてShopify標準のカスタマイザーで行います。テーマの次をクリック: カスタマイズ すると、横にシンプルなパネルが付いたライブプレビューが開きます。要素をクリックして編集。コードは一切不要です。
セクションとブロック
セクションはページの帯状の区画です。その中に、特徴やレビュー、価格行などのブロックがあります。クリックすると設定が開きます。
自由に並べ替え
サイドバーの一覧でセクションやブロックを上下にドラッグして順序を変更。目のアイコンで非表示にしたり、完全に削除したりできます。
テキストと画像
テキスト欄に直接入力し、ご自身の写真をアップロードします。代替テキストを追加すると、アクセシビリティと検索対策に役立ちます。
色とフォント
色と書体はセクション設定で、またはストア全体なら次で変更できます: テーマ設定 。ストア全体の統一感が保てます。
価格を設定
価格を表示するセクションでは、各欄に数字を入力するだけ。シンプルな設定なので、コードを探す必要はありません。
ボタンをリンク
購入ボタンやリンクボタンは、一覧から商品やページを選ぶかリンクを貼り付けて設定します。保存すればボタンが有効になります。
手に入るものを正直に。
大きな約束より、しっかりしたサポートを。所有、アップデート、サポートの仕組みを具体的にご説明します。
購入したものはあなたのもの
購入したセクションやテーマは、サブスクも期限もなく、ずっとあなたのものです。購入したストアでお使いください。
オールアクセスは成長し続けます
ライブラリに新しいセクションを追加すると、オールアクセス会員は追加料金なしで使えます。ライブラリは現在100セクションで、さらに増えています。
本当のインストールサポート
手順でつまずいたら、メールでご連絡ください。Shopifyに詳しいスタッフがお手伝いします。販売の質問だけでなく、インストールの質問にもお答えします。
アプリなし、ロックインなし
すべてはあなたのテーマの中にあります。外部と通信しないので、オールアクセスをやめても、インストール済みのものはそのまま動きます。
よくあるトラブルのすぐできる対処法
ほとんどの問題はワンクリックで解決します。よくいただきそうな質問をまとめました。
貼り付けたのにセクションが表示されない
ファイルの保存は最初のステップです。ページに表示するには、次でテーマエディターを開きます: カスタマイズをクリック: セクションを追加 一覧から選択します。また、次のフォルダに保存されているか Sections (Snippetsではなく)、貼り付けた後に次をクリックしたか確認してください: 節約 。
アップロードに失敗した
テーマの場合は、お渡ししたzipをそのままアップロードしてください。解凍して再圧縮したり、別のフォルダに入れてから圧縮したりすると、Shopifyが想定する構成が崩れます。ファイルはShopifyのアップロード容量制限内である必要もあります。それでも失敗する場合は、ファイル名をお知らせください。確認します。
今のテーマで使えますか
セクションなら使えます。今お使いのOnline Store 2.0テーマに貼り付けると、既存の内容と共存します。テーマはそれとは別で、プレビューしてから公開する独立したテーマなので、あなたが選んだときだけ今のデザインと置き換わります。
ストアが重くなりませんか
いいえ。どのブロックもJavaScriptほぼゼロ、遅延読み込みのレスポンシブ画像で軽く作られているので、重いテーマやアプリの積み重ねのような負担は増えません。バックグラウンドで動くアプリもありません。
アプリは必要ですか
アプリは一切不要です。セクションとテーマはあなたのテーマ内にあるネイティブなShopifyコードなので、登録するものも月額アプリ料金もありません。
料金を見て始める オールアクセスは一度の支払いで £199 (ローンチ価格は2026年12月4日まで、通常 £249)、ずっとあなたのもの。