ストアのカートページに備考欄を追加する方法ノーコードで備考欄を追加するコーディングで備考欄を追加するコーディングで注文確定メールに備考欄の内容を表示するまとめはじめに皆さんのサイトに備考欄はありますか?備考欄がないと、顧客は意見を伝えることができず、結果的に売上の低下に繋がる可能性があります。サイトのカートページに「備考欄」を追加して、顧客から要望を受け取ることができるように設定する方法を解説します。備考欄とは備考欄とは、顧客から注文やショップに対する要望を聞き取るために設置する、任意入力欄のことです。fun備考欄を設置すると、ショップサイトと顧客両方に様々なメリットがあります。備考欄を設定するメリット通常の店舗では顧客の要望を取り入れて店舗運営や商品を改善することで、売り上げを伸ばすプロセスが必要不可欠です。サイトでは特別な機会がない限り、顧客の意見やオプションの要望を取り入れることは困難です。顧客の意見を取り入れる方法として、商品購入ページに「備考欄」を設置する方法があります。備考欄に商品への要望や、顧客個人の意見を記入してもらうことで、顧客が商品やサイトについてどのような意見を持っているかを調査できます。構築したストアに備考欄を追加する方法を、ノーコードで追加する方法と、コーディングで追加する方法、両方ご紹介します。ノーコードで備考欄を追加するコーディングせずに備考欄を追加する方法をご紹介します。備考欄を追加する管理画面から「オンラインストア」を選択し、「カスタマイズ」をクリックします。画面上部の「ホームページ」をクリックして、「カート」を選択します。左側のタブから「小計」を選択し、「テーマ設定」の「カートメモを有効にする」にチェックを入れます。(使用しているテーマによっては、設定の場所が異なる場合があります。)これでカートページに「備考欄」を追加できました。instructions」と記載されています。この表記を変更する方法をご紹介します。ストア管理画面から「...」>「デフォルトテーマのコンテンツを編集する」を選択します。instructions」)を入力します。「Note」の文字を備考欄のラベルとして表示したい文面に変更します。変更した文字がラベルとして表示されます。右側「メモ」に表示されます。コーディングで備考欄を追加するテーマによってはノーコードでは備考欄を追加できない場合があります。テーマカスタマイズで設定できない場合は、以下のコーディングで実装する方法をお試しください。ソースコードから備考欄を追加するストア管理画面から「...」>「コードを編集」をクリックします。「main-cart-items.liquid」ファイルを開きます。</form>タグの直前に以下のコードを貼り付けます。ここにラベルを記入します。placeholder="ここにプレースホルダ―を入力します。</textarea></p>コードを追加すると以下のようになります。これでコーディングによる備考欄の追加は完了です。コーディングで注文確定メールに備考欄の内容を表示する注文確定メールに備考欄の内容を出力するには、メールの文面にコーディングで備考欄に入力された文字を追加する必要があります。管理画面から「設定」を開きます。「通知」から「お客様通知」をクリックします。「注文の確認」をクリックします。「コードを編集」をクリックして、注文確認メールの内容を編集していきます。(※ストアで設定しているメールアドレスの認証を完了している必要があります。)メールの文面の備考内容を表示したい部分に以下のコードを挿入します。下の欄に追加しました。%}<p></p>挿入すると以下のようになります。メール画面は以下のようになります。これで注文確定メールに顧客自身が入力した備考欄の内容が表示されるようになります。つの方法でご紹介しました。ショップの改善のお役に立てれば何よりです。アプリシンプルブログタグ絞り込み|お手軽タグ一覧挿入シンプルなブログ絞り込みアプリ。ストアにタグによるブログ絞り込み機能を簡単に導入できます。シンプル会員商品割引|お手軽ログイン商品セール設定シンプルな日本製の商品割引アプリ。ログインしている顧客を対象とした商品割引を簡単に実現できます。商品毎に、割引テーブルに応じたまとめ買い割引を行えます。シンプルノベルティ|お手軽ギフト特典シンプルな日本製のノベルティ付与アプリ。条件を満たした注文に対してノベルティ商品を自動で付与します。シンプルな日本製のノベルティ付与アプリ。条件を満たした注文に対してノベルティ商品を自動で付与します。シンプルおひとり様一点限りの購入制限設定シンプルな日本製のおひとり様一点限りの購入制限アプリ。商品毎に、おひとり様一点限りの購入制限を行えます。シンプル期間限定セール|お手軽バーゲンセール「シンプル期間限定セール|お手軽バーゲンセール」は、ストアの全商品に対して期間限定セールを簡単に実現できるアプリです。シンプルVIP会員商品割引|お手軽VIP商品セール設定シンプルな日本製の条件に応じた商品割引アプリ。特別な顧客を対象とした商品割引を簡単に実現できます。シンプル決済カスタマイズ|お手軽条件ごとの決済方法シンプルな日本製の決済カスタマイズアプリ。チェックアウト画面で、特定の条件に基づいて、決済方法の非表示を行えます。シンプル配送カスタマイズ|お手軽条件ごとの配送方法シンプルな日本製の配送カスタマイズアプリ。指定した条件下で特定の配送方法を非表示にできます。シンプルクラウドファンディング|お手軽自社クラファンシンプルなクラウドファンディングアプリ。商品毎にクラウドファンディングを実現できます。シンプル会員初回注文割引|お手軽初回ログインセール設定シンプルな日本製の条件に応じた注文割引アプリ。ログインしている顧客を対象とした初回購入時の注文割引を簡単に実現できます。割引シンプルな日本製の注文割引アプリ。顧客タグに応じて注文を割引したり、無料にしたりできます。シンプル会員初回送料割引|お手軽初回ログイン送料無料シンプルな日本製の条件に応じた送料割引アプリ。ログインしている顧客を対象とした初回購入時の配送料割引を簡単に実現できます。シンプル会員送料割引|お手軽ログイン送料無料シンプルな日本製の会員配送料割引アプリ。ログイン状態に応じて配送料を割引できます。シンプル会員注文割引|お手軽ログインセール設定シンプルな日本製の注文割引アプリ。顧客のログイン状態に応じて注文を自動割引できる。シンプルセット商品在庫連携|お手軽セット商品管理の自動化シンプルな日本製のセット商品在庫連携アプリ。在庫連携したセット商品販売を簡単に実現できます。シンプルVIP注文割引|お手軽VIP会員セール設定シンプルな日本製の条件に応じた注文割引アプリ。特別な顧客を対象とした注文割引を簡単に実現できます。シンプル延長保証|お手軽保証付き商品販売シンプルな保証付与アプリ。商品毎に保証付与ができます。シンプルVIP送料割引|お手軽VIP会員送料無料シンプルな日本製の条件に応じた送料割引アプリ。特別な顧客を対象とした配送料割引を簡単に実現できます。Button)シンプルな追従カートアプリ。ストアに追従カートを簡単に導入できます。シンプル顧客タグ送料割引|お手軽顧客タグ送料無料シンプルな日本製の送料割引アプリ。顧客タグに応じて配送料を割引したり、無料にしたりできます。Breadcrumbsカスタマイズ性の高いパンくずをストアに表示できる!シンプルブログ記事カスタマイズ|お手軽ブログテンプレートシンプルなブログ記事カスタマイズアプリ。ストアにブログ記事カスタマイズ機能を簡単に実現できます。シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリシンプルなお知らせセクションアプリ。ストアにお知らせセクションを簡単に挿入できます。シンプルブログ記事目次|自動見出し一覧挿入シンプルなブログ目次生成アプリ。ストアにブログ目次を簡単に表示できます。シンプルスライドショー|お手軽画像スライダーシンプルなスライドショーアプリ。ストアにスライドショーを簡単に表示できます。シンプル流れるロゴ|流れるロゴリスト挿入アプリシンプルな流れるロゴリストアプリ。ストアに流れるロゴリストを簡単に表示できます。シンプル名入れ|お手軽名前入りギフトオプションシンプルな日本製の名入れオプションアプリ。商品毎に名入れオプションを追加できます。シンプル在庫数表示|お手軽残りわずか表示シンプルな商品の残りわずか表示アプリ。ストアに商品の残りわずか表示を簡単に導入できます。シンプルギフトラッピング|お手軽ギフト包装アプリシンプルな日本製のギフトラッピングアプリ。カートページに簡単にギフト包装オプションを追加できます。シンプル購入制限|お手軽注文制限について徹底解説シンプルな日本製の購入数制限アプリ。商品ごとに数量の規制を行えます。購入促進!コレクションにランキングラベルを表示してストアの人気商品をアピールシンプル顧客タグごとの限定販売|お手軽ロイヤリティ日本製の顧客タグごとの購入制限アプリ。特定のタグを持つ顧客への限定販売を簡単に実現できます。シンプルロゴ一覧|お手軽ロゴリスト表示シンプルなロゴリストアプリ。ストアにロゴリストを簡単に導入できます。シンプル余白調整|お手軽レイアウトシンプルな日本製の余白調整アプリ。余白を挿入することでページデザインの調整が簡単にできます。シンプルのし(熨斗)アプリシンプルな日本製のしアプリ。のし選択機能を簡単に実現できます。シンプル画像バナー|お手軽広告バナーアプリシンプルな画像バナーアプリ。ストアに画像バナーを簡単に表示できます。