> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 追加メモモジュール

> 顧客が cart drawer 内で直接、注文に関する特別な指示を残せるようにします。

<div id="overview">
  # 概要
</div>

追加メモモジュールは、折りたたみ可能なメモセクションを表示し、顧客がチェックアウトに進む前にメッセージを残せるようにします。これらのメモは、Shopify 管理画面の注文詳細に表示されます。

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/notes-module-cart-drawer-field-add.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=fe5e6eb3b0791ae47e9a9182ce6194f2" alt="Add special instructions と Enter your note here の入力欄がある cart drawer のメモフィールド" width="600" data-path="images/upcart/notes-module-cart-drawer-field-add.png" />

💬 メモは、Shopify 管理画面の注文ページまたは個別の注文詳細ページから確認できます。\
詳細: [Shopify – 注文詳細の管理](https://help.shopify.com/en/manual/fulfillment/managing-orders/managing-order-details#notes-comments)

<div id="customizing-additional-notes">
  # 追加メモのカスタマイズ
</div>

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/notes-module-additional-editor-title-placeholder.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=be7a8c3824fef36d69ee4c511b3545f2" alt="メモのタイトル、プレースホルダー、配置設定がある追加メモモジュールのエディター" width="600" data-path="images/upcart/notes-module-additional-editor-title-placeholder.png" />

<div id="notes-title">
  # **メモのタイトル**
</div>

タイトルは、顧客にメモを残すよう促すテキストです。クリック可能で、太字、斜体、下線、色などの書式オプションでカスタマイズできます。

⚠️ タイトルテキストを白に設定すると、背景によっては見えなくなることがあります。フィールド全体をハイライトして、読めるかどうか確認してください。

<div id="how-it-works">
  ## 仕組み
</div>

メモセクションは、デフォルトでは折りたたまれています。顧客がタイトルまたはその横のシェブロンをクリックすると、メモの入力ボックスが展開されます。顧客がメモを入力すると、自動的に保存されます。
保存状態を示すステータスアイコンがタイトルの横に表示されます:

* **スピナー** — メモを保存中
* **チェックマーク** — メモの保存に成功

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/notes-module-title-editor-formatting.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=1298597b27ea8c2e0865f605f528661d" alt="太字、下線、斜体で Add special instructions を書式設定しているメモタイトルエディター" width="468" height="306" data-path="images/upcart/notes-module-title-editor-formatting.png" />

<div id="notes-placeholder">
  # **メモのプレースホルダー**
</div>

これは、顧客が何かを入力する前に入力フィールド内に表示されるプレースホルダーテキストです。例: 「ご注文に関する特別な指示」。

顧客が入力を始めるとすぐに、メッセージがプレースホルダーに置き換わります。送信されたメモは Shopify に渡され、注文に含まれます。

<div id="notes-placement">
  # **メモの配置**
</div>

カートレイアウト内でメモフィールドを表示する場所を選択できます:

<div id="below-cart-items">
  #### **カートアイテムの下**
</div>

* メモセクションは、カート内のすべてのアイテムの下に配置されます。
* 特にカートに多くのアイテムが含まれている場合、顧客はスクロールして見つける必要があるかもしれません。
* アップセルとアドオンは、メモフィールドの下に表示されることがあります。

<div id="top-of-footer">
  #### **フッターの上部**
</div>

* メモフィールドは、Upcart のスティッキーフッターの上部に表示されます。
* スティッキーフッターが無効になっていない限り、常に表示されたままになります。
* このレイアウトでは:

  * アップセルはメモセクションの上に配置されます
  * アドオンはメモセクションの下に配置されます

「カートアイテムの下」の配置は、メタフィールド内では内部的に bottomOfCart として保存されます。
