<div class="support-note success primary">참고: 이 페이지는 웹 폼 유료 애드온이 있는 관리자 사용자에게만 제공됩니다.</div>
웹 폼을 공유하거나 임베드한 후에는 성능과 상태를 모니터링할 수 있습니다.
<a href="https://www.pipedrive.com/en/features/web-forms">웹 폼</a>에 대해 더 알아보기
<figure><img src="https://kb-cms.pipedriveassets.com/Screen%20Shot%202021-06-11%20at%204.00.31%20PM.png" alt="웹 폼 성능"></figure>
<ul><li>조회됨 – 웹 폼이 조회된 횟수</li><li>상호작용 – 뷰어가 웹 폼과 상호작용한 횟수. 이 경우에 상호작용은 폼 필드에 무언가를 입력했지만 제출하지 않았을 때를 의미합니다.</li><li>제출됨 – 완료된 제출의 숫자</li><li>전환 – 제출로 이어진 조회의 비율</li><li>상태– 활성 또는 비활성. 웹 폼을 비활성화하면 "비활성 웹 폼" 아래에 표시되고 뷰어에게는 깨진 링크로 보입니다.</li></ul>
"..." 버튼을 클릭하면 각 웹 폼 옆에, 편집, 공유 및 임베드, 비활성화, 복사 및 삭제를 할 수 있습니다.

Web Forms: performance and status

Web Forms: 성능 및 상태

<div class="support-note success primary">참고: 이러한 조치는 전역 관리자 사용자 및 올바른 권한이 활성화된 일반 사용자에게 제공됩니다. 계정에서 웹 폼을 사용하려면 <a href="https://support.pipedrive.com/article/leadbooster-add-on" target="_blank" rel="noreferrer noopener">LeadBooster 애드온</a>이 구독에 포함되어 있어야 합니다. </div>
2018년 GDPR 법률의 시행은 판매 및 마케팅 회사에 상당한 영향을 미쳤습니다. 특히 리드 생성, 조사 및 전자상거래에 영향을 미쳤습니다. 판매 팀의 GDPR 준수에 대해 더 알아보려면 <a href="https://www.pipedrive.com/en/blog/gdpr-compliance" target="_blank" rel="noreferrer noopener">이 블로그 글</a>을 확인하세요.
Pipedrive에서는 웹 사이트에서 리드를 캡쳐하는 가치 있는 도구 중 하나인 <a href="https://support.pipedrive.com/article/web-forms">웹 폼</a> 기능을 제공합니다. 그러나 정보 컨트롤러로서 수집하고 있는 데이터에 따라 고객에게 정보 처리 방법과 시기에 대해 알릴 필요가 있습니다. GDPR 준수를 보장하기 위해서입니다.
<a href="https://www.pipedrive.com/en/features/web-forms">웹 폼</a>에 대해 자세히 알아보기<hr><h2 style="text-align: justify"><a name="사용자 정의 필드 설정"></a>사용자 정의 필드 설정</h2>
첫 번째 단계는 고객으로부터 정확히 필요한 것을 생각하는 것입니다. 예를 들어:
<ul><li>개인정보 보호 정책을 읽었음.</li><li>약관에 동의합니다.</li><li>뉴스레터를 구독하고 싶습니다.</li></ul>
필요한 각 승인에는이를 얻기 위한 <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">사용자 지정 필드</a>가 필요하며, 권한을 요청하는 사람이기 때문에 인물 사용자 지정 필드를 만드는 것이 좋습니다.
<div class="support-note success primary">참고: 필요한 <a href="https://support.pipedrive.com/article/what-types-of-custom-fields-are-there" target="_blank" rel="noreferrer noopener">사용자 지정 필드의 유형</a>은 체크리스트에서 볼 수있는 옵션에 따라 다릅니다. 단일 옵션 필드는 웹 양식 블록에서 사용하려면 두 개 이상의 옵션을 가져야합니다 (예 : "예" 및 "아니요"). 하나의 옵션 (예 : "예") 만 포함하는 블록을 추가하려면 대신 다중 옵션 필드를 사용하십시오. </div>
개인정보 보호 정책
개인정보 보호 정책을위한 다중 옵션 필드를 만들고, 적절한 이름을 지정하고 예에 대한 옵션을 추가하고, 필요한 경우 아니요를 추가하십시오.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%201.jpg" alt=""></figure>
약관
약관에 대해 다중 옵션 필드를 만들고, 적절한 이름을 지정하고, 예에 대한 옵션을 추가하고, 필요한 경우 아니요를 추가하십시오. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%203.jpg" alt=""></figure>
뉴스레터 
뉴스레터 구독이 필수적이지 않기 때문에, 단일 옵션 필드를 사용하여 적절한 이름을 지정하고, 예및 아니요에 대한 옵션을 추가하십시오. 
<figure><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%202.jpg" alt=""></figure>
사용자 정의 필드를 만들었으면 웹 양식을 설정할 수 있습니다.<hr><h2 style="text-align: justify"><a name="웹 폼 설정"></a>웹 폼 설정</h2>
리드 &gt; 웹 폼 &gt; "폼 편집기,"로 이동한 다음 제출 버튼 위의 “+”를 사용하여 블록을 추가하십시오.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%207.jpg" alt=""></figure>
개인 정보 정책/이용 약관 

웹 폼 블록을 만들 때 명심해야 할 몇 가지 사항이 있습니다:
<ul><li>입력 필드 블록을 사용하십시오</li><li>오른쪽의 입력 필드 아래에서 드롭다운에서 만든 사용자 정의 필드를 선택하십시오</li><li>텍스트를 강조 표시하고 “링크” 옵션을 사용하여 어떠한 문서도 하이퍼링크로 할 수 있습니다</li><li>양식 작성 시 하나의 옵션이 유일하게 사용 가능하게 하려면 사용자 정의 가시성을 사용하십시오. (예: "예.") </li><li>질문이 건너뛰어지지 않도록 확인을 위해 필수 상자를 선택하십시오</li></ul>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%204.jpg" alt=""></figure>
뉴스레터 
<div class="support-note success primary">참고: 개인 정보 고지와 이용 약관과는 달리 사용자는 뉴스레터에 동의하거나 구독할 필요가 없습니다. </div>
뉴스레터 블록과 다른 유일한 큰 차이점은 보내기 위한 동의가 필요하지 않으며, 따라서 제출 옵션을 하나로 제한할 필요가 없다는 것입니다. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%205.jpg" alt=""></figure>
웹 폼에 블록을 추가한 후 화면 오른쪽 상단의 “저장”을 클릭하십시오:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%206.jpg" alt=""></figure>
웹 폼에 대한 자세한 내용은 <a href="https://support.pipedrive.com/article/web-forms" target="_blank" rel="noreferrer noopener">웹 폼에 관한 기사</a>에서 확인하실 수 있습니다.

How can I create a web form that is GDPR compliant?

사용자 정의 필드 설정

웹 폼 설정

어떻게 GDPR을 준수하는 웹 폼을 만들 수 있을까요?

<div class="support-note primary">
참고: <a href="https://www.pipedrive.com/ko/features/web-forms">웹 폼</a> 기능은 LeadBooster 애드온의 일부입니다. 웹 폼 설정은 거래 관리자 권한이 있는 사용자에게만 제공됩니다.</div>
Pipedrive <a href="https://www.pipedrive.com/ko/features/web-forms">웹 폼</a>은 웹사이트에 자체적으로 만든 임베디드 폼을 생성하여 웹사이트 방문자의 정보를 수집하고 이를 Pipedrive의 거래나 리드로 유입시킬 수 있게 해줍니다.<hr><h2 style="text-align: justify">
<a name="웹 폼 생성하기"></a>웹 폼 생성하기</h2>
<div class="support-note success primary">노트: 웹 폼을 사용해본 적이 없다면, "웹 폼 사용해보기"를 선택하세요.</div>
웹 폼을 생성하려면, 리드 &gt; 웹 폼 &gt; "새로운 웹 폼"으로 이동하세요.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%207.jpg" alt=""></figure>
시작 템플릿을 선택하고 "폼 생성"을 클릭하세요.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%201.jpg" alt=""></figure><hr><a name="C2IamCs"></a>
<h2 dir="ltr" style="text-align: justify">폼 편집기<a name="폼 편집기"></a></h2>
 폼 편집기는 웹 폼을 작성하고 사용자 정의하는 곳입니다. 수집하려는 정보에 따라 다른 블록을 추가할 수 있습니다.
 소개 블록은 모든 웹 폼에 필수입니다. 블록을 편집하려면 연필 아이콘을 클릭하여 블록을 확장합니다.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/Screen%20Capture%20on%202023-07-03%20at%2011-19-01.gif" alt=""></figure>
새로운 블록을 추가하려면 폼 편집기 위로 마우스를 가져가고 폼에 다음 블록을 추가하려는 위치에서 “+”를 클릭합니다.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%202.jpg" alt=""></figure><hr><h2 dir="ltr" style="text-align: justify">블록 유형<a name="블록 유형"></a></h2>
사용할 수 있는 두 가지 블록 유형이 있습니다: 입력 필드 또는 메시지.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%203.jpg" alt=""></figure>
입력 필드 
<div dir="ltr" style="text-align: justify" class="support-note success primary">참고: “필수” 상자는 단일 옵션 사용자 정의 필드 또는 하나의 사용 가능한 입력만 있는 다중 옵션 사용자 정의 필드의 경우에만 나타납니다. </div>
이 블록 유형을 사용하면 웹 사이트 방문자의 이름, 전화번호, 이메일 주소, 마케팅 상태 및 계정의 다양한 <a href="https://support.pipedrive.com/hc/ko/articles/207228075-Custom-Fields" target="_blank">사용자 정의 필드</a>와 같은 정보를 수집할 수 있습니다. 또한 이 블록이 폼에 필요한지 여부를 “필수” 상자를 사용하여 결정할 수도 있습니다.
현재, 당사의 웹 폼은 다음과 같은 사용자 정의 필드 유형을 지원합니다:
<ul><li dir="ltr">텍스트</li><li dir="ltr">큰 텍스트</li><li dir="ltr">단일 옵션</li><li dir="ltr">다중 옵션</li><li dir="ltr">날짜</li><li dir="ltr">주소</li><li dir="ltr">통화</li><li dir="ltr">숫자</li><li dir="ltr">전화번호</li></ul>
<div>또한 웹 폼에 파일 업로드를 추가할 수 있는 첨부 파일 입력 필드도 있습니다: </div>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%204.jpg" alt=""></figure>
메시지
다른 블록 유형은 메시지입니다. 여기에서 사용자는 폼에 텍스트를 추가할 수 있습니다.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%205.jpg" alt=""></figure>
폼의 마지막 블록은 제출 버튼으로 필수입니다. 이 블록을 통해 버튼의 텍스트와 폼의 스팸 보호 여부를 선택할 수 있습니다. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%206.jpg" alt=""></figure>
<div dir="ltr" style="text-align: justify" class="support-note success primary">참고: 스팸 보호가 활성화된 경우 최신 버전의 reCAPTCHA를 사용합니다. reCAPTCHA에 대한 자세한 정보는 <a href="https://www.google.com/recaptcha/intro/v3.html">웹 사이트</a>를 참조하십시오.</div><hr><h2 dir="ltr" style="text-align: justify">스타일<a name="스타일"></a></h2>
<div dir="ltr" style="text-align: justify" class="support-note success primary">참고: 오른쪽에 있는 미리보기 창은 편집 중에 가하는 변경 사항을 반영하여 응답자가 어떻게 웹 양식을 볼 수 있는지 확인할 수 있는 창입니다. </div>
스타일 섹션에서는 웹 양식의 외관을 네 가지 다른 방법으로 사용자 정의할 수 있습니다. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2012.jpg" alt=""></figure>
색상 및 배경
배경, 전경, 제출 버튼 및 레이블에 대한 색상을 선택할 수 있습니다. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%208.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">참고: 드롭다운 상자를 사용하여 사용자 정의 색상을 선택합니다.</div>
 
글꼴 
수십 가지의 사용자 정의 글꼴 중에서 선택하고 글자 크기와 굵기를 조절할 수 있습니다.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%209.jpg" alt=""></figure>
양식 스타일 
또한 웹 양식의 입력 상자 크기, 모양 및 위치를 선택할 수 있습니다:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2010-2.jpg" alt=""></figure>
정체성과 브랜드 
마지막으로 웹 양식에 이미지를 추가하고 Pipedrive 브랜딩을 켜거나 끌 수 있습니다.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2011.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">참고: 이미지 크기 요구 사항은 이미지가 배치된 위치에 따라 달라집니다. 이미지는 웹 페이지에 임베드된 경우가 아닌 공유 링크를 통해 직접 웹 양식을 보낼 때만 나타납니다.</div><hr><a name="C5IamCs"></a>
<h2 style="text-align: justify">제출 옵션<a name="제출 옵션"></a></h2>
다음으로, 웹 폼 사용자로부터 제출된 데이터를 Pipedrive 계정에 입력하는 방법을 선택할 수 있습니다.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2013.jpg" alt=""></figure>
데이터가 어떻게 계정에 저장되고, 제출 후 전달되는 감사 메시지와 다른 웹사이트로 리디렉션할지 선택할 수 있습니다.<hr><h2 style="text-align: justify">공유 및 임베드<a name="공유 및 임베드"></a></h2>
웹 폼 링크 공유하는 두 가지 옵션을 제공합니다: 링크로 공유 또는 웹사이트에 폼 임베드하기.
“클립보드에 복사”를 클릭하여 웹 폼에 대한 링크를 가져올 수 있습니다. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2014.jpg" alt=""></figure>
링크로 공유 URL을 직접 클라이언트에게 보내 웹 폼을 제출하도록 할 수 있거나, 선택한 웹사이트에서 지침을 따라 URL을 웹 페이지에 붙여넣을 수 있습니다. <hr><a name="C6IamCs"></a>
<h2 style="text-align: justify">웹 폼에 대한 동의 필드<a name="웹 폼에 대한 동의 필드"></a></h2>
<div style="text-align: justify" class="support-note success primary">참고: 아래에 설명된 단계는 단일 옵션 사용자 지정 필드를 필요로 합니다. 해당 항목은 <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">이 문서</a>에서 학습할 수 있습니다.</div>
Pipedrive는 웹 폼에 대한 기본 동의 필드가 없지만, 연락처가 동의를 표시할 수 있는 체크박스를 생성할 수 있는 해결책이 있습니다. 
<ol><li>옵션으로 예와 아니요를 갖는 단일 옵션 사용자 지정 필드를 생성하세요.</li><li>이 필드를 입력 필드로 선택하세요.</li><li>“필수”란을 체크하세요. </li></ol>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2015.jpg" alt=""></figure>
이제 클라이언트는 이 블록을 작성하지 않고 웹 폼 응답을 제출할 수 없게 됩니다. 
<div style="text-align: justify" class="support-note success primary">참고: Pipedrive와 GDPR에 대해 더 자세히 알아보려면 <a href="https://support.pipedrive.com/hc/ko/articles/360000335129-Pipedrive-and-GDPR" target="_blank" rel="noreferrer noopener">이 문서</a>를 확인하세요.</div>

기술 자료

웹 폼

질문이 있으십니까?