Skip to main content
このガイドでは、APIを使ってファネル・ステップ・ページを作成し、公開URLを確認するまでの流れを説明します。

​
1. APIキーを取得

まず認証の手順に従ってAPIキーを取得してください。 以降の例では YOUR_API_KEY をお手持ちのAPIキーに置き換えてください。

​
2. ファネルを作成

curl -X POST "https://api.utage-system.com/v1/funnels" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "はじめてのファネル"
  }'
レスポンス
{
    "data": {
        "id": "fn_abc123",
        "name": "はじめてのファネル"
    }
}
レスポンスの id を次のステップで使います。

​
3. ステップを作成

ファネルの中にステップを作成します。ステップはページをグループ化する単位です。 
curl -X POST "https://api.utage-system.com/v1/funnels/fn_abc123/steps" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "メインページ"
  }'
レスポンス
{
    "data": {
        "id": "st_def456",
        "name": "メインページ",
        "funnel_id": "fn_abc123"
    }
}

​
4. ページを作成

ステップの中にページを作成します。要素は section > row > col > コンテンツ要素 の階層構造で指定します。 
curl -X POST "https://api.utage-system.com/v1/funnels/fn_abc123/steps/st_def456/pages" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "title": "LPページ",
    "pc_width": 800,
    "elements": [
      {
        "type": "section",
        "children": [
          {
            "type": "row",
            "children": [
              {
                "type": "col",
                "children": [
                  {
                    "type": "text",
                    "content": "<p>はじめてのページです</p>"
                  }
                ]
              }
            ]
          }
        ]
      }
    ]
  }'
レスポンス
{
    "data": {
        "id": "pg_ghi789",
        "title": "LPページ",
        "content_type": "elements",
        "pc_width": 800,
        "step_url": "https://utage-system.com/p/xxxxx/",
        "page_url": "https://utage-system.com/p/xxxxx/?page_id=pg_ghi789"
    }
}
要素構造の詳細は要素タイプリファレンスを参照してください。

​
5. 公開URLを確認

作成したページの公開URLはレスポンスの step_url で確認できます。ステップ一覧APIからも取得できます。 
curl -X GET "https://api.utage-system.com/v1/funnels/fn_abc123/steps" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json"
レスポンス
{
    "data": [
        {
            "id": "st_def456",
            "name": "メインページ",
            "funnel_id": "fn_abc123",
            "step_url": "https://utage-system.com/p/xxxxx/"
        }
    ]
}
step_url にアクセスすると、作成したページが表示されます。

​
次のステップ

LP作成ガイド

画像やボタンを含むLPの作成方法

APIリファレンス

全エンドポイントの詳細仕様