カスタムHTMLのページにフォームを置き、画像も取り込めます
AIホームページで、カスタムHTMLのページにもフォームを設置できるようになりました。あわせて、カスタムHTMLが外部URLから読み込んでいる画像を、メディアへまとめて取り込む機能も加わりました。既存サイトのデザインのまま移行しやすくなります。
こんなときに使えます
- 既存サイトから移したページのデザインのまま、問い合わせフォームを置きたい
- 元のサイトから画像が消えても、ホームページの表示が崩れないようにしたい
できること
- カスタムHTMLにフォームを設置: フォームの設置先に選べるのは、公開済みの「ランディングページ」または「カスタムHTML」の作り方のページです。
- 好きな位置にフォームを差し込む: 貼り付けたHTMLの中に
<div data-contact-form></div>を置くと、その位置にフォームが入ります。目印が無いページでは、これまでどおり本文の末尾に出ます。 - 外部画像をメディアへ取り込む: メディア画面の「外部画像の取り込み」で、カスタムHTMLが外部URLから読み込んでいる画像をメディアライブラリへ移せます。ページ内の参照先も取り込んだ画像へ置き換わります。
- 取り込み前に件数を確認: 「ページごとの内訳を見る」で対象ページと画像件数を確認してから、「取り込みを開始」で実行します。進行状況は画面に表示され、取り込めなかった画像は「確認が必要な項目」で確認できます。
設定のしかた
- 「AI ホームページ > フォーム」でフォームの編集画面を開き、「出す場所」で公開済みのカスタムHTMLのページを選びます
- ページのHTMLの、フォームを出したい位置に
<div data-contact-form></div>を置きます - 「メディア」の「外部画像の取り込み」で件数を確認し、「取り込みを開始」を押します
- 「配信を更新」で公開サイトへ反映します
ご注意ください
- フォームを好きな位置に差し込めるのは、独自ドメインで配信しているときです。共通ドメインでは、本文の末尾に表示されます。
- 取り込めなかった画像は、該当ページを確認したうえで、手動でアップロードしてください。
ご利用について
サイドバー「AIホームページ」の「フォーム」と「メディア」からご利用いただけます。詳しくは、マニュアル「フォーム」、「カスタムHTMLの外部画像を取り込む」をご覧ください。