ShopifyやEコマースに関連することを話してみよう
購入処理について質問をさせてください。
現在、物理的に現場に設置するような機器を販売するECサイトの構築を考えています。
これにあたり、機器が配置可能かをチェックするため、購入のタイミングで顧客に画像を送ってもらう必要があります。
なお、通常の配置が困難である場合、追加オプションをつけて顧客に購入してもらう必要があります。
上記を踏まえ、以下のようなフローの購入の仕組みを実装することを考えています。
1. 顧客が購入ボタンを押す (このときまだ購入を完了させずに保留状態とする)
2. 顧客が購入と同時に画像データをフォームで送る
3. Shopify管理者が購入情報と画像データを見て、問題ないかを確認する
3.1 問題ない場合は保留していた購入処理を確定させて決済させる
3.2 問題があった場合は顧客に追加オプションの購入を促すメッセージを送る or キャンセル処理を行う
4. 購入が確定のタイミングで顧客に確定の旨のメッセージを送る
上記を実現するために、いくつかアプリを組み合わせる必要がある認識ですが、
どのようなアプリが使えそうかなど、ご教示いただけますでしょうか。
アプリ以外にも良い方法があればご相談させていただけますと幸いです。
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
購入後のフローであれば 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
併せて、設置費用バリエーションも事前に商品オプションに入れておくものアリかなと思いました。
以上参考になれば幸いです。
購入後にそのまま画像をアップさせるにはThank you pageをカスタマイズする必要があるので、以下のアプリなどかと思いますが、ファイルアップロードに対応しているかは不明です。
https://apps.shopify.com/thank-you-page?locale=ja
個人的には、購入完了のメールテンプレートをカスタマイズして、そのメールに添付して送ってもらうか、そこから以下のようなフォームビルダーを使って作ったページにリンクして行うのが良いかと思います。
https://apps.shopify.com/pagefly?locale=ja
成功
購入後のフローであれば 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
併せて、設置費用バリエーションも事前に商品オプションに入れておくものアリかなと思いました。
以上参考になれば幸いです。
そうですね。僕も購入フロー内でどうしてもファイルアップロードさせたい場合は、購入前にさせるのが良いと思います。
なお、共有されているLine Item Propertyについては以下にまとめているのでご参照ください。
検証はしていませんが、file要素でこれを使った場合はあくまでアップロードしたファイル名だけがnoteに書き込まれるので、ファイルのアップロード処理と保存は別途作る必要があると思います。
上記のオプション系アプリでファイル添付にも対応しているものは、それらをアプリ内でやってくれているはずです。
岡村さん
akitoshi さん
お教えいただき、ありがとうございます。
購入前に画像データをアップロードしてもらう方向で進めようと思います。
Line Item Property について検証し、テキストについては送れることを確認いたしました。
画像データについては、岡村さんのおっしゃる通りそのまま送ることができなかったため、アプリも含めて検討してみます。
丁寧にご説明いただき、ありがとうございました。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024