베스트셀링 인기 워드프레스 테마 Top 30 자세한 정보

아바다 테마의 Avada Form 살펴보기 (컨택트 폼)

Last Updated: 2021년 1월 11일 | 댓글 남기기
  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

워드프레스에서 방문자나 고객으로부터 문의나 피드백을 받고 싶은 경우 Contact Form 7을 비롯한 다양한 무료 및 유료 컨택트 폼 플러그인을 사용할 수 있습니다. Divi, Enfold 등 일부 테마에서는 자체 문의 양식을 제공하기도 합니다. 아바다 테마에도 자체 컨택트 폼 기능이 탑재되어 Avada Builder에서 Avada Form을 선택하여 자체 문의 양식을 사용할 수 있습니다.

워드프레스 아바다 테마의 컨택트 폼 Avada Form 기능

정교한 기능의 문의 양식이 필요한 경우에는 무료 또는 유료 컨택트 폼 플러그인을 사용하는 것이 효율적이겠지만, 단순한 문의 양식을 원한다면 아바다 테마에서는 자체 컨택트 폼 기능을 활용할 수 있습니다.

아바다 테마에서 제공되는 Avada Form은 친숙한 Avada Builder (이전 명칭 'Fusion Builder')로 만들 수 있어 Contact Form 7 등의 플러그인을 사용하는 것보다 수월하게 원하는 디자인으로 문의 양식을 제작할 수 있고 방문자가 제출한 데이터를 메일로 받거나 DB에 저장할 수도 있습니다.

아바다 테마의 Avada Form 살펴보기

Avada 테마의 컨택트 폼 기능을 사용하려면 먼저 Avada > Forms로 이동하여 새로운 문의 양식을 만들어야 합니다.

워드프레스 아바다 테마의 컨택트 폼 Avada Form

데모를 로드한 경우 데모에 따리 미리 생성된 문의 양식이 있을 수 있습니다. 위의 그림에서 Enter Your Form Name (양식 이름을 입력하세요) 필드에 새롭게 생성하는 양식의 이름을 입력하고 Create New Form (새 양식 만들기) 버튼을 클릭합니다.

그러면 다음과 같이 Edit Form (양식 편집) 페이지가 표시됩니다.

Avada Form 만들기

문의 폼은 Avada Builder 또는 Avada Live를 사용하여 편집할 수 있습니다. 둘 중 편한 것을 선택하시기 바랍니다. 저는 Avada Builder를 선택했습니다.

친숙한 (?) 아바다 페이지 빌더 화면이 표시됩니다.

워드프레스 아바다 테마의 컨택트 폼 기능

두 가지 방식으로 문의 양식을 만들 수 있습니다. 직접 필드를 추가하여 만들거나 미리 만들어진 양식(Prebuilt Form)을 로드한 후에 수정할 수 있습니다.

직접 필드를 추가하여 만들고 싶은 경우 Container (컨테이너) 버튼을 클릭하여 컨테이너를 배치한 후에 엘리먼트(Element)를 추가하도록 합니다. 엘리먼트 추가 화면에서 다음과 같은 엘리먼트(요소)를 선택할 수 있습니다.

워드프레스 Avada 테마의 Contact Form 요소

Form Elements 탭에서 문의 양식과 관련된 요소를 선택할 수 있습니다. 그리고 Builder Elements 탭에서는 아바다 빌더에서 제공하는 요소를 선택할 수 있습니다. Form Elements 탭에서 제공하는 요소들은 다음과 같습니다.

  • Checkbox Field - 체크박스 필드
  • Date Field - 날짜 필드
  • Email Field - 이메일 필드
  • Hidden Field - 숨은 필드
  • Image Select Field - 이미지 선택 필드
  • Notice - 알림
  • Number - 숫자
  • Password Field - 패스워드 필드 (암호 입력 시 사용)
  • Phone Number Field - 전화번호 필드
  • Radio Field - 라디오 필드
  • Range Field - 범위 필드
  • Rating Field - 평점 필드
  • reCAPTCHA Field
  • Select Field - 선택 필드
  • Submit Button - 보내기 버튼 (제출 버튼)
  • Text Field - 텍스트 필드
  • Textarea Field - 텍스트에어리어 필드
  • Time Filed - 시간 필드
  • Upload Field - 업로드 필드

첫 화면에서 Prebuilt Form (사전 제작 폼) 버튼을 클릭하면 미리 만들어진 문의 양식 중에서 선택할 수 있습니다.

아바다 테마의 문의 양식 템플릿

현재 약 11개의 사전 구성된 문의 양식이 제공됩니다. 마음에 드는 양식을 로드한 후에 수정할 수 있습니다.

양식 편집 하단의 Form Options에서 양식에 대한 옵션을 설정할 수 있습니다.

아바다 테마의 컨택트 폼 옵션

Form Options > Submission에서 제출 시 데이터를 메일로 보낼지, 아니면 DB에 저장할지 여부를 선택할 수 있습니다. 기본적으로 DB에 저장하는 옵션이 선택되어 있으며 메일로 보내고 DB에도 저장하는 옵션을 선택할 수도 있습니다. 메일로 보내는 방법을 선택하면 웹호스팅 서버 문제나 스팸 문제로 메일이 전송되지 않는 경우가 종종 있으므로 DB에 저장하고 이메일로도 전송하는 옵션을 선택하는 것이 안전할 수 있습니다.

아바다 테마 컨택트 폼 데이터를 DB에 저장하기

(위의 그림에서 Enable Member Only FormYes로 설정하면 특정 사용자 역할을 가진 로그인 사용자(회원)에게만 양식을 표시할 수 있습니다.)

다음 옵션 중에서 선택할 수 있습니다.

  • Save to Database - 데이터베이스에 저장, 기본 옵션임.
  • Send To URL - URL로 전송
  • Send To Email - 이메일로 보내기
  • Save to Database and Send To Email - DB에 저장하고 메일로 보내기
  • Default POST HTML Form (non-AJAX) - 기본 POST HTML 양식 (비 AJAX)

Send To Email 또는 Save to Database and Send To Email 옵션을 선택하면 양식 제출자 이메일 주소, 이메일로 전송될 메시지의 제목, 수신자 이메일 주소, 회신 이메일 주소 등을 입력할 수 있는 필드가 표시됩니다.

DB에 저장하는 옵션을 선택하면 사용자가 제출하는 데이터를 Avada > Forms에서 확인할 수 있습니다.

아바다 테마 컨택트 폼 데이터 DB 저장

양식을 만들었다면 문의 양식을 표시할 페이지에서 Avada Form 엘리먼트를 선택하여 원하는 곳에 문의 폼을 배치할 수 있습니다.

아바다 문의 양식을 페이지 삽입하기

마치며

이상으로 워드프레스 베스트셀링 테마인 아바다 테마에서 제공하는 Avada Form 기능에 대해 살펴보았습니다. 복잡한 기능이 필요하지 않고 단순한 문의 양식을 원하는 경우 자체적으로 제공하는 컨택트 폼 기능을 사용하면 별도의 컨택트 폼 플러그인을 설치할 필요 없이 편리하게 방문자나 고객으로부터 문의를 받을 수 있습니다.

조건부 필드(특정 조건에 맞는 경우에 필드 표시), 단계별 양식 입력 등의 기능이 필요한 경우에는 Quform과 같은 유료 플러그인을 고려해볼 수 있습니다.

참고



댓글 남기기

Leave a Comment