【Shopify.dev和訳】Apps/Channels/Getting started
この記事について
この記事は、Apps/Channels/Getting startedの記事を和訳したものです。
記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
販売チャネルアプリの作成を開始する｜ Get started building a sales channel app
このガイドは、セールスチャネルアプリ作成プロセスの一部です。
- Explore (探索する): セールスチャネルアプリのタイプとその要件を参照します。
- Build (構築する): 各タイプのセールスチャネルアプリを作成するためのチュートリアルについては、Getting Started Guide を参照してください。
- Launch (起動する): 起動チェックリストを参照して、Shopify アプリストアにアプリを提出してください。
セールスチャンネルアプリの主な機能
Shopify では、さまざまなタイプの販売チャネルアプリを作成することができます。そのため、支払い処理、注文処理、および返金の責任者を決定することができます。
すべてのタイプの販売チャネルアプリには、以下のような特徴があります。
- オンボーディングとアカウント接続: マーチャントからアプリのインストール許可を得て、アカウントを接続し、チャネル要件を満たしたマーチャントを認定することができます。
- 製品の公開: チャネルに製品をインポートし、製品のエラーを管理し、マーチャントの製品カタログと同期することができます。
- 支払いと注文の管理: チャネル上のマーチャントの注文を生成し、支払いを完了することができます。
アプリのライフサイクルに対してマーチャントに課金する仕組みを統合する必要があります。
Shopify の販売チャネルアプリは、優れたユーザーエクスペリエンスを持つ販売チャネルアプリを構築するために、Polaris コンポーネントとベストプラクティスを使用する必要があります。また、販売チャネルアプリは Shopify アプリストアの承認が必要です。
次の図は、オンボーディングとアカウント接続から注文管理まで、販売チャネルアプリのマーチャントエクスペリエンスをサポートするために、構築プロセスのすべての側面がどのように組み合わされるかを示しています。
ダイアグラムを表示する
- マーチャントが販売チャネルアプリをインストールするためにクリックします。
- マーチャントは、OAuth を使用して販売チャネル アプリに接続します。
- マーチャントは、account connection componentを使用して販売チャネルアプリのアカウントに接続します。マーチャントがアカウントを持っていない場合は、サインアップするように促されます。認証は、Shopify の外にあるアプリのインターフェイスで提供されるポップアップで行われます。
- 追加のステップが必要な場合や、マーチャントがアカウントの承認を待つ必要がある場合は、オンボーディングの一部として完了させることができます。
- マーチャントが承認されると、承認された状態がbanner componentを使ってマーチャントに通知されます。
- アプリでは、マーチャントがコミッションや手数料に同意するよう促されます。Shopify の Billing API を使用すると、販売チャネルアプリへの課金が容易になります。Orders API を使用して構築する場合は、マーチャントに課金するための独自のシステムを構築することができます。
- マーチャントは販売チャネルアプリに商品を公開します。販売チャネルアプリは、商品カタログを読み、関連するウェブフックを使用して同期を維持します。商品公開のエラーはリソースフィードバックを使って管理画面で報告されます。
- 注文は Shopify の管理画面で作成されます。Checkout API を使用する販売チャネルアプリは、より合理的な統合の恩恵を受けます。Orders API を使用している場合は、支払いや手数料のための独自の統合を構築する必要があります。カートパーマリンクを使用している場合は、Shopify が支払い処理を行います。
セールスチャンネルアプリの作成
Shopify 用の販売チャンネルアプリを作成するには、以下の作業が必要です。
アプリをセールスチャンネルにする
アプリを作成した後、それをセールスチャンネルアプリにすることができます。
必要条件
- アプリが公開されていること。
- クレジットカードによる支払いを処理したい場合は、販売チャネルアプリを作成した後に、支払い処理をリクエストする必要があります。
ステップ
- アプリの概要画面で「App setup」をクリックします。
- 「Sales channel」セクションで、「Turn app into sales channel」をクリックします。
- 「Turn app into sales channel」を再度クリックして、アプリを販売チャネルに変換することを確認します。
- 「Save」をクリックします。
「Save」をクリックすると、アプリがセールスチャネルになります。
決済処理のリクエスト
アプリを販売チャネルアプリにした後、クレジットカードで Checkout API を使用するための決済処理をリクエストすることができます。Shopify は、Stripe や Spreedly などのサードパーティのサービスを含む、様々な支払い処理方法をサポートしています。
ステップ
- 「Sales channel」のセクションで、「Request payment processing」をクリックします。
- 次の表のように、PCI DSS 準拠状況を選択します。
| PCI DSS status | Description |
|---|---|
| 私のプラットフォームは、PCI DSS 準拠と評価されていません | 支払いを処理するための戦略を決定する必要があります。 |
| 私のプラットフォームは Stripe を使用しています | Stripe の既存のプラットフォームアカウントがあり、Shopify の Stripe 統合を使用したいと考えています。 |
| 私のプラットフォームは、Spreedly などのサービスを使用して支払いトークンを配信しています | クレジットカードのトークン化と PAN 転送に Spreedly または同様のサービスを使用したいと考えています。 |
| 私のプラットフォームには、サービスプロバイダーの PCIDSS コンプライアンス証明書があります | すでに PCI 準拠のソリューションを導入している場合は、Shopify に準拠証明書を提供できます。 |
- リクエストを迅速に処理するために、アプリの説明を入力してください。
- 「Request access」をクリックします。
支払い処理のリクエストには、最大で 7 営業日かかります。リクエストが処理されると、通知が届きます。
優れたユーザーエクスペリエンスの創造
チャンネルは Shopify の管理画面の中に iframe で表示されるため、見た目も使い勝手も良いものでなければなりません。優れたチャネル体験をデザインするための最初のステップは、マーチャントのワークフローを理解することです。そこからワイヤーフレームやスケッチを作成し、ユーザーエクスペリエンスに関するフィードバックの議論を進めることができます。マーチャントとのベータテストを経て、Polaris フレームワークを使ったデザインが可能になります。
Polaris を使用することで、マーチャントのエンゲージメントが高まり、慣れ親しんだコンポーネントやパターンを使用することでマーチャントの時間を節約することができます。
デザインシステム Polaris の活用
Polaris は、開発者がマーチャントのための素晴らしい体験を構築するのに役立つデザインシステムです。Polaris は以下のデザイン原則を遵守しています。
- 一貫したエクスペリエンスを作成する
- マーチャントの主要タスクに焦点を当てたエクスペリエンスを維持する
- 必要なパーミッションのみを要求する
- マーチャントのワークフローを明確に定義する
- モバイルフレンドリーであること
- コンテンツが Shopify のボイスとトーンを使用していることを確認する
Polaris について詳しくはこちらをご覧ください。
支払いを受け取る
Shopify の Billing API を使って、あなたの販売チャネルアプリの料金をマーチャントに請求することができます。Billing API を使用すると、マーチャントに毎月の定期的な購読料を請求することも、使用料を作成して売上からコミッションを取ることもできます。
次のステップ
さらに詳しい情報
- Shopify のチャンネル構築について学ぶ
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
Discussion