ホームページにショッピングカートを導入する手順

公開: 2026-11-02 / 更新: 2026-11-02 ・ 読了 約4分

既存のホームページへショッピングカートを設置するには、外部カートサービスの決済リンクを貼る方法と、購入ボタン用コードを埋め込む方法の2通りがあります。ショップ全体の作り直しを行わなくても、月額数百円から1万円程度の外部ASPカートを連携させることで、数日中に販売機能を持たせることが可能です。

自分でネットショップを運営している小さなお店やメーカーの店主にとって、すでに運用している自社サイトやブランドサイトに販売機能を追加する作業は、費用や専門知識の面でハードルが高く感じられがちです。しかし、要点を絞って連携を進めれば、大がかりなリニューアルを行わずに安全な決済環境を整えられます。

カート設置の方式は「リンク型」と「埋め込み型」の2つ

自社ホームページにカート機能を持たせる場合、主に2種類のアプローチが存在します。自社の制作環境や管理の手間に合わせて選択します。

1. リンク型（別画面遷移方式）

ホームページ上の「購入手続きへ」などのボタンから、カート会社が提供する決済画面URLへ利用者を誘導する方式です。

• 導入の手軽さ: ホームページ側の修正は指定URLへのリンク設定のみで完了します。
• 管理の負担: デザインの調整が少なく、セキュリティや決済情報の管理はカート側のシステムに委ねられます。
• 注意点: 画面遷移時にドメインが変わるため、ヘッダーロゴや背景色を揃えておかないと、購入者が不審に思い離脱する原因になります。

2. 埋め込み型（JavaScript・ウィジェット方式）

カート会社が発行するHTMLやJavaScriptのタグを、ホームページの任意の位置に貼り付けて購入ボタンや商品情報を表示させる方式です。

• 導入の手軽さ: 既存ページのデザインを維持したまま、ページ内ですぐにカート投入アクションを実行させることができます。
• 管理の負担: ホームページのHTML構造を直接編集できる環境（WordPressや静的HTMLサイトなど）が必要です。
• 注意点: サイト全体の表示速度に影響を与える場合があるため、複数商品を一括で埋め込む際は動作確認が欠かせません。

導入前に確認すべき費用と準備物

カートシステムの利用には、初期費用、月額利用料、決済手数料が発生します。月額料金は無料から10,000円前後のプランが多く、決済手数料は売上金額に対して3%から5%程度が一般的な水準です。サービスごとに固定費と手数料のバランスが異なるため、最新の料金体系はお使いのサービスの公式情報で確かめてください。

また、個人事業主や小規模法人が導入する際には、資金繰り計画や決済会社の審査書類も必要になります。創業期における設備資金や運転資金の調達については、日本政策金融公庫などの融資制度や公的支援の情報も確認しておくと計画が立てやすくなります。

ショッピングカート設置の4つの手順

自社サイトにカートを組み込む作業は、以下の順序で進めると滞りなく進行します。

手順1: カートサービスの選定とアカウント開設

自社で扱いたい決済方法（クレジットカード、コンビニ決済、後払いなど）に対応しているサービスを選び、利用登録を行います。利用規約や販売可能な商材の制限は事前に確認してください。

手順2: 商品登録と特定商取引法ページの作成

カート管理画面で商品名、価格、在庫数、配送設定を入力します。あわせて、通信販売を行う際に義務付けられている「特定商取引法に基づく表記」のページを用意します。事業者名、所在地、連絡先、返品特約などの記載事項は必須です。具体的な表示ルールについては、消費者庁の案内で最新の指針を確かめてください。

手順3: 決済審査の申請と通過

クレジットカード決済などを利用するには、各決済代行会社による審査が必要です。審査期間は数日から2週間程度かかるケースがあります。審査中はホームページの公開状態や連絡先情報が正しく機能しているか確認されます。

手順4: コードの設置とテスト注文

発行されたリンクまたはタグをホームページに貼り付けます。公開前には必ずテスト注文を行い、注文確認メールの送受信、在庫の連動、決済完了画面への遷移が意図通りに動くか確認します。

今すぐやめるべき購入導線の失敗例と改善方法

カートを付けたものの注文が入らない場合、ページの導線設計に問題があるケースが目立ちます。特に多い失敗が「商品詳細の長文の最後にしかボタンがない」状態です。

改善の具体例：商品詳細ページのボタン配置

• 直す前の状態（離脱が起きやすい例）

商品のこだわりを伝える文章が縦に長く続き、画面を一番下までスクロールしきった場所に小さく「カートに入れる」リンクが1つだけ配置されている。

• 直した後の状態（購入しやすい例）

ページ上部のファーストビュー（商品画像と価格のすぐ下）に1つ目の「カートに入れる」ボタンを配置。さらに、商品の説明を読み終えた最下部にも同じボタンを再度配置する。ボタンの文言は「購入手続きへ進む」のように短く明確にし、視線の迷いを減らします。

このように、どのページの、どこに、どのような形でカートへの入口を作るかを見直すだけで、訪問者が迷わず注文画面へ進めるようになります。

カート設置後の運用上の注意点

ショッピングカートを連携した後は、配送遅延時のアナウンスや在庫管理のルールをあらかじめ決めておく必要があります。実店舗と在庫を共有している場合は、注文の重複が起きないよう在庫数の更新頻度を定めておくことが実務上のトラブル防止につながります。

よくある質問

Q. WordPressで作ったホームページにもショッピングカートは付けられますか？

A. プラグインを追加してサイト内で完結させる方法と、外部カートの購入ボタンタグをHTMLブロックに埋め込む方法のどちらでも設置可能です。

Q. カート導入の決済審査にはどのくらいの日数がかかりますか？

A. 決済代行会社や取り扱い商材によって異なりますが、申請からおおよそ数日から2週間程度かかるのが一般的です。

Q. 個人事業主でもクレジットカード決済の導入審査に通りますか？

A. 個人事業主でも審査を通過して導入できます。ただし、特定商取引法に基づく表記や連絡先が適切にサイト上へ明記されている必要があります。