> ## Documentation Index
> Fetch the complete documentation index at: https://help.mosh.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# サービス作成・編集

> MOSHのサービスページを作成・編集する方法をPC版・モバイル版それぞれご説明します。

<Warning>
  作成・編集画面はモバイル版と共通になります。
</Warning>

## PC版｜サービス画面の作成

<Info>
  **アクセス経路**

  [ホーム画面](https://mosh.jp/creator/home?openExternalBrowser=1) → 左グローバルメニュー → 「[サービス一覧](https://mosh.jp/creator/services)」 → 「新規サービス作成」
</Info>

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/139988b9-d173-44f4-a41c-4920ae78e027/image/w=1920,quality=90,fit=scale-down" />
</Frame>

## PC版｜公開ステータスごとの絞り込み

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/693e294d-17c9-4db8-95de-7d9f4b8fea95/image/w=1920,quality=90,fit=scale-down" />
</Frame>

赤枠内のタブを切り替えることで以下の公開ステータスごとにサービスを絞り込むことができます。

<Tip>
  **公開ステータス**

  **1.公開中**

  サービスは公開されています

  **2.限定公開**

  トップページ上では非公開となっており、URLを知っている方からしかお申し込みできない仕様となります。サービスの提供に支障はございません。

  **3.非公開**

  サービスが非公開の状態です。こちらはURLを知っている方も閲覧することができません。
</Tip>

## PC版｜タグを使った絞り込み

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/e67111a4-7767-4b3f-8ce1-8ce18ad193b7/image/w=1920,quality=90,fit=scale-down" />
</Frame>

赤枠内の絞り込みボタンを押すことでタグをつかった絞り込みをすることができます。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/57e5bce9-6111-494e-acf5-a2d80ba7aeb9/image/w=1920,quality=90,fit=scale-down" />
</Frame>

絞り込みをしたいタグを選択し、適用ボタンを押してください。

サービスタグについては詳しく知りたい方は[こちら](/creator/service-creation/service-page-settings/create-edit-service)をご覧ください。

## PC版｜サービスの編集

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/b38cc3a3-2edf-4ed9-b60b-564adc2f79ed/image/w=1920,quality=90,fit=scale-down" />
</Frame>

赤枠内の編集ボタンを押すことでサービスの内容を変更していただけます。

作成・編集画面はモバイル版と共通です。

## PC版｜サービスの各種設定

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/67c0ffca-4723-4553-8998-4b91231ed618/image/w=1920,quality=90,fit=scale-down" />
</Frame>

赤枠内の設定ボタンを押すことでサービスの各種設定をしていただけます。

<Tip>
  **各種設定**

  **1.サービスを編集**

  サービスを編集できます。

  **2.公開URLをコピー**

  サービスの公開ページのURLをコピーします。ゲストへの連絡やSNSなどにお使いください。

  **3.公開に変更**

  サービスを公開に設定します。

  **4.限定公開に変更**

  サービスを限定公開に設定します。

  **5.複製**

  サービスを複製します。

  **6.削除**

  サービスを削除します。
</Tip>

## PC版｜サービス名の検索

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/ea3aa3f1-9cdc-452d-a442-598a7786041d/image/w=1920,quality=90,fit=scale-down" />
</Frame>

赤枠内の検索窓に検索キーワードをいれることでサービスを検索することができます。

## モバイル版｜サービス画面の作成

<Info>
  **アクセス経路**

  [ホーム画面](https://mosh.jp/creator/home?openExternalBrowser=1) → 左メニュー「サービス」 → 「サービス一覧」 → 右上の「＋新規サービスを作成」ボタン

  [こちらのリンク](https://mosh.jp/admin/home/services/all?openExternalBrowser=1)からでも直接アクセスいただけます。
</Info>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    サービス一覧画面の右上「＋新規サービスを作成」を押していただくと、誰でも簡単にサービスページを作成することができます。

    ※**現状一度作成したサービスのサービスタイプを変更する機能はございません**。

    変更したい場合、新しくページを作成いただくようお願いします。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/2e3fd695-8ff5-4d15-a010-f0cab00bf0ec/_2023-02-09_12.18.44_-2/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    各サービスの下に作成していただいたサービスタイプが表示されます。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/ec2ed563-671c-49b4-ac47-083da0b3852f/_2023-02-14_21.42.53/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    各サービスの下で、サービスの公開状況が確認できます。

    「**公開中**」：サービスは公開されています

    「**限定公開**」：トップページ上では非公開となっており、URLを知っている方からしかお申し込みできない仕様となります。サービスの提供に支障はございません。

    「**非公開**」：サービスが非公開の状態です。こちらはURLを知っている方も閲覧することができません。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/c3d2eb46-f9dc-461b-a189-127ac3c2fb73/_2023-02-14_21.45.04/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    各サービスの下で、設定したサービスタグが確認できます。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/2fb41e1e-7769-4a96-9528-d5ec09498c1d/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88_2024-05-07_18.11.35/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

▼サービス作成が完了するとこちらのポップアップが表示されます

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    こちらが表示された場合

    サービスの作成には[販売者情報の登録](/creator/business-settings/seller-info)が必要です。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/3ef33bc0-7600-46e7-9842-fd755b5a0a7d/_20221218_210507/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}} />

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/b4758fae-f178-4f34-9eba-58e7ae7873cc/_20221218_211655/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

## PC版・モバイル版共通｜サービス画像の並び替え

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    *操作方法を動画に収録しています。動画を再生してご確認ください。*

    サービス画像をアップロードしたあとに、画像をドラックして順番を並び替えてください
  </div>

  <video controls style={{width: '240px', flexShrink: 0, borderRadius: '8px'}}>
    <source src="https://mintcdn.com/mosh/lDsiZAwkw9J_AcMI/images/service-create-edit.mp4?fit=max&auto=format&n=lDsiZAwkw9J_AcMI&q=85&s=1aafad8ef417eb5534bd7dc4f77ddb59" type="video/mp4" data-path="images/service-create-edit.mp4" />
  </video>
</div>