お打ち合わせ

以前より、講座・イベントの告知やお申し込みフォームの制作などで継続的にお手伝いさせていただいているHOLOS宇宙学様。

これまでPayPalを利用していましたが、

• ポップアップが開かない
• ログインや2段階認証でつまずく
• 決済前に離脱されてしまう

といったトラブルが発生していました。

「もっとスムーズでわかりやすい決済フローにしたい」
というご相談をいただきました。

決済はお申込み完了の最終ステップであり、ユーザーが迷いや不安を感じやすい部分でもあるため、迷わず決済できる導線づくりが重要なテーマとなりました。

ご提案＆制作実装

Stripe導入では、技術的に連携するだけでなく、お客様がどこで迷っているかを見極めながらフロー全体を再設計しました。

まず、WooCommerceとStripeを安全に接続し、テストカードを使って注文〜メール送信までの流れを何度も検証。クライアント・事務局の皆さまにもテストしていただき、実際の操作感を確認しながら進めました。

次に、決済画面のUIを整理しました。
商品ページやカートに複数表示されていたPayPalの黄色ボタンは混乱の原因となるため非表示にし、「カート → 購入手続き → 決済」 のシンプルな導線に一本化。
チェックアウトページでは不要なショートカット（ApplePay・PayPalの即時ボタンなど）を省き、支払い方法は PayPal か Stripe（クレジットカード） の2択に整理しました。

決済ボタンの表記も、どの決済方法を選んでも「注文を確定」 に統一し、画面上の迷いをなくしています。また英語表記だった注意書きは日本語ガイドへ書き換え、決済完了ページには「HOMEへ戻る」ボタンを追加して、Webに不慣れな方でも安心して操作を終えられるようにしました。

本番モード切り替え後は、サンプル商品を用意して実際に決済し、返金処理まで含めて問題なく動作することを確認。
導入手順や注意点はドキュメントにまとめ、HOLOS様側でも安心して運用できる体制を整えました。

種類	オンライン決済フロー改善・決済サービス導入
担当	ディレクター：川角智美 コーディング：小山絵梨子
仕様	WooCommerce Stripe 決済プラグイン

この度は私たちをパートナーにお選びいただきまして、ありがとうございました。

フランクルウェブでは、決済機能の追加はもちろん、イベント予約やショッピング機能など、幅広い運営サポートをご提供しています。小さなお困りごとも、どうぞお気軽にご相談ください。