メインコンテンツにスキップ
すべてのコレクション
ベンダープロファイルページを追加
ベンダープロファイルページを追加
Team avatar
対応者:Team
今週アップデートされました

Shopify ウェブサイトでベンダー プロファイルを作成する

このガイドは、Web サイト上にベンダー プロファイルを表示するページを作成し、顧客がベンダー/販売者別に買い物をしたり、その説明、製品、ポリシーを閲覧できるようにするのに役立ちます。適切にカスタマイズすると、これらのプロファイルを Web サイトのテーマに一致させることができます。

ベンダープロファイルのリキッドテンプレートを作成する

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

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

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

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

「ページ」を選択し、「vendorProfile」などの名前を付けます。

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

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

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

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

生成されたコードをコピーし、ベンダー プロファイル ページの見出しを追加します。

顧客に関連する場合は「所在地」など、表示する情報を選択します。

コードを「vendorProfile」テンプレートに貼り付け、「保存」をクリックします。

ベンダー プロファイル ページの作成

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

「Shop by Vendor」というタイトルの新しいページを追加し、コンテンツは空白のままにします。

ページのテンプレートを「page.vendorProfile」に設定します。

[Web サイト SEO の編集] をクリックし、URL が「https://yourstore.myshopify.com/pages/seller-profile」であることを確認します (「seller-profile」の部分はページを読み込むために重要です)。

プロフィール ページを Web サイトのナビゲーションに追加する

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

希望のメニューを選択します(例:「メインメニュー」または「フッターメニュー」)。

[メニュー項目を追加] をクリックし、名前を付け (例: [ベンダーを知る])、前に作成した [ベンダーごとに購入] ページにリンクします。

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

テーマを選択してください

「設定」 -> 「マルチベンダー設定 (グローバル)」 -> 「Web サイトのカスタマイズ」 に移動します。

「テーマの選択」で希望のテーマを選択し、「保存」をクリックします。

ベンダーの詳細を追加する

「ベンダー -> ベンダーの編集」に移動します。

各ベンダーの「会社設定」と「ベンダープロファイル」に詳細を追加します。

あるいは、ベンダーが「設定 -> マルチベンダー設定 -> Web サイトのカスタマイズ」でプロファイルを編集できるようにします。

最終ページをカスタマイズする

ブランドに応じてベンダー プロフィール ページの外観をカスタマイズします。 Web デザイナーを雇うことも、小さな調整についてはお問い合わせいただくこともできます。

顧客チャット機能の使用

各ベンダー プロファイルの [お問い合わせ] タブを使用すると、顧客はベンダーに直接メッセージを送信できます。

これらのメッセージは、アプリの「メッセージ」メニューであなたとベンダーの両方が閲覧できます。

ベンダーはこの機能を使用して顧客に直接返信できます。

テーマコードの編集

この機能はテーマ 1 でのみ利用可能です。

テーマ 1 を使用している場合は、「テーマ コードの編集」ボタンをクリックしてコード エディターにアクセスします。

シームレスなカスタマイズ プロセスについては、「重要な注意事項」セクションの指示に従ってください。

「テーマテンプレートの編集」タブと「テーマスタイルの編集」タブを使用して、ページの構造と外観を変更します。

開発者と協力して必要な変更を行うか、サポートが必要な場合は当社までお問い合わせください。

これらの手順に従うことで、Shopify Web サイトでベンダー プロファイルを効果的に作成およびカスタマイズし、顧客に合わせたショッピング エクスペリエンスを提供できます。

<<写真/動画を追加>>

こちらの回答で解決しましたか?