Divi : 모든 시간의 최고의 WordPress 테마!

901.000 다운로드Divi는 세계에서 가장 인기있는 WordPress 테마입니다. 그것은 완전하고, 사용하기 쉽고 62 무료 템플릿 이상을 제공합니다.

Elementor로 다단계 양식을 만드는 방법을 알고 싶습니까?

타입폼을 아시나요? 그는 대화형 스타일로 잘 알려진 인기 있는 온라인 양식 작성기입니다. Typeform에서는 다양한 목적을 위한 대화형 다단계 온라인 양식을 만들 수 있습니다.

에서 제공하는 WordPress 기반 웹사이트가 있는 경우 엘리멘터, Essential Addons를 사용하여 Typeform 양식을 손쉽게 통합할 수 있습니다.

참조 : Elementor에서 가격 표를 추가하는 방법

그러나 버전 2.9부터 Elementor 자체에는 다단계 양식을 만드는 데 사용할 수 있는 기능이 있습니다. 이 기사에서는 Elementor의 도움으로 이를 수행하는 방법을 보여줍니다.

다단계 양식 자체는 디자인 공간을 절약할 수 있는 좋은 아이디어입니다(페이지이든 테마 빌더 템플릿이든). 긴 형식을 더 간단한 형식으로 줄일 수 있습니다.

Elementor에서 다단계 양식을 만드는 방법

시작하기 전에 Form 위젯(양식 생성을 위한 Elementor 위젯)이 pro에서만 사용할 수 있기 때문에 업그레이드하지 않은 경우를 대비하여 Elementor를 pro 버전으로 업그레이드했는지 확인하십시오.

읽기 : Elementor에서 연락처 양식을 만드는 방법

이 기사에서는 Form 위젯을 추가하는 것으로 바로 넘어갈 것입니다. 우리가 만들 다단계 양식은 다음과 같은 세 단계로 구성됩니다.

  • 1단계: 이름 및 성별
  • 2단계: 전화 및 이메일
  • 3단계: 라디오 버튼

먼저 Form 위젯을 Elementor의 편집 상자로 드래그합니다.

Elementor로 웹 사이트를 쉽게 만들 수 있습니다

Elementor를 사용하면 쉽고 무료 전문적인 모습의 모든 웹 사이트 또는 블로그 디자인. 스스로 할 수 있는 웹사이트에 많은 비용을 지불하지 마십시오.

설정을 하려면 왼쪽에 있는 설정 패널로 이동합니다. 블록에서 양식 필드 부 콘텐츠 탭, 필요에 따라 필드를 정의하십시오. 우리의 경우 필드는 다음과 같습니다.

  • 이름
  • 장르
  • 전화
  • 이메일
  • 취미

여러 단계로 양식 만들기

필요한 양식 필드 추가 및 정의가 완료되면 다른 필드를 추가하고 필드 유형을 다음으로 설정합니다. 단계.

참조 : Elementor에서 둥근 이미지를 만드는 방법

이 단계는 자동으로 맨 위 순서에 새 필드를 추가하고 맨 아래에 새 필드를 추가합니다. 상단 필드의 레이블을 다음과 같이 설정할 수 있습니다. 1 단계.

인터넷에서 제품을 판매하고 싶습니까?

WordPress에서 실제 및 디지털 제품을 판매하고 온라인 상점을 쉽게 만들 수 있는 최고의 전자 상거래 플러그인인 WooCommerce를 무료로 다운로드하십시오. 초보자에게 적합합니다.

그런 다음 아래쪽 필드를 끌어 두 번째 단계(이 경우 전화 필드)의 필드 바로 위에 배치합니다.

다른 필드 추가 및 필드 유형 설정 단계에. 드래그하여 세 번째 단계의 필드(이 경우 취미 필드) 바로 위에 놓습니다.

여러 단계로 양식 만들기

여기. 양식을 사용자 정의하기 전에 결과를 미리 볼 수 있습니다. 기본적으로 단계 유형은 숫자 및 텍스트로 설정됩니다.

블록에서 편집할 수 있습니다. 단계 매개변수 탭 아래 함유량.

탭에 액세스 할 수 있습니다. 스타일 양식을 사용자 정의합니다. 열 수 있는 5개의 조정 블록이 있습니다.

Elementor로 다단계 양식 만들기

  • 형태 : 이 블록을 열어 양식의 열과 행 사이의 공간, 양식 레이블의 타이포그래피(글꼴 패밀리, 글꼴 크기, 글꼴 스타일 등) 및 후자의 텍스트 색상을 정의할 수 있습니다. .
  • 분야 : 이 블록을 열어 양식 필드의 타이포그래피, 필드의 텍스트 색상, 배경, 테두리 너비, 테두리 색상 및 테두리 반경을 정의할 수 있습니다.
  • 버튼 : 이 블록을 열어 버튼을 사용자 정의할 수 있습니다. 보내기 버튼이든, 이전 버튼이든, 다음 버튼이든. 텍스트 타이포그래피, 텍스트 색상, 배경 색상 등과 같은 요소를 정의할 수 있습니다.
  • 메시지 : 이 블록을 열어 메시지의 타이포그래피와 텍스트 색상을 정의할 수 있습니다.
  • 단계 : 이 블록을 열어 단계의 타이포그래피, 색상, 구분선의 너비, 구분선의 간격 등을 정의할 수 있습니다.

템플릿 편집이 완료되면 게시하거나 업데이트할 수 있습니다.

읽기 : Elementor로 팀원 섹션을 만드는 방법 

방금 만든 양식을 Gutenberg 페이지에 삽입하려는 경우(또는 블로그 게시물에 삽입하려는 경우), Form 위젯을 전역 위젯으로 저장할 수 있습니다. 그런 다음 플러그인을 사용하여 위젯을 가져올 수 있습니다. 구텐베르크용 엘리멘터 블록.

지금 Elementor Pro를 받으세요!

결론

여기 입니다! Elementor로 다단계 양식을 만드는 방법을 보여주는 이 기사의 내용은 여기까지입니다.  가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...

0 주식
짹짹
레지스터