만드는 방법을 알고 싶습니다. 연락처 양식 엘리멘터에서?
연락처 페이지는 웹 사이트의 중요한 페이지 중 하나입니다. 웹사이트 승인 여부를 매개변수로 사용하는 경우가 많습니다. Elementor 페이지에 양식을 추가할 수 있는 기본 위젯인 Form 위젯이 함께 제공됩니다. 이 기사에서는 방법을 보여줍니다.
양식 위젯 자체는 Elementor Pro에서만 사용할 수 있습니다. 즉, 무료 버전을 계속 사용하는 경우 프로 버전으로 업그레이드해야 합니다. 양식 위젯을 사용하여 연락처 양식, 그러나 이메일 등록 양식, 사용자 등록 양식, 파일 업로드 양식등 ...
Elementor에서 연락처 양식을 만드는 방법
생성할 때 연락처 양식 Elementor의 Form 위젯을 사용하면 양식 데이터가 전송될 위치를 설정할 수 있습니다. 이메일 계정이든 Elementor의 기본 양식 제출 관리자이든 상관 없습니다.
이 기사에서는 Elementor의 편집 상자에 Form 위젯을 추가하는 방법을 바로 살펴보겠습니다. 다음과 같이 위젯 패널의 양식 위젯을 편집 상자에 추가하기만 하면 됩니다.
보시다시피 Form 위젯은 세 개의 필드로 구성된 양식을 자동으로 생성합니다.
읽기 : Elementor에서 가격 표를 추가하는 방법
기존 필드를 편집하려면 간단히 열 수 있습니다. 필드 유형을 변경하고 기본 레이블 및 자리 표시자를 재정의하고 원하는 경우 필수 필드로 설정할 수 있습니다.
기존 필드를 삭제하려면 X 삭제하려는 필드의
새 필드를 추가하려면 버튼을 클릭하기만 하면 됩니다. 요소를 추가합니다. 양식 위젯 자체는 XNUMX가지 유형의 필드를 지원합니다.
양식 작업 정의
앞서 언급했듯이 양식 데이터(제출)를 이메일 계정이나 Elementor의 기본 제공 양식 제출로 보낼 수 있습니다. 목적지를 설정하려면 블록을 열 수 있습니다 조치 제출 후 탭 아래 내용 설정 패널에서.
참조 : Elementor에서 둥근 이미지를 만드는 방법
사용 가능한 필드에서 정의할 작업을 선택합니다(여러 작업을 추가할 수 있음). 이 예에서는 다음을 선택합니다. 이메일.
양식 작업도 설정하면 이메일에, 당신은 블록을 열 수 있습니다 이메일 양식 데이터를 수신할 전자 메일 주소를 정의합니다. 보시다시피 원하는 경우 주제를 설정할 수도 있습니다.
기본적으로 Elementor는 양식의 모든 필드 내용을 포함합니다. 특정 필드의 콘텐츠만 포함하려면 원하는 필드의 단축 코드를 필드에 붙여넣을 수 있습니다. 메시지.
예를 들어 아래 설정은 메시지 필드의 내용만 보냅니다.
필드의 단축 코드를 얻으려면 탭을 클릭하십시오. 많은 블록의 관련 필드에서 양식 필드.
메시지 정의
양식 데이터가 성공적으로 제출되면 방문자는 양식 아래에 성공적인 메시지를 보게 됩니다. 마찬가지로 양식 데이터가 제출되지 않은 경우에도 오류 메시지가 표시됩니다.
블록에서 이러한 기본 메시지와 두 개의 다른 메시지를 무시할 수 있습니다. 추가 옵션 탭 아래 내용 설정 패널에서. 활성화 맞춤 메시지 기본 메시지를 무시합니다.
양식 사용자 정의
아래의 기본 설정을 완료했으면 콘텐츠 탭 설정 패널에서 다음으로 전환할 수 있습니다. 스타일 양식을 사용자 정의합니다. 여기에서 열 수 있는 XNUMX개의 블록이 있습니다.
형태
이 블록을 열어 양식의 열과 행 사이의 공간, 레이블 간격, 양식 레이블의 타이포그래피(글꼴 패밀리, 글꼴 크기, 글꼴 스타일 등) 및 후자의 텍스트 색상을 정의할 수 있습니다.
- 분야
이 블록을 열어 필드 텍스트의 타이포그래피와 색상, 양식 필드의 배경색, 크기, 테두리 색상 및 양식 필드의 테두리 반경을 정의할 수 있습니다.
- 버튼
이 블록을 열어 제출 버튼을 사용자 정의할 수 있습니다. 버튼 텍스트 타이포그래피는 물론 색상, 배경색, 테두리 반경, 테두리 크기, 테두리 색상, 텍스트 채우기 등을 설정할 수 있습니다. 버튼의 크기를 설정하려면 블록에서 할 수 있습니다 버튼 부 콘텐츠 탭.
- 메시지
이 블록을 열어서 메시지 텍스트의 색상과 타이포그래피를 정의 할 수 있습니다.
- 단계
다단계 양식을 생성하려는 경우에만 이 블록을 열 수 있습니다.
양식과 페이지의 사용자 정의가 완료되면 페이지를 게시할 수 있습니다.
잠재적 오류
양식 작업을 다음과 같이 설정할 때 일반적인 실수 중 하나는 이메일 양식이 전송되지 않는다는 것입니다. 대신 다음 메시지가 표시됩니다.
Elementor 및 대부분의 연락처 양식 플러그인(Contact Form 7 포함)은 다음과 같은 WordPress의 기본 메일 배달 기능을 사용합니다. wp_mail. 이 기능은 기능에 따라 다릅니다. 메일을 보내다 PHP에 따라 작동합니다.
읽기 : Elementor에서 평가 슬라이더를 추가하는 방법
불행하게도 모든 제공업체는웹 호스팅 기능을 활성화하지 마세요 메일을 보내다 PHP의. 그렇다면 양식이 전송되지 않습니다. 대신 위와 같은 오류 메시지가 표시됩니다.
이 문제를 해결하려면 WordPress에 사용자 지정 메일 배달 서비스를 설치하고 구성할 수 있습니다. 또는 가능한 경우 호스팅 제공업체에 이 기능을 활성화하도록 요청할 수 있습니다. 메일을 보내다 PHP의.
결국
Elementor는 가장 포괄적인 페이지 빌더 플러그인 중 하나입니다. 연락처 양식을 포함하여 페이지에 요소를 쉽게 추가할 수 있는 여러 디자인 요소(위젯이라고 함)와 함께 제공됩니다.
양식 위젯을 사용하여 자신만의 디자인으로 처음부터 연락처 양식을 만들 수 있지만 Elementor는 사용할 수 있는 양식 템플릿도 제공합니다. 당신은 할 수 있습니다 연락처 페이지 만들기 (물론 연락처 양식과 함께 작성) 템플릿에서.
지금 Elementor Pro를 받으세요!
결론
여기 입니다! Elementor에서 연락처 양식을 만드는 방법을 보여주는 이 기사의 내용은 여기까지입니다. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
