방문자들로부터 정보를 성공적으로 수집하려면 잘 디자인된 양식이 필수입니다. Elementor는 사용하기 쉬운 강력한 기능을 제공합니다. 본 안내서는 Elementor를 사용하여 매력적이고 기능적인 양식을 만드는 방법을 단계별로 안내해 드립니다.
중요한 인사이트
- 특정 정보를 수집하기 위해 다양한 입력 필드 및 옵션을 추가할 수 있습니다.
- 중요한 데이터가 항상 제공되도록 필수 필드를 정의하는 것이 중요합니다.
- 레이아웃, 버튼 텍스트 및 이메일 통지와 같은 사용자 경험에 중요한 사용자 정의 옵션을 제공합니다.
- 문제가 있을 경우 사용자에게 피드백을 제공하기 위해 오류 메시지 설정이 중요합니다.
단계별 안내
Elementor에서 양식을 만들려면 다음 상세 단계를 따르세요:
1. 양식 추가
Elementor를 시작하고 페이지에 양식 위젯을 추가합니다. Elementor 패널에서 양식 위젯을 찾을 수 있습니다. 페이지에서 원하는 위치로 간단히 끌어다 놓습니다.

2. 필드 구성
다음으로 양식의 다양한 필드를 구성할 수 있습니다. 이름 필드부터 시작할 수 있습니다. 예를 들어 "이름"이라고 이름을 지정합니다. 라벨이 양식에서 나타나므로 사용자는 입력해야 할 정보를 알 수 있습니다.
3. 이메일 필드 추가
이제 이메일 필드를 추가합니다. "이메일 주소"로 분명하게 이름을 지정하세요. 필수 필드로 설정하면 사용자가 이메일을 무시할 수 없습니다. 이를 통해 사용자 데이터를 처리하기 위해 정보가 필요한지 확인할 수 있습니다.

4. 필드 배열
필드를 나란히 표시하고 싶다면 필드의 열 너비를 조정할 수 있습니다. 균일한 분포를 위해 너비를 50%로 설정하거나 원하는 너비를 선택하세요.

5. 추가 필드 삽입
더 많은 정보를 수집하려면 추가 필드를 추가하세요 - 예를 들어 전화번호를 위한 추가 텍스트 필드. 필요한 경우 필드를 필수로 지정할 수 있는 기회를 활용하세요.
6. 버튼 사용자화
이제 버튼이 나옵니다. 가운데 정렬하고 크기를 조정할 수 있습니다. „제출“이라는 텍스트를 „보내기“로 변경하여 사용자가 이해하기 쉽게 만드세요.
7. 이메일 통지 설정
양식을 제출하면 전송되는 이메일 통지를 구성하세요. 해당 필드에 자신의 이메일 주소를 입력하세요. 이 단계에서 제출물을 받을 수 있도록 합니다.

8. 메시지 개인화
원하는 주제와 메시지를 추가하세요. 예를 들어 주제를 "뉴스레터 등록"으로 지정하고 입력된 필드로 메시지를 개인화하세요. 정보를 동적으로 삽입하려면 쇼트코드를 활용하세요.

9. 오류 메시지 설정
필수 필드에 대한 오류 메시지 설정은 중요한 기능입니다. 사용자가 무언가를 잊었을 때 알 수 있도록 활성화하세요. 이로써 사용자 경험 향상을 도모할 수 있습니다.

10. 양식 테스트
모든 설정이 완료되면 양식을 테스트하세요. 이를 통해 이메일이 올바르게 전송되고 피드백이 제대로 작동하는지 확인할 수 있습니다.
요약
Elementor을 사용하여 폼을 만드는 것은 단순히 데이터를 수집하는 유연성뿐만 아니라 신중히 디자인을 구축하는 기회를 제공합니다. 이 안내서의 단계를 따라가면 폼이 기능적이고 사용하기 편리하다는 것을 확실하게 할 수 있습니다. 필드 입력부터 이메일 알림, 오류 메시지까지 - 모든 요소가 당신이 필요로 하는 정보를 얻을 수 있게 도와줍니다.
자주 묻는 질문
Elementor이란 무엇인가요?Elementor은 워드프레스용 드래그 앤 드롭 페이지 빌더로 웹사이트를 쉽게 디자인할 수 있게 해줍니다.
폼을 맞춤 설정할 수 있나요?네, Elementor은 필드와 버튼을 디자인하는 것을 포함한 다양한 폼 맞춤 설정 옵션을 제공합니다.
폼을 어떻게 제출하나요?폼은 “보내기” 버튼을 클릭하여 제출할 수 있으며, 그 이메일은 당신이 지정한 주소로 전송됩니다.
MailChimp와 같은 액션을 위한 폼을 연결할 수 있나요?네, Elementor은 MailChimp를 포함한 다양한 서비스와 통합할 수 있도록 해줍니다.