Shopifyテーマガイド

テーマ「Dawn」に送料計算ツールを追加。

Shopifyの標準テーマは商品とカートのセクションが柔軟で、ShipCalcのアプリブロックを追加しやすいテーマです。

Dawnでの配置場所

商品ブロックは価格や購入ボタンの下に、カートブロックは小計の近くに配置します。カートドロワーを有効にしている場合は別途確認してください。

設定手順

  1. ShipCalcをインストール Shopify App Storeからインストールします。14日間の無料体験がすぐに始まります。
  2. テーマエディターを開く テーマ「Dawn」で[オンラインストア]→[テーマ]→[カスタマイズ]を開くか、ShipCalcの初期設定にあるワンクリックリンクを使います。
  3. ShipCalcのブロックを追加 商品テンプレートを開き、[ブロックを追加]→[ShipCalc]を選んで、価格や購入ボタンの近くにドラッグします。カートテンプレートでも同様に行います。
  4. カートドロワーの埋め込みを有効化 ストアでスライド式カートを使っている場合は、[アプリ埋め込み]を開いてShipCalcのカートドロワー埋め込みをオンにします。
  5. デザインを合わせて保存 ShipCalcのAppearanceページで色、レイアウト、テキストを調整し、プレビューを確認してテーマを保存します。

Dawnで確認すること

選んだ商品テンプレートが公開中の商品で使われているかを確認し、スマートフォンで購入ボタン周りの余白をチェックします。

  • パソコンでの商品ページ
  • スマートフォンでの商品ページ
  • 商品が1点と複数点のカート
  • 配送する各地域の配送先
  • 未対応の配送先と「料金なし」のメッセージ
  • カートドロワーの開閉、追加、削除

よくある質問

テーマ「Dawn」のコードを編集する必要はありますか?

いいえ。商品とカートへの配置はShopifyテーマエディターのアプリブロックです。カートドロワーはアプリ埋め込みを使います。カスタムセレクターが必要なドロワーもありますが、設定をお手伝いします。

計算ツールは「カートに追加」の上と下、どちらに置くべきですか?

価格や購入ボタンの近くに置いてください。送料が購入判断の大きな要素になる場合(大型・重量のある商品など)は、価格や購入ボタンのすぐ下がおすすめです。

公開前に何を確認すべきですか?

パソコンとスマートフォンのレイアウト、複数の商品タイプ、配送する各地域の配送先、カートページ、そしてテーマで使っている場合はカートドロワーです。

お客様に聞かれる前に、送料を見せましょう。

まずは質問したい方はお気軽にご相談ください。

無料で試す
  • 14日間無料
  • テーマのコード編集は不要