すべての投稿

TheFameNest 管理画面ウォークスルー:新しいプラットフォーム、サービス、ライブページを追加する

2026年7月1日

新しい管理画面レイアウトに対応 — カタログ設定(プラットフォーム → サービス → パッケージ)、2つの仕入れ先連携方法、CMS/SEO/FAQ、サイトパーシャル、そしてthefamenest.com上のフロントエンドのスクリーンショットを更新。

SMM Storefront テナント管理画面のウォークスルー — thefamenest.com に新しいプラットフォーム、サービス、パッケージ、ライブストアフロントページを追加する方法

カタログにまだ存在しないニッチなパネルSKUを選びましたね。新しいプラットフォーム、新しいサービス種別、パッケージもランディングページもゼロ。ストアフロントでは「空気」は売れません。このウォークスルーでは、実際のテナント thefamenest.com で、完全な新サービスローンチを解説します。

スクリーンショットは現在のAdminレイアウト(2026年)を使用しています。お客様のドメインは thefamenest.com に置き換えてください。ルートは /admin/… のままです。

プラットフォームが初めてですか? まずはリセラーが独自構築を避ける理由をお読みいただき、その後、このチェックリストをお客様のテナントで実行してください。

ログインして操作を確認する

https://yourstore.com/admin を開きます。テナントオーナーは最初にマーチャントダッシュボードが表示されます。編集するドメインのサイト管理に入るをクリックしてください。

TheFameNest 管理画面ログイン画面
ストアドメインの /admin をブックマークしておきましょう。
収益サマリーが表示されたTheFameNest管理ダッシュボード
ダッシュボードは収益と注文の確認用です。カタログ作業は「カタログ」と「サイト&コンテンツ」で行います。

パート1 — カタログを構築する(新プラットフォームのエンドツーエンド)

階層構造を意識しましょう:プラットフォーム → サービス種別 → サービス → パッケージ種別 / カテゴリ → パッケージ。1階層でも飛ばすと、チェックアウトが機能しなくなります。

1.1 プラットフォーム

/admin/platforms — テンプレートにまだないネットワーク(例:Threads、Bluesky)を販売する場合、ここに行を追加します。名前、スラッグ、アイコン、表示順を設定します。

ストアフロントへの影響:保存すると、ホームページのプラットフォームグリッドに自動で反映されます。手動でホームページを編集する必要はありません。

Instagram、TikTok、YouTubeのエントリが表示されたプラットフォーム管理リスト
新しいプラットフォームのスラッグは、サービスURLやナビゲーションの一部になります。

1.2 サービス種別

/admin/service-types — フォロワー、いいね、再生回数、コメントといったグローバルな分類です。1つの種別を複数のプラットフォームに紐付けることができます。

フォロワー、いいね、再生回数が表示されたサービス種別管理リスト
種別は一度作成すれば、すべてのプラットフォームで再利用できます。

1.3 サービス

/admin/services — 販売可能なSKUです。プラットフォーム + 種別 + お客様のスラッグとコピーで構成されます。/admin/services/create でフォームに沿って作成します。

各行にパッケージへのショートカットがあるサービス一覧
パッケージはサイドバーにはありません。各サービスの行にある「パッケージ」リンクを使用します。
プラットフォームとサービス種別の選択肢があるサービス作成フォーム
スラッグが公開URL(例:buy-instagram-followers)を決定します。

1.4 パッケージ種別とカテゴリ

価格設定の前に、購入者が認識できる区分を定義します:

  • /admin/package-types — 高品質、アクティブ、プレミアム(テンプレートのデフォルトが存在します。階層を分ける場合は追加してください)。
  • /admin/package-categories — 1回払い と サブスクリプション形式のグループ分けです。
パッケージ種別の管理設定画面
一括作成機能を使うと、同じ数量階層を複数の種別に一度で同期できます。
パッケージカテゴリの管理一覧
カテゴリは、サービスランディングページに表示されるタブを制御します。

1.5 パッケージ

サービスの行から /admin/packages?service={id} を開きます。個別に行を作成するか、サプライヤー連携(パート2)後にパッケージを一括作成します。

サービスでフィルタリングされ、階層タブが表示されたパッケージブラウザ
リストが空の場合、サービスのページに購入ボタンは表示されません。
数量階層とマークアップを設定するパッケージ一括作成モーダル
サプライヤーが連携されている場合、卸値($/1k)を取得し、お客様のマークアップを適用します。

パート2 — サプライヤー連携を設定する(2つの方法)

SMM注文はお客様のパネルに転送される必要があります。以下の2つの方法で設定できます。最終的な状態は同じですが、開始地点が異なります。

方法A — サプライヤーからインポートし、スラッグとコピーを調整する

  1. /admin/supplier-providers でパネルの認証情報を追加します。
  2. プロバイダーを開く → インポート → リモートサービスにチェックを入れる → インポートにより、レートと最小/最大値が設定されたローカルサービスが作成されます。
  3. インポートされた各サービスを編集します。スラッグ、SEOフィールド、マーケティング名を修正します。インポートは物流のためであり、商品化のためではありません。
管理画面のSMMサプライヤープロバイダー一覧
APIキーはここにのみ保存してください。ページのHTMLには絶対に記述しないでください。
選択可能な行が表示されたPerfectPanelからのサービスインポート画面
インポートにより、リモートサービスIDに既にリンクされたサービスが作成されます。

方法B — 先にサービスを作成し、編集画面でサプライヤーをリンクする

  1. 手動でサービスを作成します(パート1.3)。
  2. /admin/services/[id]/edit で、サプライヤー連携を開き → プロバイダー + リモートサービスを選択します。
  3. 保存します。これで、支払い後のチェックアウト注文がパネルにルーティングされます。
サービス編集画面のサプライヤー連携選択肢
rate_per_thousand(単価)を設定し、パッケージの一括生成を有効にします。

デジタルアカウントの場合: SMMサプライヤーではなく、/admin/config → HstockPlus + /admin/services/import(商品URLによる)を使用します。

パート3 — サービスページ:コンテンツ、SEO、FAQ、お客様の声

各サービスにはCMSページがあります(多くの場合、テンプレートと共に自動生成されます)。/admin/pages を開き、サービスのスラッグと一致する行を編集します。

タブ設定項目ストアフロントへの影響
基本スラッグ、公開フラグURLが公開されるか、404になるか
SEOタイトル、メタディスクリプション、キーワード、OGフィールドGoogleスニペット + SNSシェアカード
コンテンツ{{packages}}{{faq}}{{testimonials}} を含む bodyHtmlマーケティング文章 + 挿入されるカタログブロック
FAQ質問/回答の行FAQブロックに表示 + ロングテールSEO
お客様の声ソーシャルプルーフの行サービスランディングの信頼セクション
メタタイトルとディスクリプションフィールドがあるCMSページSEOタブ
検索意図をサービスのスラッグに合わせましょう。パネルIDをキーワードに詰め込まないでください。
編集可能な質問行があるCMSページFAQタブ
FAQは、納期や補充ポリシーに関するサポートチケットを減らします。
CMSページお客様の声タブ
ローンチ時は任意です。有料広告を流す前に追加しましょう。
サービスbodyHtmlが表示されたCMSコンテンツタブTinyMCEエディタ
{{packages}} プレースホルダーはそのままにしてください。プラットフォームがライブのパッケージカードを挿入します。

基本 + SEO + パッケージが揃ったら、公開URL(例:/buy-instagram-followers)を開いて確認します。パッケージカードは、ハードコードされたHTMLではなく、カタログデータからレンダリングされる必要があります。

パッケージ階層カードが表示されたTheFameNestストアフロントのbuy-instagram-followersページ
フロントエンドセクションのみ。パッケージブロックにトリミングされています。

パート4 — ヘッダーとフッター(サービスページとは別に管理)

サイトの共通部分(クローム)は、サービスページ作成ウィザード内では編集しません。ヘッダー、フッター、オファーバーのHTMLは /admin/site-partials を使用します。これらは全ページにグローバルに適用されます。

/admin/site-appearance では、ロゴ、ファビコン、テーマカラーを引き続き管理します。ブランド変更時はここでクロームを変更し、サービスのbodyHtmlはそのままにしておきます。

ヘッダーとフッターブロック用のサイトパーシャル管理画面
パート3とは独立しています。一度更新すれば、ストア全体に適用されます。
ロゴとテーマカラー設定のサイト外観画面
ロゴと色は、ヘッダーパーシャルに自動的に反映されます。

ストアフロントで確認する

パート1.1(プラットフォーム)の後、ホームページを確認します。新しいプラットフォームのタイルが、ホームページのCMSを編集しなくても表示されるはずです。

Instagram、TikTok、YouTubeのタイルが表示されたTheFameNestホームページのプラットフォームグリッド
ホームページセクションの一部です。プラットフォームは手動HTMLではなくカタログから取得されます。

パッケージとページタブを保存した後、プライベートウィンドウでサービスURLにアクセスします。階層、FAQ、チェックアウトが表示されるはずです。その後、テスト注文を1つ実行し、/admin/orders を確認します。

ステータスとサプライヤー参照列が表示された注文受信箱
チェックアウト後、ここにフルフィルメントステータスとパネル注文IDが表示されます。

クイックリファレンス — 管理画面ルート一覧

タスクルート
プラットフォーム/admin/platforms
サービス種別/admin/service-types
サービス/admin/services/admin/services/create
パッケージ種別 / カテゴリ/admin/package-types/admin/package-categories
パッケージ/admin/packages?service=…
SMMサプライヤー/admin/supplier-providers
サービスページCMS/admin/pages/[id]/edit
ヘッダー / フッター/admin/site-partials
ブランド / ロゴ/admin/site-appearance
注文 & 収益/admin/orders/admin/dashboard

注記:SMM Storefrontテナント管理画面のルートマップ(参考用)。

ローンチチェックリスト(印刷しておきましょう)

  1. プラットフォーム(+必要に応じて新しいサービス種別)
  2. スラッグ付きのサービス行
  3. サプライヤーからのインポート または 編集画面での手動リンク
  4. パッケージの一括作成(または手動での階層作成)
  5. ページのSEO + コンテンツ + FAQ(+準備ができたらお客様の声)
  6. ホームページにプラットフォームタイルが表示される
  7. サービスURLにパッケージカードが表示される
  8. テスト注文 → /admin/orders

次のステップ

お客様のテナントでチェックリストを実行してください。TheFameNestは公開リファレンスストアです。お客様のパネルキーやマージンは管理画面内にのみ保持されます。

まずビジネスケースが必要ですか? SMMサービスサイトを数分でローンチする をお読みいただくか、smmstorefront.com から始めてください。

著者について

マーカス・リード

ストアフロント運営責任者

元SMMパネル運営者。ローンチのタイムライン、決済ルーティング、そしてリセラーが初日までに準備すべきことについて執筆。