> ## 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.

# ページの作成

> イベントタイプのサービスページの設定項目と作成方法を説明します。

# サービスタイプの設定項目

<div style={{display: 'flex', gap: '24px', alignItems: 'flex-start', flexWrap: 'wrap'}}>
  <div style={{flex: '1 1 200px'}}>
    設定項目は以下です（⚫︎印は必須項目）

    * **サービスタイトル**　⚫︎

      サービス概要が伝わる用に設定してください。

    * **サービス画像**

      サービスの魅力が伝わる画像を設定してください。文字入れやイメージ画像が効果的です。画像サイズは1080px×1080pxです。
  </div>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/70f0f15c-4fd4-4543-9d06-559940732e6b/event_type/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/15ac190a-7f01-4c49-b981-6158bf1cf80f/asset/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

**おすすめ画像作成サービス**

以下のサービスを使用すると、簡単にサービス画像を作成できます。

**[Canva](https://www.canva.com/)**※無料会員登録が必要です。

<div style={{display: 'flex', gap: '16px', alignItems: 'flex-start'}}>
  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/cc88d970-5a7d-4127-90b5-1d09000b37b7/green_textured_watercolour_general_greetings_mothers_day_poster/w=1920,quality=90,fit=scale-down" />
  </Frame>

  <Frame>
    <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/b7b95fef-2713-4b45-9983-57bbede25b16/_line_-_/w=1920,quality=90,fit=scale-down" />
  </Frame>
</div>

* **カテゴリー**

  任意となりますが、サービスのカテゴリを選択肢の中からお選びください。

* **サービス内容**　⚫︎

  受講後をイメージできる安心感のある文章を作成してください。

* **サービスの流れ**

  全体の流れを理解することができると、ゲストが安心して申し込みできますので、ぜひ入力をしてください。申し込み後 ZoomURLがどのタイミングで届くか・当日の流れ等などを記載ください。

* **価格**　⚫︎

  後から変更することも可能です。

<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/97a4e680-8ff9-46fa-bd80-f8a884cc1a79/_2023-07-30_17.32.32/w=1920,quality=90,fit=scale-down" style={{width: '240px', flexShrink: 0}} />
  </Frame>
</div>

* **決済方法**　⚫︎

  以下の決済方法をご用意しています！

  1. クレジットカード決済
  2. 銀行振込
  3. 当日現地支払い（**現地開催の場合のみ設定可**）

* **オプションメニュー**

  基本料金とは別に、付加サービスを設けたい場合等にご利用いただける機能です。

  詳しくはこちら▶︎[オプションの設定](/creator/service-creation/service-page-settings/option-settings)

* **所要時間**

  サービス提供の所要時間を設定いただけます。

  サービスページ上にも表示されます。

* **定員**

  サービスごとの定員を設定することが可能です。

  詳しくはこちら▶︎[定員の設定](/creator/service-creation/common/capacity-settings)

* **スケジュール**

  定期開催の場合は「くり返し設定」をぜひご活用ください。

  1. くり返し頻度：`1日〜6日おき` `毎週●曜（●週おき）` `毎月●日（●ヶ月おき）` `毎月第●曜（●ヶ月おき）`
  2. くり返し期間：`期限なし` `指定日` `指定回数` `3ヶ月`

* **開催場所**

  オンライン開催の場合はZoom連携機能をぜひご活用ください。オンラインと現地開催を両方選択することもできます。

  個人のZoomアカウントと連携することで、お申し込みが入るとzoomURLが自動で作成され、24時間前にミーティングURLが自動でメール配信されます。

  詳しくは[こちら](/creator/integrations/zoom)

* **サービスに関する注意事項**

  雛形がデフォルトで入力されています。自由に編集いただけます。

  **キャンセルポリシー**

  詳細については[キャンセルポリシーの設定](/creator/service-settings/cancellation-policy)をご参照ください👀

# サービスタイプの作成方法

<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>

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