가입 양식 편집기에서 이미지 편집 방법
학습 내용
가입 양식을 디자인할 때 Klaviyo의 내장 이미지 편집 도구(예: 크기 조정, 자르기, 변형 등)를 사용하는 방법을 알아보세요.
양식에 이미지 블록을 추가하면, 이 도구를 사용해 이미지에 간단한 편집을 적용할 수 있어요. 더 복잡한 변경이 필요하다면 Canva 같은 전문 이미지 편집 도구를 사용하는 것을 고려해 보세요.
Klaviyo에서 이미지 편집
Klaviyo에는 가입 양식 편집기에 이미지 편집기가 내장되어 있어요. 양식에 이미지를 추가하고 편집하려면:
- 블록 추가로 이동하세요.
- 미리보기로 이미지 블록을 드래그 앤 드롭해 주세요.
- 선택한 이미지를 추가하거나 업로드하세요.
- 이미지 편집 도구에 액세스하려면 편집을 클릭하세요.
- 메뉴 바의 다양한 도구(예: 자르기 또는 텍스트)를 사용해 이미지를 편집한 다음 적용을 선택하세요. 도구로 변경할 때마다 변경 사항이 반영되는 것을 보려면 각 편집 후에 적용을 클릭해야 해요.
기본 캔버스 배경은 검은색이므로 채워지지 않은 영역(예: 둥근 모서리 뒤 또는 투명한 배경의 이미지)은 이미지가 저장되면 검은색으로 표시됩니다. 이를 방지하려면 동일한 편집 세션에서 흰색과 같은 다른 배경색을 선택합니다.
- 수정이 만족스러우면 저장을 클릭해 양식 미리 보기에서 새 이미지를 확인하세요.
적용 > 저장을 클릭해야만 수정 내용이 저장돼요. 편집기를 닫기 전에 저장을 클릭하지 않으면 수정 내용이 저장되지 않아요.
또한 저장을 클릭할 때마다 새 이미지가 생성돼요. 이미지를 저장하면 이전 편집 내용은 변경할 수 없어요. 이미 편집한 이미지를 다시 편집하면 추가 편집을 적용할 수 있지만, 이전 편집을 제거하거나 변경할 수는 없어요. 이전에 편집한 이미지는 모두 Brand Library에서 확인할 수 있어요.
추가 자료
- How to add side images in sign-up forms
Learn how to include a high-quality image to the left or right of your sign-up form for a compelling sign-up experience that matches your brand's design.
- How to create ADA-friendly sign-up forms
Learn how to use the accessibility assistant feature in the Form Alerts tab of the sign-up forms editor to avoid some of the most common web content accessibility guidelines (WCAG) compliance issues. Companies striving to make their websites ADA-friendly should reference and follow WCAG standards. The accessibility assistant guides you in creating sign-up forms that are accessible for all of your site visitors.