Ultimate Elementor 문의 양식 가이드

게시 됨: 2022-08-28

모든 웹 소유자는 고객 및 잠재 고객과 좋은 장기적 관계를 구축하기를 원합니다. 여기에서 문의 양식이 필요합니다. 사이트에 문의 양식을 추가하는 것은 잠재 고객에게 연락하고 사이트 방문자에 대한 데이터를 수집하는 데 도움이 되기 때문에 적극 권장됩니다.

의심의 여지 없이 WordPress 사용자는 수많은 연락처 양식 플러그인과 수많은 기능에 액세스할 수 있습니다. 따라서 사용자가 양식을 쉽고 원활하게 만들 수 있습니다. Elementor Contact Form 위젯을 사용하여 양식을 만들 수도 있다면 어떨까요?

Elementor를 사용하여 연락처 양식을 만드는 방법

Elementor 연락처 양식 위젯을 사용하면 몇 분 안에 사이트에 연락처 양식 유형을 개인화하고 추가할 수 있습니다. 사이트와 원활한 상호 작용을 가능하게 하는 데 필요한 모든 기능과 필드가 함께 제공됩니다. 문의 양식은 Elementor Pro 버전의 기능입니다.

즉, 양식을 만들려면 Elementor Pro로 업그레이드해야 합니다. 이제 이 사실을 확인했으므로 Elementor를 사용하여 연락처 양식을 만드는 간단한 단계를 살펴보겠습니다.

Elementor를 사용하여 연락처 양식을 만드는 단계별 가이드

두 가지 방법을 통해 사이트에 문의 양식을 추가할 수 있습니다. Elementor와 Elementor Pro 위젯을 모두 설치해야 하는 유료 방법이 있습니다. 타사 플러그인을 설치해야 하는 무료 방법도 있습니다. 이 가이드에서는 Elementor Pro에 중점을 둘 것입니다.

1단계: Elementor 페이지에서 사용할 수 있는 수많은 위젯에서 Elementor 연락처 양식 위젯을 찾습니다. 연락처 양식을 포함할 페이지를 열려면 클릭하십시오.

원소

끌어서 놓기 옵션을 사용하면 Elementor의 페이지에 위젯을 쉽게 추가할 수 있지만 이 게시물에서는 Elementor Pro의 연락처 양식 위젯을 사용하여 연락처 양식을 만드는 포괄적인 프로세스를 살펴봅니다.

2단계: Elementor 연락처 양식에는 이름, 이메일 및 메시지와 같은 기본 영역에 대한 필드가 미리 채워져 있습니다. 다음 단계는 원하는 내용에 맞게 기본 양식을 사용자 지정하는 것입니다. 이렇게 하려면 양식 설정의 콘텐츠 섹션으로 이동하여 "양식 필드.

양식 필드

양식 이름에 제목을 지정합니다. 그런 다음 양식 필드를 클릭합니다. 여기에서 원하는 만큼 필드를 추가할 수 있습니다. 필드를 생성할 때 복제 및 삭제할 수 있습니다.

Text, Email, URL, Checkbox, Textarea, Tel, Select, Radio, Acceptance, Number, HTML, Hidden, Password, Honeypot, reCAPTCHA, reCAPTCHA V3 등 사용할 수 있는 필드 옵션이 많이 있습니다. .

기능을 사용하여 작동하는 항목과 연락처 양식에 추가할 수 있는 항목을 확인할 수 있습니다. 고급 탭을 사용하면 양식을 사용자 정의하기 위한 더 많은 옵션을 탐색할 수 있습니다. 고유한 기능이 마음에 드는지 확인하려면 이 항목도 확인하십시오.

편집 양식

3단계: 원하는 것을 기반으로 제출 버튼을 사용자 정의하고 디자인합니다. 크기, 열 너비, 버튼 텍스트, 버튼 ID, 아이콘 및 정렬을 포함하여 사용자에 맞게 조정하고 사용자 지정할 수 있는 다양한 필드가 있습니다. 이러한 기능을 탐색하여 연락처 양식에 스타일과 감각을 추가하십시오.

양식 3단계

4단계: "제출 후 작업" 메뉴 설정 일반적으로 사용자가 사이트에 양식을 제출할 때 사이트 방문자가 양식이 제출되었음을 보여주는 피드백이나 응답을 받기를 원할 것입니다. 이것은 자동이 아닙니다. 필요한 것을 얻으려면 "제출 후 작업" 섹션을 구성해야 합니다.

양식에서 "제출 후 작업" 섹션을 클릭하고 "작업 추가" 필드를 클릭합니다. Email Webhook, Discord, Popup, ActiveCampaign, GetResponse 및 Slack과 같은 다양한 옵션이 표시됩니다. 제출 후 작업을 추가하는 옵션을 선택합니다.

예를 들어 이메일 작업을 선택하면 연락처 양식에 이메일 탭이 추가됩니다. 연락처 양식을 통해 이메일을 보낸 사용자에게 이메일을 보내도록 구성할 수 있습니다. 옵션을 채우고 양식 작업을 사용자 지정하기 위한 조건을 설정합니다.

Elementor는 탐색할 수 있는 다양한 작업 옵션을 제공합니다. 그런 다음 더 원활하게 만들기 위해 다른 타사 서비스를 고려할 수 있습니다. 탐색할 수 있는 타사 서비스로는 Hubspot, Mailchimp, Drip, Convertkit, Slack 등이 있습니다. 이 모든 것은 Elementor에 내장된 통합으로 쉽게 액세스하고 사용할 수 있습니다.

5단계: 이 단계에서는 사용자가 양식을 작성할 때 어떤 일이 발생했을 때 사용자에게 메시지를 사용자 정의할 수 있습니다. 예를 들어, 양식을 성공적으로 제출하거나 오류가 있는 경우 메시지를 받아야 합니다.

맞춤 메시지

이를 구성하려면 "추가 옵션"을 클릭하고 "사용자 정의 메시지"에 대해 예 또는 아니오를 선택하십시오. 사용자에게 표시할 기본 메시지 4개를 편집합니다. 이러한 메시지는 성공 메시지, 오류 메시지, 필수 메시지 및 유효하지 않은 메시지입니다.

6단계: Elementor Contact Form의 스타일을 지정하고 사용자 지정하여 독특하고 지루하지 않게 만듭니다. Elementor는 사용할 수 있는 사용자 지정 스타일 옵션을 제공합니다. 이렇게 하려면 "스타일" 탭을 클릭하고 사용 가능한 옵션과 설정을 검토하십시오. 이 중 하나를 사용하여 연락처 양식의 전체 스타일을 변경할 수 있습니다.

스타일

7단계: Elementor 연락처 양식을 성공적으로 구성했으며 다음이자 마지막 단계는 게시하는 것입니다. 이렇게 하려면 양식 하단에 있는 "업데이트" 버튼을 클릭하십시오.

업데이트

이렇게 하면 양식이 게시되고 사이트 방문자가 페이지에 액세스하고 액세스할 수 있습니다. 귀하의 웹사이트에 대한 구독자로부터 데이터와 리드를 수집하기 시작할 수 있습니다.

결론

디자인하려는 문의 양식 유형에 따라 Elementor에서 사용할 기능이 결정됩니다. 그러나 이 게시물은 이 도구를 사용하여 양식을 만드는 방법에 대한 기본 사항을 제공했습니다. 언급했듯이 Pro 버전의 Elementor에서만 문의 양식 기능에 액세스할 수 있습니다. 이 도구의 프로 버전을 구입하는 데 약 $49가 듭니다. 사용 가능한 기능은 비용을 지불할 때마다 가치가 있습니다.

Elementor 문의 양식은 어떻게 설정합니까?

Elementor 대시보드로 이동하여 Elementor 문의 양식 페이지를 엽니다. 플랫폼에서 사용할 수 있는 기능과 도구를 사용하여 연락처 양식 페이지를 만드십시오. 원하는 취향에 맞게 양식 디자인을 완료한 후 문의 페이지를 게시하면 게시됩니다.

Contact Form 7은 Elementor와 호환되나요?

Contact Form 7 플러그인은 Elementor 페이지 빌더의 추가 기능입니다. 즉, Contact Form 7 플러그인이 호환되며 이를 사용하여 양식을 작성할 수 있습니다.

Elementor에 가장 적합한 문의 양식 플러그인은 무엇입니까?

수많은 양식 플러그인이 Elementor와 완벽하게 작동합니다. 인기 있는 것들로는 Gravity Forms, weForms, Contact Form 7 등이 있습니다.

Elementor에서 WPForms를 사용할 수 있습니까?

예, WPForms는 Elementor와 호환됩니다. WPForms Elementor Widget을 사용하면 웹 페이지에 다양한 양식을 추가하고 기본 설정에 따라 편집할 수 있습니다. Elementor 페이지 빌더에서 양식을 만들고 편집할 수도 있습니다.

Elementor와 함께 Formidable Forms를 사용할 수 있습니까?

예, Elementor 및 거의 모든 연락처 양식 플러그인과 함께 Formidable Forms를 사용할 수 있습니다. 플러그인을 설치하고 사이트에서 활성화하기만 하면 됩니다. 무료 버전을 시작하여 프리미엄 버전으로 업그레이드하기 전에 양식 작성기가 어떻게 작동하는지 확인할 수 있습니다.

우마이어
우마이르 칸