外部AI向けガイドに戻る

LiteWord テーマ情報

{
    "name": "wdl/lw-pr-fv-18",
    "title": "FV 18 リード獲得（フォーム一体型）",
    "category": "lw-firstview",
    "description": "",
    "aiHint": {
        "description": "リード獲得ページ専用のFV。左に見出し・説明・約束の3点、右にお問合せフォームがそのまま入る。FVの中で送信まで終わるので、下にCTAの帯を足さなくてよい。無料見積り・資料請求・無料相談・無料トライアルのページに使う",
        "excludeFromAutoSelect": false,
        "contentAttributes": [
            "mainTitle",
            "description",
            "badgeLabel",
            "badgeText",
            "tickItems",
            "cardTitle",
            "cardSubText",
            "cardNote",
            "buttonText",
            "buttonSub"
        ],
        "imageAttributes": [
            "imageUrlPc",
            "imageUrlSp"
        ],
        "notes": [
            "🚨 FVに入れるフォームは**3項目まで**にする。項目が増えるとFVが縦に伸びて、下の段が画面から出る（実測：3項目＋同意欄でパソコン約790px）。入力項目を1つ減らすごとに完了率が約2%上がるという調査もあるので、短いほうが結果もよい。項目は管理画面「メールフォーム」のフォームセット側で減らす。",
            "🚨 formId に管理画面のフォームセット番号（[lw_mail_form_select id='N'] の N）を入れると、FVの右側に本物のフォームが出る。空にすると代わりにCTAボタン（buttonText）が出る。どちらか一方しか出ない。🚨 0 を入れてはいけない。0 はフォーム扱いになり、箱の中に「フォームセットのIDが指定されていません。」というエラー文だけが出る（ボタンも出ない）。出さないときは必ず空にする。",
            "🚨 submitBgColor / requiredBgColor を持っている。テーマのフォームCSS（functions/mail_form/put_style/ptn_1.css）は送信ボタンと必須バッジをサイト色 var(--color-main) で塗るが、このブロックの中だけは属性で上書きできる。明るいサイト色でも白文字が読める色を入れること。",
            "フォームの中の見た目（項目名を上に出す・余白を詰める）はこのブロックのCSSが担当している。フォームセット側の設定は触らない。",
            "tickItems は「見積無料」「最短翌日」のような短い約束を並べる帯。3つが読みやすい。空にすると帯ごと消える。",
            "🚨 自分から全幅になる背景ブロック。次の段も全幅の帯なら、あいだにスペーサーを置かない。",
            "formSide を left にすると左右が入れ替わる。同じ見た目のページが2枚並ぶときに使う。"
        ]
    },
    "attributes": []
}