Divi 기능 업데이트! 더 많은 입력 옵션, 조건부 논리 및 필드 검증이 포함된 새로운 연락처 양식 모듈

게시 됨: 2017-06-07

새롭고 향상된
문의 양식 모듈

오늘 우리는 새로운 필드 유형, 더 많은 사용자 정의 옵션, 필드 유효성 검사 및 조건부 논리를 포함하여 Divi 문의 양식 모듈에 대한 대규모 업데이트를 발표합니다.

오늘은 Divi 문의 양식 모듈의 중요한 날입니다! 이 새로운 업데이트는 단순한 양식 작성기였던 것을 훨씬 더 발전되고 가능성이 가득한 것으로 변환합니다. 더 많은 입력 유형, 더 많은 사용자 정의 가능성, 필드 유효성 검사 규칙 및 조건부 논리를 추가했습니다. 모듈을 다음 단계로 끌어올리는 대규모 업데이트입니다.

새로운 입력 유형

이제 연락처 양식 모듈에는 확인란, 선택 드롭다운 및 라디오 버튼을 포함하여 필요한 모든 입력 유형이 제공됩니다.

연락처 양식 모듈에는 이제 선택 드롭다운, 확인란 및 라디오 버튼을 포함하여 필요한 모든 입력 유형이 포함되어 있으며 새 인터페이스를 통해 이러한 새 필드 유형 내에서 하위 항목을 쉽게 관리할 수 있습니다. 드롭다운 및 라디오 항목을 쉽게 추가 및 제거하고 미리 선택해야 할 항목을 선택할 수도 있습니다.

체크박스

문의 양식 모듈은 이제 확인란을 지원합니다. 연락처 양식 모듈 내에서 새 필드를 만들면 입력 유형 선택 메뉴 내에서 옵션으로 확인란이 표시됩니다. 확인란은 방문자로부터 정보를 빠르게 얻을 수 있는 좋은 방법입니다. 사람들이 정보를 제출하기 전에 서비스 약관이나 개인정보 보호정책에 동의하는지 확인하는 데 유용한 확인란을 "필수"로 만들 수도 있습니다.

드롭다운 선택

연락처 양식 모듈은 이제 선택 드롭다운 메뉴를 지원합니다. 연락처 양식 모듈 내에서 새 필드를 만들면 입력 유형 선택 메뉴 내에서 선택 드롭다운이 옵션으로 표시됩니다. 요청하는 정보에 가능한 답변이 고정되어 있거나 답변을 고정된 값으로 제한하려는 경우 드롭다운 메뉴를 사용하면 우수한 결과를 얻을 수 있습니다. 그들은 사용하기 쉽고 사용자 오류의 가능성을 제거합니다.

라디오 버튼

연락처 양식 모듈은 이제 라디오 버튼을 지원합니다. 연락처 양식 모듈 내에서 새 필드를 만들면 입력 유형 선택 메뉴 내에서 옵션으로 라디오 버튼이 표시됩니다. 라디오 버튼은 선택 드롭다운과 같은 방식으로 작동하므로 사용자가 이 목록에서 하나의 옵션을 선택할 수 있습니다. 작은 옵션 목록으로 작업하는 경우 보조 메뉴를 클릭하지 않고도 모든 옵션을 볼 수 있으므로 라디오 버튼은 선택 드롭다운 메뉴보다 상호 작용이 덜 필요합니다.

간편한 하위 항목 관리

업데이트된 연락처 양식 모듈은 라디오 버튼 내에서 하위 항목을 관리하고 드롭다운 입력 유형을 선택하기 위한 매끄러운 새 인터페이스와 함께 제공됩니다. 연락처 양식 설정 창에서 바로 항목을 쉽게 추가하고 뺄 수 있습니다. 확인란 또는 라디오 버튼을 미리 선택해야 하는지 여부도 선택할 수 있습니다.

조건부 논리

오늘 우리는 방문자가 양식에 입력한 정보를 기반으로 필드를 표시하고 숨길 수 있는 포괄적인 조건부 논리 시스템을 소개합니다.

내가 가장 좋아하는 새로운 기능은 조건부 논리 시스템입니다. 방문자가 양식에 입력한 정보를 기반으로 필드를 표시하고 숨길 수 있는 조건부 논리 옵션을 문의 양식 모듈에 구현했습니다. 예를 들어 사용자가 특정 웹 디자인 패키지를 선택할 때 추가 필드를 표시하는 조건부 논리를 사용하여 동적 웹 디자인 견적 양식을 만들 수 있습니다. 방문자가 전자 상거래 옵션을 선택하면 자동으로 추가 필드를 표시하여 비즈니스에 대한 추가 정보를 요청합니다. 조건부 논리 시스템은 매우 강력하며 다양한 규칙을 혼합하고 일치시켜 상상할 수 있는 거의 모든 조합을 만들 수 있습니다.

동적 양식 만들기

조건부 논리를 사용하여 방문자 정보에 맞게 조정되는 동적 양식을 생성하여 다양한 유형의 사용자로부터 관련 데이터를 캡처할 수 있는 창의적인 방법이 많이 있습니다. 방문자가 양식을 작성하면 귀하가 지정한 규칙에 따라 연락처 양식이 자동으로 변경됩니다.

조건부 논리 UI

새로운 조건부 논리 UI는 사용하기가 매우 쉽습니다. 지정된 필드에 대한 조건부 논리를 활성화한 후 해당 필드가 표시되는 시기를 결정할 규칙을 원하는 만큼 추가할 수 있습니다. Divi Builder 설정 창에서 바로 복잡한 규칙 세트를 추가, 빼기 및 결합할 수 있습니다.

규칙

조건부 논리 시스템은 다양한 규칙 유형을 지원하며, 각 규칙 유형을 통해 서로 다른 기준에 따라 일치 여부를 결정할 수 있습니다. 각 규칙에는 양식을 개인화하는 데 사용할 수 있는 다양한 응용 프로그램이 있습니다.

  • 같음 – 이 규칙은 방문자가 특정 필드에 입력한 정보가 지정한 값과 정확히 일치할 때 일치합니다. 예를 들어 고객에게 어떤 유형의 웹사이트가 필요한지 물어보고 "전자 상거래"를 선택하면 판매하는 제품 유형에 대한 추가 정보를 요청하는 추가 필드를 표시할 수 있습니다.
  • 같지 않음 – "같음" 규칙의 반대입니다. 특정 필드에 추가된 값이 지정한 값과 일치하지 않을 때 필드가 표시됩니다.
  • 포함 – 이 규칙은 입력한 데이터에 사용자가 지정한 값이 포함된 경우 일치합니다. 이것은 정확한 수학이 필요하지 않기 때문에 "Equal"과 다릅니다. 예를 들어 방문자의 사업장 주소를 요청할 수 있으며 방문자가 입력하는 값에 "캘리포니아" 또는 "CA"가 포함된 경우 캘리포니아에 대한 지역 정책 및 비즈니스 규정에 대한 추가 정보를 요청하는 추가 필드를 표시할 수 있습니다.
  • 포함하지 않음 - "포함" 규칙의 반대이며 입력한 값에 지정한 값이 포함되지 않은 경우 필드가 표시됩니다. 예를 들어, 특정 고객에게 서비스를 제공하는 능력에 영향을 미치는 미국 전역의 일부 지방 정부 규정이 있다고 가정해 보겠습니다. 이러한 규정은 오리건과 워싱턴을 제외한 모든 주에 존재합니다. 고객이 제공한 주소에 "Oregon", "OR", "Washington" 또는 "WA"가 포함되지 않은 경우에만 추가 필드를 표시하는 규칙을 설정할 수 있습니다.
  • 다음보다 큼 – 이 옵션은 모든 숫자 값에서 작동합니다. 예를 들어, 개인이 만들어야 하는 웹사이트의 수를 물어볼 수 있습니다. 10개 이상의 웹사이트가 필요한 경우 정확한 견적을 제공하기 위해 추가 정보를 요청하기 위해 더 많은 필드를 표시해야 할 수 있습니다.
  • 보다 작음 - "보다 큼" 옵션의 반대이며 입력한 값이 지정한 값보다 작을 때 필드를 표시합니다. 예를 들어 방문자의 예산을 요청할 수 있으며 방문자가 입력한 값이 $1,000 미만인 경우 선택해야 하는 사용 가능한 패키지를 조정할 수 있습니다.
  • 비어 있음 – 이 규칙은 다른 필드가 비어 있는 경우 필드를 표시합니다. 데이터가 필드에 입력되면 조건부 필드가 제거됩니다.
  • 비어 있지 않음 – 다른 필드에 값이 있는 경우 필드가 표시됩니다. 예를 들어 양식에 "비즈니스 이름"이라는 선택적 필드가 있다고 가정해 보겠습니다. 방문자가 이 필드를 작성한 경우 비즈니스가 있다고 가정할 수 있습니다. 이 규칙은 비즈니스 활동, 비즈니스 주소, 세금 정보 등에 대해 문의하는 추가 필드를 트리거하는 데 사용할 수 있습니다.

믹스 앤 매치 로직

조건부 논리 시스템을 사용하면 여러 규칙을 조합하여 사용할 수 있습니다. 그런 다음 조건부 필드는 단일 일치를 기반으로 트리거되거나 조건부 필드를 표시하기 전에 모든 규칙이 일치하도록 요구할 수 있습니다.

필드 검증

모든 문의 양식 모듈 입력 유형에는 이제 방문자가 제공하는 정보의 형식이 올바른지 확인할 수 있는 필드 유효성 검사 규칙이 함께 제공됩니다.

이제 각 입력 유형에는 문자를 문자와 숫자로 제한하는 것과 같이 방문자가 제출하는 정보의 형식이 올바른지 확인하는 데 사용할 수 있는 필드 유효성 검사 규칙이 제공됩니다. 표준 입력 필드의 최소 및 최대 길이를 정의할 수도 있습니다.

문자 및 문자 제한 확인

문자 제한을 적용하거나 방문자가 입력하는 데이터의 형식이 올바른지 확인하려는 경우가 많습니다. 이것은 사용자 오류를 줄이고 자동 완성 실수를 식별할 수 있습니다. 예를 들어, 누군가의 나이를 묻는 경우 방문자가 입력한 데이터에 숫자만 포함하도록 요구할 수 있습니다. 아무도 1,000세가 되지 않을 것이기 때문에 글자수 제한을 3으로 설정할 수도 있습니다!

지금 가입하고 갱신하고 업그레이드하여 10% 할인을 받으세요!

웹에서 가장 열정적이고 사랑받는 WordPress 테마 커뮤니티에 가입하고 지금 Divi 3.0을 다운로드하십시오. 새로운 Visual Builder를 사용하면 놀랍도록 빠르고 직관적인 시각적 인터페이스를 통해 그 어느 때보다 빠르게 웹사이트를 구축할 수 있습니다. 당신은 그것을 믿기 위해 그것을보아야합니다!

10% 할인을 위해 오늘 가입하세요!
오늘 계정을 10% 할인된 가격으로 갱신하세요!
지금 계정을 업그레이드하여 10% 할인을 받으세요!