만드는 방법을 알고 싶습니까? 형태 여러 단계에서 Elementor ?
타입폼을 아시나요? 그는 의 창조자이다 형태 인터랙티브 스타일로 잘 알려진 대중적인 온라인 플랫폼입니다. Typeform에서 다음을 만들 수 있습니다. 형태 다양한 목적을 위한 다단계 대화형 온라인 게임.
에서 제공하는 WordPress 기반 웹사이트가 있는 경우 Elementor, 쉽게 통합할 수 있습니다. 형태 Essential Addons를 사용하여 입력하십시오.
참조 : Elementor에서 가격 표를 추가하는 방법
하지만 버전 2.9부터 Elementor 자체에는 생성하는 데 사용할 수 있는 기능이 있습니다. 형태 여러 단계에서. 이 기사에서는 다음의 도움을 받아 수행하는 방법을 보여 드리겠습니다.Elementor.
Un 형태 다단계 자체는 디자인(페이지든 테마 빌더 템플릿이든) 공간을 절약하는 데 좋은 아이디어입니다. 긴 형식을 더 간단한 형식으로 줄일 수 있습니다.
Elementor에서 다단계 양식을 만드는 방법
시작하기 전에 Form 위젯(양식 생성을 위한 Elementor 위젯)이 pro에서만 사용할 수 있기 때문에 업그레이드하지 않은 경우를 대비하여 Elementor를 pro 버전으로 업그레이드했는지 확인하십시오.
읽기 : Elementor에서 연락처 양식을 만드는 방법
이 기사에서는 Form 위젯을 추가하는 것으로 바로 넘어갈 것입니다. 우리가 만들 다단계 양식은 다음과 같은 세 단계로 구성됩니다.
- 1단계: 이름 및 성별
- 2단계: 전화 및 이메일
- 3단계: 라디오 버튼
먼저 Form 위젯을 Elementor의 편집 상자로 드래그합니다.
설정을 하려면 왼쪽에 있는 설정 패널로 이동합니다. 블록에서 양식 필드 부 콘텐츠 탭, 필요에 따라 필드를 정의하십시오. 우리의 경우 필드는 다음과 같습니다.
- 이름
- 장르
- 전화
- 이메일
- 취미
필요한 양식 필드 추가 및 정의가 완료되면 다른 필드를 추가하고 필드 유형을 다음으로 설정합니다. 단계.
참조 : Elementor에서 둥근 이미지를 만드는 방법
이 단계는 자동으로 맨 위 순서에 새 필드를 추가하고 맨 아래에 새 필드를 추가합니다. 상단 필드의 레이블을 다음과 같이 설정할 수 있습니다. 1 단계.
그런 다음 아래쪽 필드를 끌어 두 번째 단계(이 경우 전화 필드)의 필드 바로 위에 배치합니다.
다른 필드 추가 및 필드 유형 설정 단계에. 드래그하여 세 번째 단계의 필드(이 경우 취미 필드) 바로 위에 놓습니다.
여기. 양식을 사용자 정의하기 전에 결과를 미리 볼 수 있습니다. 기본적으로 단계 유형은 숫자 및 텍스트로 설정됩니다.
블록에서 편집할 수 있습니다. 단계 매개변수 탭 아래 함유량.
탭에 액세스 할 수 있습니다. 스타일 양식을 사용자 정의합니다. 열 수 있는 5개의 조정 블록이 있습니다.
- 형태 : 이 블록을 열어 양식의 열과 행 사이의 공간, 양식 레이블의 타이포그래피(글꼴 패밀리, 글꼴 크기, 글꼴 스타일 등) 및 후자의 텍스트 색상을 정의할 수 있습니다. .
- Fields : 이 블록을 열어 양식 필드의 타이포그래피, 필드의 텍스트 색상, 배경, 테두리 너비, 테두리 색상 및 테두리 반경을 정의할 수 있습니다.
- 버튼 : 이 블록을 열어 버튼을 사용자 정의할 수 있습니다. 보내기 버튼이든, 이전 버튼이든, 다음 버튼이든. 텍스트 타이포그래피, 텍스트 색상, 배경 색상 등과 같은 요소를 정의할 수 있습니다.
- 메시지 : 이 블록을 열어 메시지의 타이포그래피와 텍스트 색상을 정의할 수 있습니다.
- 단계 : 이 블록을 열어 단계의 타이포그래피, 색상, 구분선의 너비, 구분선의 간격 등을 정의할 수 있습니다.
템플릿 편집이 완료되면 게시하거나 업데이트할 수 있습니다.
방금 만든 양식을 Gutenberg 페이지에 삽입하려는 경우(또는 블로그 게시물에 삽입하려는 경우), Form 위젯을 전역 위젯으로 저장할 수 있습니다. 그런 다음 플러그인을 사용하여 위젯을 가져올 수 있습니다. 구텐베르크용 엘리멘터 블록.
지금 Elementor Pro를 받으세요!
결론
여기 입니다! Elementor로 다단계 양식을 만드는 방법을 보여주는 이 기사의 내용은 여기까지입니다. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
