Shopify Marketplace にベンダーを誘致するには、登録ページを作成します。この記事では、必要に応じてカスタマイズできる基本的なガイドを提供します。ベンダーがリクエストを送信すると、リクエストは承認のために Shipturtle アプリケーションに送信されます。

ベンダー登録用のリキッドテンプレートの作成

1. コードエディタにアクセスします。

Shopify 管理パネルから、「オンラインストア -> アクション -> コードの編集」に移動します。

2. 新しいテンプレートを作成する

「テンプレート -> 新しいテンプレートの追加」に移動します。

「ページ」を選択し、名前を付けます (例: 「registerVendor」)。

「テンプレートの作成」をクリックします。

3. Shipturtle でテンプレート コードを生成する

Shipturtle アプリで、「設定 > マルチベンダー設定 > ウェブサイトのカスタマイズ」に移動します。

[ベンダー登録ページの追加] で、[テンプレート コードの生成] をクリックします。

生成されたコードをコピーします。

4. オプション: サンキューページを作成する

Web サイトに簡単な「ご登録ありがとうございます」ページを作成し、送信時にベンダーをリダイレクトします。

「ベンダー登録時にリダイレクトするURL」ボックスにこのページへのリンクを入力します。

5. テンプレートコードを挿入する

コピーしたコードを「registerVendor」テンプレートに貼り付けます。

「保存」をクリックします。

6. 追加のスクリプトを追加する

次のコードを「registerVendor」ファイルの適切な行に貼り付けます。

<script src="{{'countries-states.js'|asset_url }}" 遅延></script>

7. country-states.js ファイルを作成する

Assets ディレクトリに、「countries-states.js」という名前の新しいファイルを作成します。

8. country-states.js ファイルにデータを入力します。

Shipturtle アプリの「テンプレート コードの生成」ポップアップから .txt ファイルをダウンロードします。

.txt ファイルからコードをコピーし、作成した `countries-states.js` ファイルに貼り付けます。

これらの手順に従うことで、Shopify Marketplace に機能的なベンダー登録ページが作成され、承認処理のために Shipturtle アプリと統合されます。

ベンダー登録ページの作成

1. ベンダー登録ページを作成する

「オンラインストア -> ページ」に移動します。

「Sell with us」（または任意の名前）というタイトルの新しいページを追加します。

コンテンツは空白のままにしておきます。

ページのテンプレートを「page.registerVendor」（前に作成したテンプレート）に設定します。

2. Web サイトのナビゲーションにベンダー一覧ページを追加します。

「ナビゲーション -> メニュー」に移動します。

ベンダー一覧ページを配置するメニューを選択します (例: 「メイン メニュー」または「フッター メニュー」)。

希望のメニューをクリックします。

[メニュー項目を追加] をクリックし、名前を付け (例: 「Sell with us」)、ステップ 1 で作成した「Sell with us」ページにリンクします。

「保存」をクリックします。

3. 登録ページの形式をテーマに合わせる

形式がテーマと一致しない場合、または形式が不十分に見える場合は、開発者を雇って変更を加えてください。通常、これには数時間しかかかりません。

簡単なヒント: Shopify 管理パネルから「オンライン ストア -> アクション -> コードの編集」に移動して、プレーンな Liquid コード ファイルにアクセスします。開発者は CSS ファイルを追加してコードに適用する必要があります。

4. フォームにカスタムフィールドを追加する

作成した .liquid ファイルの適切な位置に目的のコードを入力します。

必要に応じてテキストを調整します (ガイダンスについては、提供されたスクリーンショットを参照してください)。

この追加フィールドは、Shipturtle アプリの「メモ」フィールドに表示されます。