サインアップフォーム エディタで画像を編集する方法
このページで学べること
サインアップフォームをデザインする際に、Klaviyo に組み込まれている画像編集ツール（例：サイズ変更、切り抜き、変形など）を使用する方法を確認します。
フォームに画像ブロックを追加すると、これらのツールを使って画像に簡単な編集を適用できます。より複雑な変更を行う必要がある場合は、Canva のような専用の画像編集ツールの使用をご検討ください。
Klaviyo で画像を編集
Klaviyo には、サインアップフォームエディターに組み込みの画像エディターがあります。フォームに画像を追加、編集するには：
- [ブロックを追加] に移動します。
- プレビューに 画像 ブロックをドラッグ＆ドロップします。
- 選択した画像を追加またはアップロードします。
- 画像編集ツールにアクセスするには、[編集] をクリックしてください。
- メニューバーの各種ツールを使用して画像を編集（例：切り抜き、テキスト）し、[適用] を選択します。各ツールで編集を行うたびに [適用] をクリックして、変更が反映されていることを確認する必要があります。
デフォルトのキャンバス背景は黒であるため、塗りつぶされていない領域（例: 角丸の背後や透明背景の画像）は、画像を保存すると黒く表示されることに注意してください。これを回避するには、同じ編集セッション内で白などの別の背景色を選択してください。
- 編集内容に問題がなければ、[保存] をクリックして、フォームのプレビューに新しい画像を表示します。
[適用] > [保存] をクリックした場合にのみ、編集内容が保存されます。エディターを閉じる前に [保存] をクリックしない場合、編集内容は保存されません。
また、[保存] をクリックするたびに、新しい画像が作成されます。画像を保存すると、以前の編集内容に変更を加えることはできません。以前に編集した画像を編集すると追加の編集を適用できますが、過去の編集を削除、または変更することはできません。以前に編集した画像はすべて、Brand Library で確認できます。
その他のリソース
- サインアップフォームにサイド画像を追加する方法
ブランドのデザインに合った魅力的なサインアップ体験を実現するために、サインアップフォームの左側または右側に高品質な画像を追加する方法をご紹介します。
- ADA に配慮したサインアップフォームの作成方法
サインアップフォーム エディターの [Form Alerts] タブにあるアクセシビリティ アシスタント機能を使用して、最も一般的なウェブコンテンツ アクセシビリティ ガイドライン（WCAG）のコンプライアンス問題の一部を回避する方法を確認してください。ウェブサイトを ADA に準拠したものにすることを目指す企業は、WCAG の基準を参照してそれに従う必要があります。アクセシビリティ アシスタントでは、すべてのサイト訪問者がアクセスしやすいサインアップフォームを作成できます。