Skip to main content

​
概要

Upcart では、Custom HTML エディターを使用して、カート全体の特定の場所に HTML や JavaScript を挿入できます。これにより、カート体験内のレイアウト、表示、条件付きコンテンツを完全に制御できます。 このガイドを使って、各配置場所の動作と、コンテンツが表示される場所を理解してください。

​
利用可能な HTML 配置場所

​
Above announcements/rewards(アナウンス/リワードの上)

カートヘッダーのすぐ下、すべてのモジュールの前にレンダリングされます。
サイト全体のメッセージ、フラグ、動的なバナーの追加に使用します。

​
Below header/announcements/rewards(ヘッダー/アナウンス/リワードの下)

アナウンスメントモジュールとリワードモジュールの直後、商品リストの直前に表示されます。

​
Between each line item(各ラインアイテムの間)

カート内の各商品の後に HTML を繰り返し表示します。
免責事項や商品固有の追加情報を表示するのに最適です。

​
Below cart items(カートアイテムの下)

すべてのカートラインアイテムの後、商品リストの下にレンダリングされます。商品の下、かつアップセルやアドオンの上に表示すべきメッセージ、バナー、カスタムコンテンツに使用します。

​
Above footer/add-ons(フッター/アドオンの上)

商品リストとアップセルの下、アドオンセクションの上に表示されます。
保証や配送保護のオファーにつなげるメッセージに最適です。

​
Above checkout button(チェックアウトボタンの上)

フッターエリア内、チェックアウトボタンと小計のすぐ上に表示されます。
価格の内訳、配送に関する通知、利用規約の表示によく使用されます。

​
Below checkout button(チェックアウトボタンの下)

同じくフッター内で、チェックアウトボタンの後、エクスプレス決済ボタンの前に配置されます。アドオンはフッターの最上部、これよりかなり上にレンダリングされます。
補助的な CTA や法的な注意書きに役立ちます。

​
Bottom of cart(カートの最下部)

フッターエリアの外側、カートドロワーの一番下に表示されます。
フッターの背景色は継承しません。

​
On empty cart screen(空のカート画面)

カートが空のときにのみ表示されます。
「Your cart is empty」メッセージのすぐ下、レコメンデーションモジュールの上に表示されます。補足の一文やコレクションへのリンクに便利です。

​
Scripts (Before Load)(読み込み前のスクリプト)

カートの読み込み前に JavaScript を実行するための、目に見えない配置場所です。
変数の定義、条件の設定、Upcart の動作の変更に使用します。
  • すべてのカスタム HTML の配置は次の場所で管理します:
    Upcart > Cart Editor > Settings > Custom HTML

​
ビジュアルリファレンス

各配置場所がカート内のどこにレンダリングされるかを明確に理解するには、以下のラベル付きレイアウトを参照してください
各カスタム HTML 配置場所がレンダリングされる位置を示すラベル付きの Upcart カートドロワー