Shopifyストアの決済に代引きを導入する方法

Shopifyストアの決済に代引きを導入する方法

公開日:2021年10月09日

更新日:2022年07月02日

Shopifyストアの支払い方法に 代引き を設定する方法を解説します。

※この方法は、エンジニアでなくても可能ですが、より細かなカスタマイズが必要な場合は、コードを編集しないといけないので、その場合はご相談ください。

※すでに運営中のストアの場合は、本番環境への影響を考慮にいれながら作業を行ってください


管理画面左下「設定」→「決済」→「手動の決済方法」→「その他の決済方法を作成する」を選択

代金引換

入力するテキストですが、一旦、下記の内容をコピペしてください

その他の決済方法の名前 代金引換
詳細 代金引換手数料は〇〇円(税込)となっております。
支払いの手順 商品の到着時に、代引き手数料〇〇円と共にお支払いをお願い致します。

管理画面の設定は以上です。

次は、ユーザーへの注文確認メールに記載される内容をカスタマイズしていきます。


管理画面左下「設定」→「通知」→「注文の確認」を選択

代金引換

メール本文(HTML)の中身を、下記のコードとそっくり入れ替えてください。

パソコンのメモ帳でも良いので、必ずバックアップをとってから作業を行いましょう

すでに、何かしらのカスタマイズをメールに行っている場合は、下記コードの該当箇所を見つけて、ご自身の判断で入れ替えていただくか、ご相談ください。

See the Pen Untitled by 福水 正太 (@pegaro) on CodePen.


実際の挙動を確認する

上記の設定が完了したら、実際に商品をカートに入れて、決済方法の選択画面まで進んでみましょう

代金引換

代金引換を選択したら、設定した文言が表示されているはずです。

代金引換

注文完了画面にも、設定した文言が表示されているはずです。

代金引換

注文確認メールにも、代金引換の場合のみ、特定の文言が出るようになっています。

※この記事は2022年07月時点の内容です。今後のアップデートやShopifyの仕様変更等により、記事の内容どおりに設定ができない場合があります。

株式会社5-bit

2020年1月に、カナダのShopify本社より「Shopifyエキスパート」として認定をいただきました。現在までに累計で50以上のShopifyストアの構築、1000以上の機能開発経験。他社で難しい要件の実装や構築も承ります。

お問い合わせはこちら

Our Contents私たちの情報発信

ShopifyにAmazon Payを導入するメリットや設定方法を解説

Shopifyのテーマ開発環境を構築する

Shopifyのストアフロントフィルタにメタフィールドが追加されたので使ってみた

Shopifyの新着商品一覧に期間限定(公開から〇〇日以内)で商品を掲載する方法

Shopifyの注文情報をGASでCSV出力する方法

Shopifyの全商品一覧(collections/all)に表示される商品を制御する方法

Shopifyテーマ開発にFigmaを使ったらかなり捗った話

Shopifyのクーポンを特定のユーザーにのみ適用させる方法

ブログ一覧