HubSpot 페이지의 양식 설정 및 스타일 지정

HubSpot에서 양식을 만든 후에는 HubSpot 페이지의 모든 양식 모듈에 추가할 수 있습니다. 각 페이지에서 양식이 제출된 후에 어떤 일이 발생하는지 구성하고 제출 버튼 및 양식 필드와 같은 양식 요소의 스타일을 사용자 지정할 수도 있습니다.

시작하기 전에

HubSpot 페이지에서 양식을 설정하기 전에 다음 사항에 유의하세요:

• 설정 및 스타일 변경 사항은 선택한 페이지의 양식 모듈에만 적용됩니다. 설정 및 스타일 변경 사항은 다른 페이지의 양식에는 영향을 미치지 않습니다.
• 양식 필드와 같은 양식 콘텐츠를 업데이트하면 임베드된 양식이나 독립형 양식 페이지를 포함한 다른 모든 페이지의 양식이 업데이트됩니다.

양식 설정하기

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지로 이동합니다: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.

• 페이지 이름을 클릭합니다.
• 콘텐츠 편집기에서 양식 모듈을 클릭합니다. 현재 페이지에 양식 모듈이 없는 경우 페이지에 모듈을 추가하는 방법을 알아보세요.
• 왼쪽 패널의 콘텐츠 탭에서 이 페이지에 대한 양식 설정을 사용자 지정합니다:
  • 양식 제목: 양식의 이름을 입력합니다.
  • 양식 선택: 이 페이지에 사용할 양식을 선택합니다.
    • 기존 양식을 사용하려면 드롭다운 메뉴를 클릭하고 양식을 선택합니다.
    • 새 양식을 만들어 사용하려면 작업 > 새 양식 만들기를 클릭합니다. 양식 설정에 대해 자세히 알아보기
    • 이 양식의 제출물을 보려면 작업 > 양식 제출물 보기를 클릭합니다.
    • 이 양식을 복제하려면 작업 > 양식 복제를 클릭합니다.
    • 선택한 양식을 사용하는 다른 페이지를 검토하려면 작업 > 이 양식을 사용하는 페이지를 클릭합니다.
    • 양식 편집기에서 양식을 편집하려면 작업 > 전체 양식 편집기로 이동을 클릭합니다.
      
      

양식 콘텐츠 사용자 지정하기

양식 필드, 버튼 텍스트, 데이터 개인정보 보호 및 동의 옵션을 편집할 수 있습니다:

• 클릭하여 양식 콘텐츠 섹션을 펼칩니다.
• 양식 콘텐츠를 구성합니다:
  • 양식 필드: 필드를 클릭하고 끌어서 양식에 표시되는 순서를 편집합니다. 여러 열이 있는 양식이나 사용자 지정 모듈의 일부인 경우에는 양식 필드를 끌어서 놓을 수 없습니다. 양식 필드를 추가하려면 다음과 같이 하세요:
    • 다른 양식 필드 추가를 클릭합니다.
    • 속성 선택 드롭다운 메뉴를 클릭하고 검색창을 사용하여 필드를 검색합니다.
    • 속성을 클릭하여 양식 필드로 추가합니다.

• • 버튼 텍스트: 제출 버튼에 표시할 텍스트를 입력합니다.
  • 데이터 개인정보 처리방침 및 동의 옵션: 드롭다운 메뉴에서 표시할 공지 및 동의 정보를 선택합니다.
  • 캡차(스팸 방지): 캡차(스팸 방지) 스위치를 켜려면 클릭하여 Google의 보이지 않는 reCAPTCHA를 표시합니다.

참고: 양식 콘텐츠를 업데이트하면 임베드된 양식이나 독립형 양식 페이지를 포함하여 양식이 사용되는 다른 모든 페이지의 양식도 업데이트됩니다.

제출 후 작업 구성하기

기본적으로 HubSpot 페이지에 추가된 양식은 양식을 제출해 주셔서 감사합니다 인라인 메시지를 표시합니다. 양식 편집기에서 구성된 제출 후 작업은 양식에 표시되지 않습니다.

페이지 편집기에서 다른 제출 후 작업을 사용자 지정할 수 있습니다. 양식이 제출된 후 수행할 작업을 구성하려면 다음과 같이 하세요:

• 클릭하여 감사 섹션을 펼칩니다.
• 양식을 제출한 후 방문자에게 표시되는 내용 섹션에서 제출 후 작업을 구성합니다:
  • 다른 페이지로 리디렉션: 양식 제출 후 방문자를 다른 페이지로 리디렉션합니다.
    • 다른 페이지로 리디렉션을 클릭합니다.
    • 리디렉션 링크 드롭다운 메뉴를 클릭하고 기존 HubSpot 페이지를 선택하거나 URL을 입력합니다.
  • 인라인 감사 메시지 표시: 방문자가 양식을 제출한 후 메시지를 표시합니다. 텍스트 상자에 감사 메시지를 입력할 수 있습니다.

양식 자동화 구성

연락처 작성 및 마케팅 이메일 옵션과 같은 양식 자동화는 물론 양식과 관련된 모든 워크플로우를 관리할 수 있습니다. 등록 트리거에는 다음과 같은 동작이 적용됩니다:

• 양식 모듈의 자동화 설정에 워크플로가 추가되면 해당 양식 제출 등록 트리거가 워크플로우에 추가됩니다.
• 양식 모듈의 자동화 설정에서 워크플로우를 제거하면 워크플로우의 등록 트리거에서도 워크플로우가 제거됩니다.
• 워크플로우에 사용된 양식 등록 트리거가 페이지를 지정하지 않는 경우에는 페이지에서 트리거를 제거할 수 없으며 대신 워크플로우에서 제거해야 합니다.

양식에 대한 자동화 설정을 구성하려면 왼쪽 패널에서 양식 자동화를 클릭하여 섹션을 확장한 다음 다음 자동화 옵션을 검토합니다:

• 이메일 주소에 대해 항상 새 연락처 만들기: 양식 제출의 기존 연락처와 일치하는 사용자 토큰에 관계없이 새 이메일 주소로 양식이 제출될 때마다 새 연락처 레코드를 만듭니다.
• 생성된 연락처를 마케팅 연락처로 설정: 이 양식을 통해 생성된 모든 연락처를 마케팅 연락처로 설정합니다.
• 이메일 후속 조치: 양식을 제출한 방문자에게 후속 이메일을 보냅니다. 후속 이메일은 마케팅 연락처에게만 보낼 수 있습니다.
  • 후속 이메일을 추가하려면 다음과 같이 하세요:
    • 이메일 선택 +를 클릭합니다.
    • 대화 상자에서 이메일 선택 드롭다운 메뉴를 클릭하고 기존 자동 이메일을 선택하거나 새 이메일 생성을 클릭하여 새 자동 이메일을 만듭니다.
    • 저장을 클릭합니다. 선택한 후속 이메일이 왼쪽 패널에 표시됩니다.
    • 후속 이메일을 설정한 후 오른쪽 상단에서 게시 또는 업데이트를 클릭하여 이러한 변경 사항을 실시간으로 적용합니다. 후속 이메일은 변경 사항이 게시될 때까지 사용 설정되지 않습니다.

• • 사용 중인 후속 이메일을 변경하려면 이메일 위에 마우스를 갖다 대고 이메일 옆에 있는 연필 아이콘을 클릭합니다.
  • 후속 이메일을 제거하려면 이메일 위에 마우스를 갖다 대고 이메일 옆의 X 아이콘을 클릭합니다. 이메일이 더 이상 표시되지 않습니다.
  • 양식이 이전에 레거시 후속 이메일과 연결되어 있었다면 이 양식은 레거시 후속 이메일을 사용하고 있습니다라는 알림이 표시됩니다. 레거시 후속 이메일은 편집할 수 없지만 이전에 이메일이 게시된 경우에는 자동화된 이메일로 업데이트할 수 있습니다. 그런 다음 업데이트된 자동 이메일을 편집할 수 있습니다.
    • 이전에 게시된 레거시 후속 이메일을 편집할 수 있는 자동화된 이메일로 업데이트하려면 이메일 업데이트를 클릭합니다. 그런 다음 업데이트를 클릭합니다. 이메일이 이전에 게시되지 않은 경우에는 이 옵션이 표시되지 않습니다.

• • • 게시되었거나 게시되지 않은 레거시 후속 이메일을 제거하려면 제거를 클릭합니다. 그런 다음 제거를 클릭합니다.

• 연결된 워크플로: 양식을 등록 트리거로 사용하는 모든 워크플로 및 간단한 워크플로가 표시됩니다. 양식과 함께 자동화를 사용하는 방법에 대해 자세히 알아보세요.
  • 워크플로우에서 양식을 트리거로 사용하려면 워크플로우에 양식 추가 또는 다른 워크플로우에 양식 추가를 클릭합니다.
    • 워크플로우에 양식 추가를 클릭합니다.
    • 기존 워크플로를 선택하거나 새 워크플로 만들기를 클릭하여 새 워크플로를 만듭니다. 새 워크플로를 만드는 경우에는 워크플로를 설정한 다음 랜딩 페이지 또는 웹사이트 페이지의 양식 모듈로 돌아갑니다.
  • 다른 워크플로를 추가하려면 다른 워크플로에 양식 추가를 클릭한 다음 기존 워크플로를 선택하거나 새 워크플로 만들기를 클릭합니다.
  • 워크플로우에서 트리거로 양식을 제거하려면 워크플로 위에 마우스를 갖다 대고 워크플로 옆에 있는 삭제 아이콘을 클릭합니다.

추가 양식 옵션 구성하기

양식 알림 수신자 선택과 같은 추가 설정을 구성할 수도 있습니다. 또한 HubSpot-Salesforce 통합을 설치한 경우 양식을 활성 Salesforce 캠페인과 연결할 수도 있습니다.

양식의 추가 옵션을 구성하려면 왼쪽 패널 하단으로 스크롤한 다음 다음 옵션을 구성합니다:

• 양식 기본값 대신 지정된 이메일 주소로 양식 알림 보내기: 기본적으로 양식 제출 알림은 양식의 옵션 탭에 추가된 모든 수신자에게 전송됩니다. 양식의 기본 수신자를 덮어쓰고 이 페이지에서 제출에 대한 알림 수신자를 선택하려면 다음과 같이 하세요:
  • 양식 기본값 대신 지정된 이메일 주소로 알림 보내기 스위치를 클릭하여 전환합니다.
  • 이메일 주소 드롭다운 메뉴를 클릭하고 수신자를 선택합니다. HubSpot 사용자만 양식 알림 수신자로 선택할 수 있습니다.
  • 수신자를 제거하려면 수신자의 이메일 주소 옆에 있는 X 아이콘을 클릭합니다.
• Salesforce 캠페인: Salesforce 통합을 사용 설정한 경우 드롭다운 메뉴를 클릭하고 캠페인을 선택하여 양식을 활성 Salesforce 캠페인과 연결할 수 있습니다. 양식을 Salesforce 캠페인과 연동하는 방법에 대해 자세히 알아보세요.
  
  

HubSpot 페이지에서 양식 스타일 지정

전체 양식의 스타일을 사용자 지정하고 제출 버튼이나 양식 필드에 특정 스타일을 변경할 수 있습니다. 양식의 스타일을 사용자 지정하려면 다음과 같이 하세요:

• 왼쪽 패널 상단에서 스타일 탭을 클릭합니다.
• 모듈, 필드 또는 버튼 탭을 클릭하여 스타일을 지정하려는 양식의 요소를 선택합니다.
• 아래의 텍스트 및 정렬 옵션을 사용하여 양식의 선택한 요소를 사용자 지정합니다.
• 게시 또는 업데이트를 클릭하여 변경 사항을 페이지에 적용합니다.

참고: HubSpot 페이지에 표시되는 양식은 페이지 단위로만 스타일을 사용자 지정할 수 있습니다. 외부 페이지 또는 독립형 양식 페이지에 포함된 양식은 양식 편집기에서 스타일을 지정하거나 외부 스타일시트에서 CSS로 스타일을 지정해야 합니다.