<div class="support-note primary">
참고: <a href="https://www.pipedrive.com/en/features/web-forms">웹 양식</a> 기능은 LeadBooster 애드온의 일부입니다. 웹 양식 설정은 거래 관리자 권한이 활성화된 사용자만 사용할 수 있습니다.</div>
Pipedrive <a href="https://www.pipedrive.com/en/features/web-forms">웹 양식</a>을 사용하면 웹사이트 방문자의 정보를 수집하고 이를 Pipedrive로 거래 또는 리드로 유입하기 위해 개인화된 임베디드 양식을 생성할 수 있습니다.
<figure><img class="vidyard-player-embed" src="https://play.vidyard.com/j8fQEVKFqdiCfo4gCWg9WE.jpg" alt=""></figure>
<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>

Web Forms

웹 양식 만들기

양식 편집기

블록 유형

스타일

제출 옵션

공유 및 삽입

웹 양식을 위한 동의 필드

웹 폼

<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>에서 확인하실 수 있습니다.

기술 자료

웹 양식

질문이 있으십니까?