Bubble.io에서 연락처 양식을 어떻게 통합하나요?

Bubble.io 응용 프로그램에 연락처 양식을 통합하면 사용자, 잠재 고객 또는 고객으로부터 정보를 수집할 수 있습니다. 다음은 간단한 가이드를 제공하여 하나를 설정하는 데 도움이 될 것입니다:

1단계: 연락처 양식을 포함하려는 새 Bubble 페이지를 시작하거나 기존 페이지를 사용합니다.

2단계: 시각적 요소 사이드바에서 양식 요소를 페이지에 끌어다 놓습니다. 이것은 '입력', '여러 줄 입력' 메시지와 제출을 위한 '버튼'과 같은 일련의 입력 필드 일 수 있습니다.

3단계: 이름, 이메일, 전화번호 등의 정보를 수집하기 위해 양식에 다양한 '입력' 요소를 삽입합니다. 메시지 또는 댓글 섹션에 대한 '여러 줄 입력'을 추가합니다.

4단계: 각 입력 요소의 자리 표시자 텍스트를 사용자 이름, 이메일 주소 등의 필요한 정보를 나타내도록 사용자 정의합니다.

5단계: '버튼'을 추가하여 제출 버튼을 사용합니다. 그것을 적절히 라벨링하십시오, 예를 들어 "전송", "메시지 보내기" 등입니다.

6단계: 연락처 양식에 대한 워크플로우를 생성합니다. 양식에 추가한 '버튼'을 클릭하고, 속성 편집기에 나타나는 시작/편집 워크플로우 버튼으로 이동합니다.

7단계: 엽니 다는 워크플로우 편집기에서 버튼 클릭에 의해 트리거 된 작업을 추가합니다. 일반적인 동작에는 데이터베이스에 리드 정보를 저장하는 "새로운 항목 만들기..." 또는 새로운 연락처 요청의 알림을 받기 위해 "이메일 보내기"가 포함됩니다.

8단계: 각 '입력'을 만들려는 데이터 것(예: '리드')의 해당 필드에 연결합니다. '저장'작업이 양식에있는 모든 입력 필드를 포함하도록 합니다.

9단계: 응용 프로그램을 미리보고 양식을 작성하고 제출하여 양식을 테스트하세요. 데이터가 올바르게 저장되었는지 또는 이메일 알림이 올바르게 보내졌는지 확인하세요.

10단계: 사용자 경험을 향상시키고 스팸을 피하려면 reCAPTCHA와 같은 플러그인을 사용하여 CAPTCHA를 추가하십시오. 이 단계는 선택 사항이지만 권장됩니다. 이렇게 하려면 Bubble 플러그인 탭에서 reCAPTCHA 플러그인을 찾아 설치하고 연락처 양식 페이지에 CAPTCHA 요소를 배치합니다.

11단계: 마지막으로, 속성 편집기를 사용하여 양식의 스타일을 작성하여 Bubble 앱의 디자인과 브랜딩과 일치하도록 합니다.

모든 워크플로우가 올바르게 작동하고 데이터가 예상대로 처리되고 있는지 항상 양식을 철저히 테스트하십시오.