폼 요소 (Form)

폼 요소는 Brizy 편집기에서 매우 중요한 기능입니다.

쇼핑몰이나 블로그를 운영하더라도 직접 문의는 매우 중요합니다.

콜투액션의 액션에 해당하는 중요한 요소입니다.

폼요소 메뉴 패널

다양한 형식의 정보를 받을 수 있습니다.

주요 폼 메뉴는

1. 유형

2. 필수항목 여부 지정






입니다.

매우 간단하지만 여기서 굉장히 다양한 필드의 정보를 선택해줘야 합니다.

먼저, 필드를 선택하기전 폼의 필드를 내가 원하는 만큼 늘리거나 줄일 수 있어야 합니다.

늘리는 방법은 마우스를 항목에 대면 메뉴바가 열리는데 그때 복사를 클릭해주면

항목이 늘릴 수 있고 휴지통을 클릭하면 항목을 삭제할 수 있습니다.

필드의 종류은 단락 /텍스트 / 이메일 / 숫자 / 선택 / 라디오 / 체크박스/ 사용동의 / 날짜

/ URL / 시간 / 파일업로드 / 계산 / 전화번호 로 매우 다양하며

단순히 선택으로 해당 기능 사용이 가능합니다.

일반적인 사용자는 대부분 텍스트, 이메일 ,사용동의 정도 이며 전화번호의 경우

정말 고관여 정보나 상품이 아닌이상 고객이 전화번호를 넣어야 한다면

사이트에서 이탈할 수도 있기 때문에 잘 사용하지는 않습니다.

폼 연결

메뉴바에 플러그 모양의 이모티콘을 클릭하면 해당 정보를 받을 수 있는 이메일 연동이 가능합니다.

맨아래 버튼을 클릭해 메뉴바를 열리면 메일연동이 가능한 플러그 버튼을 클릭해 새로운 연결창을 엽니다.

메일 연결 방법

일반적으로 맨 왼쪽 워드프레스 또는 지메일을 통해 메일과 연결합니다.

흔히 많이 사용하는 회사메일이나 네이버메일 등은 워드프레스를 클릭해

연결받을 메일에 나의 메일을 적으면 폼에 정보를 입력 후 제출 버튼을 클릭하면

메일로 정보가 전달됩니다.

일반메일 연동

이메일 수신자에 이메일을 입력하면 됩니다.

일반적으로 이메일 수진자에 이메일 그 아래 제목은 해당 정보의 메일을 받을때

표시된 제목으로 메일을 받게 됩니다. 일반적으로 OO 사이트에서 문의가 접수되었습니다

그랬을때 메일 확인 시 보다 확인자가 편하게 메일을 받을 수 있습니다.

지메일연동

지메일은 보안 인증을 받아야 사용이 가능합니다.

지메일 연동은 조금 복잡해 보이지만 생각보다 간단합니다.

구글 계정 관리 페이지로 이동-> 왼쪽 메뉴에서 보안 클릭

-> 구글 로그인하는 방법 섹션에서 2단계 인증을 찾아서 켜쥽니다

(만약 켜져 있다면 생략)

보안페이지로 다시 돌아옴-> '구글에 로그인하는 방법' 아래 새로 생긴 앱 비밀번호 메뉴 클릭

-> 앱 이름 입력란에 구분을 위해 브리지 폼 또는 웹사이트 연동 등 적고 '만들기' 클릭

->화면에 16자리 코드가 나타납니다. 이 코드를 비밀번호로 사용합니다.

사용자 이름은 구글 계정 이메일 주소/ 비밀번호는 부여받은 앱 16자리 비밀번호입니다.

참고로 앱 비밀번호는 화면이 닫히면 확인이 안돼 생성 즉시 복사해두야 하고

만약 분실했다면 다시 앱을 새로 생성해야 합니다.

폼 요소 마무리

Brizy는 폼을 쉽게 제작할 수 있게 설계된 것만으로 초보자가 사용할 만한 가치가 있는 빌더입니다.

\구조를 잡는 행·열부터 메시지를 담는 텍스트, 시각적 매력을 더하는 이미지, 행동을 유도하는 버튼,

여백과 선으로 완성하는 디테일, 그리고 비즈니스의 심장인 폼 요소까지

—이 모든 핵심 톱니바퀴들이 맞물려 돌아갈 때 비로소 "진짜 성과를 만들어내는 웹사이트"가 탄생하게 됩니다.

감사합니다

플러그인에 대해

폴리랭 플러그인 (POLYL...
워드프레스 웹사이트 하나로 한국어, 영어, 일본어 등 여러 언어를 동시에 지원하는 다...
스마트 슬라이더 3 플러그인...
웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수...
요스트SEO 플러그인(Yoa...
내 웹사이트와 블로그 글이 구글, 네이버 등 주요 검색엔진 결과 상위에 노출될 수 있...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...