購入処理について。顧客に画像を送ってもらい、それによってオプション購入の必要の有無を判断したい。

[中西美菜]

購入処理について質問をさせてください。

現在、物理的に現場に設置するような機器を販売するECサイトの構築を考えています。

これにあたり、機器が配置可能かをチェックするため、購入のタイミングで顧客に画像を送ってもらう必要があります。

なお、通常の配置が困難である場合、追加オプションをつけて顧客に購入してもらう必要があります。

上記を踏まえ、以下のようなフローの購入の仕組みを実装することを考えています。

1. 顧客が購入ボタンを押す (このときまだ購入を完了させずに保留状態とする)

2. 顧客が購入と同時に画像データをフォームで送る

3. Shopify管理者が購入情報と画像データを見て、問題ないかを確認する

3.1 問題ない場合は保留していた購入処理を確定させて決済させる

3.2 問題があった場合は顧客に追加オプションの購入を促すメッセージを送る or キャンセル処理を行う

4. 購入が確定のタイミングで顧客に確定の旨のメッセージを送る

上記を実現するために、いくつかアプリを組み合わせる必要がある認識ですが、

どのようなアプリが使えそうかなど、ご教示いただけますでしょうか。

アプリ以外にも良い方法があればご相談させていただけますと幸いです。

よろしくお願いいたします。

[junichiokamura]

購入後にそのまま画像をアップさせるにはThank you pageをカスタマイズする必要があるので、以下のアプリなどかと思いますが、ファイルアップロードに対応しているかは不明です。

https://apps.shopify.com/thank-you-page?locale=ja

個人的には、購入完了のメールテンプレートをカスタマイズして、そのメールに添付して送ってもらうか、そこから以下のようなフォームビルダーを使って作ったページにリンクして行うのが良いかと思います。

https://apps.shopify.com/pagefly?locale=ja

[akitoshi · Accepted solution]

購入後のフローであれば Okamuraさんの提案がベストかなと思いました。

それ以外では、購入前に商品オプションで画像をアップロードして、カートに入れる方法もあります。

アプリを使わずに実装するのであれば

1. クレカの支払い承認を手動にしておく
2. 画像添付が必要な商品のProduct Templateを用意する（product.precheck.liquid）
3. Line Item Propertiesでアップロード画像をカートに送る

<p class="line-item-property__field">
  <label>配置箇所の画像をアップロードしてください</label>
  <input type="file" name="properties[Image]" />
</p>

このような方法でも可能だと思います。

アプリであればオプションカスタマイズできるアプリが色々あります。
https://apps.shopify.com/browse/store-design-product-options

併せて、設置費用バリエーションも事前に商品オプションに入れておくものアリかなと思いました。

以上参考になれば幸いです。

[junichiokamura]

 そうですね。僕も購入フロー内でどうしてもファイルアップロードさせたい場合は、購入前にさせるのが良いと思います。

なお、共有されているLine Item Propertyについては以下にまとめているのでご参照ください。

https://www.shopify.jp/blog/partner-shopify-theme-customize-cart-attributes-line-item-property-custo...

検証はしていませんが、file要素でこれを使った場合はあくまでアップロードしたファイル名だけがnoteに書き込まれるので、ファイルのアップロード処理と保存は別途作る必要があると思います。

上記のオプション系アプリでファイル添付にも対応しているものは、それらをアプリ内でやってくれているはずです。

[中西美菜]

岡村さん
akitoshi さん

お教えいただき、ありがとうございます。
購入前に画像データをアップロードしてもらう方向で進めようと思います。

Line Item Property について検証し、テキストについては送れることを確認いたしました。
画像データについては、岡村さんのおっしゃる通りそのまま送ることができなかったため、アプリも含めて検討してみます。

丁寧にご説明いただき、ありがとうございました。