레이아웃 편집기에서 기본 모듈 사용

HubSpot은 디자인 관리자 내의 레이아웃 편집기( )에서 드래그 앤 드롭 템플릿을 만들기 위한 기본 모듈을 제공합니다. 기본 모듈을 추가하고 기본 모듈을 복제하여 드래그 앤 드롭 템플릿에 사용할 수 있습니다. 또한 일부 기본 모듈의 기본 콘텐츠를 편집할 수도 있습니다.

시작하기 전에

이 기능으로 작업을 시작하기 전에 미리 어떤 단계를 거쳐야 하는지, 이 기능의 제한 사항과 사용 시 발생할 수 있는 결과를 완전히 이해해야 합니다.

요구 사항 이해

• 사용자는 슈퍼 관리자이거나 디자인 도구 권한이 켜져 있어야 모듈에 액세스하고 편집할 수 있습니다.

제한 사항 및 고려 사항 이해

• 이 문서에서는 디자인 관리자 내 레이아웃 편집기에서 인스펙터를 사용하여 기본 모듈을 추가하고 복제하는 방법에 대해 설명합니다. 일부 기본 모듈의 경우 기본 콘텐츠. content를 편집할 수도 있습니다.
• HubL을 사용하여 HTML 템플릿 또는 사용자 정의 템플릿에 기본 모듈을 추가하려면 개발자 문서에서 자세히 알아보세요.
• 콘텐츠 편집기에서 모듈을 추가하고 편집하려면 콘텐츠 편집기에서 모듈 추가 및 편집에 대해 자세히 알아보세요.
• 마케팅 허브 및 콘텐츠 허브 프로페셔널 및 엔터프라이즈 계정에는 기본적으로 디자인 매니저에 @hubspot 폴더가 있습니다.
• 일부 기본 모듈은 특정 템플릿 유형에만 추가할 수 있습니다. 예를 들어 이메일 템플릿에는 양식 모듈을 사용할 수 없습니다.
• 모듈 소스 코드를 사용자 지정하려면 먼저 기본 모듈을 복제해야 합니다.

템플릿을 끌어다 놓을 모듈 추가

디자인 관리자에서 레이아웃 편집기를 사용하여 기본 모듈을 추가하여 템플릿을 끌어서 놓을 수있습니다.

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 왼쪽 열에서 템플릿의 이름을 클릭합니다.
3. 오른쪽 열에서 + 추가를 클릭합니다.
4. 검색창에 기본 또는 사용자 정의 모듈의 이름을 입력합니다.
5. 모듈 이름을 클릭한 다음 템플릿으로 드래그합니다.
6. 스타일 옵션 섹션의 인스펙터에서 모듈에 대한 사용자 지정 스타일을 설정합니다.

7. 기본 콘텐츠 섹션의 인스펙터에서 모듈이 콘텐츠 편집기에 추가될 때 표시될 콘텐츠를 편집합니다. 모듈의 기본 콘텐츠 편집에 대해 자세히 알아보세요.

8. 다른 사용자가 모듈의 기본 콘텐츠를 편집하지 못하도록 하려면 편집기 옵션 섹션에서 콘텐츠 편집기에서 편집 금지 스위치를 클릭하여 토글합니다.

기본 모듈 복제

디자인 관리자의 @hubspot 폴더에서 기본 모듈을 복제하여 모듈의 소스 코드를 편집할 수 있습니다. 이 폴더에는 드래그 앤 드롭 이메일 모듈을 포함한 모든 테마와 기본 모듈이 있습니다.

1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
2. 파인더에서 @hubspot 폴더를 클릭합니다.

3. 기본 모듈을 마우스 오른쪽 버튼으로 클릭한 다음 모듈 복제를 선택합니다.
4. 복제된 모듈에서 모듈 소스 코드를 편집합니다. 모듈 구성에 대해 자세히 알아보세요.
5. 오른쪽 상단에서 변경 내용 게시를 클릭합니다.

모듈 버전 관리

주기적으로 HubSpot은 기존 기본 모듈의 새 버전을 출시할 수 있습니다. 이를 통해 HubSpot은 기존 콘텐츠를 방해하지 않고 중요한 업데이트를 구현할 수 있습니다. 예를 들어, 모듈의 새 버전은 향상된 필드 구성, 더 많은 스타일 옵션 및 향상된 기능을 제공할 수 있습니다. HubSpot의 개발자 문서에서 모듈 버전 관리에 대해 자세히 알아보세요.

계정의 테마 및 모듈 설정 페이지에서 버전 업데이트, 이전 버전으로 되돌리기, 모든 기본 모듈의 현재 버전 보기 등 모듈 버전을 관리할 수 있습니다.

모듈의 버전 업데이트

• 새 버전의 모듈로 업데이트하려면 다음과 같이 하세요:

1. 1. HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
   2. 왼쪽 사이드바 메뉴에서 콘텐츠 > 테마 및 모듈로 이동합니다.
   3. 알림 탭에서 기본 모듈의 최신 업데이트가 업데이트 사용 가능 태그와 함께 표시됩니다. 업데이트에 대한 자세한 내용을 보려면 모듈 옆의 업데이트 보기를 클릭합니다.

1. 4. 오른쪽 사이드바에서 변경 사항을 검토합니다. 사이드바에는 업데이트에 대한 개괄적인 요약과 함께 변경 사항 및 영향을 받는 에셋에 대한 자세한 분석이 표시됩니다.

1. 5. 모듈을 업데이트하려면 업데이트 설치를 클릭합니다. 그런 다음 대화 상자에서 업데이트 확인을 클릭합니다.

참고: 페이지와 템플릿에 업데이트된 모듈이 표시되려면 최대 10분이 소요될 수 있습니다.

• 모듈을 업데이트하면 테마 및 모듈 설정 페이지의 모듈 탭으로 이동합니다. 이 페이지에서는 최근에 업데이트된 모듈, 사용 가능한 업데이트가 있는 모듈, 계정의 모든 기본 모듈에 대한 버전 정보를 볼 수 있습니다.

업데이트된 모듈 되돌리기

설정 페이지의 모듈 탭에서 지난 30일 동안 업데이트된 모듈을 이전 버전으로 되돌릴 수 있습니다.

• 최근에 업데이트한 모듈을 되돌리려면:
  1. HubSpot 계정의 상단 탐색 모음에서 settings 설정 아이콘을 클릭합니다.
  2. 왼쪽 사이드바 메뉴에서 콘텐츠 > 테마 및 모듈로 이동합니다.
  3. 모듈 탭을 클릭하고 되돌리려는 모듈을 찾은 다음 최근 업데이트 롤백을 클릭합니다.

• 4. 오른쪽 사이드바에서 모듈의 버전 기록을 검토한 다음 이 업데이트 롤백을 클릭합니다.

• 5. 오른쪽 사이드바의 정보를 검토하여 업데이트를 롤백할 것인지 확인한 다음 롤백을 클릭합니다.
  6. 대화 상자에서 확인을 클릭합니다.
• 모듈을 되돌리고 나면 템플릿과 페이지에 되돌린 모듈이 표시되는 데 시간이 걸릴 수 있습니다. 모듈의 버전을 업데이트하여 모듈을 다시 업데이트할 수 있습니다.

다양한 유형의 모듈에 대한 기본 콘텐츠 편집

디자인 관리자의 레이아웃 편집기에서 템플릿을 끌어서 놓아 일부 기본 모듈의 기본 콘텐츠를 편집할 수 있습니다. 기본 모듈의 전체 목록을 보려면 기본 이메일 모듈 및 기본 웹 모듈에 대해 자세히 알아보세요.

백업 구독 취소

백업 수신 거부 모듈은 수신 거부 링크를 클릭하는 이메일 수신자에게 표시되며 HubSpot은 이메일 주소를 확인할 수 없습니다. 이 모듈은 이메일 백업 수신 거부 시스템 템플릿에서만 편집할 수 있습니다.

• 백업 수신 거부 모듈의 기본 콘텐츠를 수정하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 백업 구독 취소 모듈을 클릭합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 제목, 부제목 및 오류 메시지에 표시되는 텍스트를 입력합니다.

• 모듈 편집을 마치면 변경 사항 게시를 클릭합니다.

블로그 이메일 구독

블로그 이메일 구독 모듈을 사용하면 방문자가 양식을 작성하여 블로그 다이제스트 이메일을 구독할 수 있습니다. 이 모듈은 양식 도구에서 사용자 정의할 수 있는 블로그 구독자 양식으로 채워집니다.

참고: 이메일 템플릿에는 블로그 이메일 구독 모듈을 사용할 수 없습니다.

• 블로그 이메일 구독 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 블로그 이메일 구독 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 표시할 블로그 선택 드롭다운 메뉴를 클릭하고 방문자가 구독 중인 블로그를 선택합니다.
  5. 제목 수준 드롭다운 메뉴를 클릭하여 제목 수준을 선택합니다.
  6. 양식 위에 표시할 제목 필드에 양식 위의 제목에 표시할 텍스트를 입력합니다.
  7. 사용자를 위한 인라인 응답 필드에서 expandIcon 확장 아이콘을 클릭하여 방문자가 양식을 제출한 후 표시되는 텍스트를 사용자 지정합니다.

• 블로그 이메일 구독 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

클릭 유도 문안

콜투액션(CTA) 모듈은 레이아웃 내 자체 모듈에 CTA를 배치합니다. 서식 있는 텍스트 모듈에 CTA를 삽입할 수도 있습니다.

• 콜투액션 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:

• 1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 콜투액션 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 선택을 클릭합니다.

• 5. 오른쪽 창에서 CTA를 선택하거나 새로 만들기를 클릭합니다.
  6. 삽입을 클릭합니다.

콘텐츠 라이브러리

콘텐츠 라이브러리 모듈을 사용하여 방문자가 액세스할 수 있는 리소스 라이브러리를 설정할 수 있습니다.

• 콘텐츠 라이브러리 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 콘텐츠 라이브러리 모듈을 클릭하거나 모듈을 추가합니다.
  4. 콘텐츠 라이브러리의 기존 리소스를 편집하려면 인스펙터에서 editIc on편집 아이콘을 클릭합니다. 이름, 설명, 링크 텍스트 및 이미지를 사용자 지정할 수 있습니다.
  5. 콘텐츠 라이브러리 모듈에서 리소스를 삭제하려면 인스펙터에서 deleteIcon 삭제 아이콘을 클릭합니다.
  6. 콘텐츠 라이브러리 모듈에 사용자 지정 리소스를 추가하려면 인스펙터에서 + 추가를 클릭합니다.
  7. 리소스를 추천으로 설정하려면 인스펙터에서 favoriteIcon 추천으로 설정 아이콘을 클릭합니다.

• 콘텐츠 라이브러리 모듈 수정을 마치면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

양식

양식 모듈을 사용하여 콘텐츠에 양식을 추가하여 방문자 정보를 캡처할 수 있습니다.

참고: 이메일 템플릿에는 양식 모듈을 사용할 수 없습니다.

• 양식 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 양식 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 양식 제목 필드에 텍스트를 입력합니다.
  5. 양식 드롭다운 메뉴에서 양식을 선택합니다.
  6. 양식을 제출한 후 방문자에게 표시 되는 내용 필드에서 다른 페이지로 리디렉션 또는 인라인 감사 메시지 표시를 선택합니다.
     • 다른 페이지로 리디렉션하려면 링크 리디렉션 드롭다운 메뉴에서 페이지, 글을 선택하거나 + 외부 링크 추가를 클릭합니다.
     • 인라인 감사 메시지를 표시하려면 감사 메시지 필드에서 expand확장 아이콘을 클릭합니다.
  7. 양식 기본값 확인란 대신 지정된 이메일 주소로 양식 알림 보내기 확인란을 선택하여 양식 도구에서 설정한 모든 알림 수신자를 재정의합니다.
• 양식 모듈 편집을 마쳤으면 오른쪽 상단의 변경사항 게시를 클릭합니다.

헤더

헤더 모듈을 사용하여 제목 HTML 태그에 텍스트 한 줄을 표시할 수 있습니다.

• 헤더 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 헤딩 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 헤딩 콘텐츠 필드에 텍스트를 입력합니다.
  5. 머리글 수준 드롭다운 메뉴를 클릭하고 머리글 수준(H1-H4)을 선택합니다.

• 헤더 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

이미지

이미지 모듈을 사용하여 콘텐츠에 단일 이미지를 표시할 수 있습니다.

• 이미지 모듈의 기본 콘텐츠를 편집하려면:
  
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 이미지 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 이미지 필드에서 바꾸기를 클릭합니다.
  5. 오른쪽 창에서 표시할 이미지를 선택합니다.
  6. 대체 텍스트 필드에 이미지에 대한 텍스트 설명을 입력합니다.
  7. 크기 드롭다운 메뉴에서 자동으로 조정 또는 정확한 너비 및 높이를 선택합니다.
  8. 최대 크기 드롭다운 메뉴에서 이미지의 원래 크기 또는 사용자 지정을 선택합니다.
  9. 이미지 로딩 드롭다운 메뉴에서 브라우저 기본값, 게으른 또는 열망됨을 선택합니다.
  10. 링크(선택 사항) 필드에 이미지를 클릭할 때 방문자를 안내할 URL (선택 사항)을 입력합니다.

• 이미지 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

이미지 그리드

이미지 그리드 모듈을 사용하여 콘텐츠에 균일한 이미지 그리드를 추가할 수 있습니다.

• 이미지 그리드 모듈의 기본 콘텐츠를 편집하려면:
  
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 이미지 그리드 모듈을 클릭하거나 모듈을 추가합니다.
  4. 이미지 그리드 모듈에서 기존 이미지를 편집하려면 인스펙터에서 editIc on편집 아이콘을 클릭합니다. 기존 이미지를 업로드하거나 찾아보고 링크 텍스트, 링크 URL 또는 호버 메시지를 편집할 수 있습니다.
  5. 이미지 그리드 모듈에서 이미지를 삭제하려면 인스펙터에서 deleteIcon 삭제 아이콘을 클릭합니다.
  6. 이미지 그리드 모듈에 새 이미지를 추가하려면 인스펙터에서 + 추가를 클릭합니다.
  7. 클릭하여 설정을 펼칩니다. 설정 창에서 호버기능,클릭 기능,열 및종횡비를 조정할 수 있습니다.

• 이미지 그리드 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

이미지 슬라이더

이미지 슬라이더 모듈을 사용하여 동일한 모듈에서 자동으로 순환하는 여러 이미지를 표시할 수 있습니다.

• 이미지 슬라이더 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 이미지 슬라이더 모듈을 클릭하거나 모듈을 추가합니다.
  4. 이미지 슬라이더 모듈에서 기존 이미지를 편집하려면 인스펙터에서 editIc on편집 아이콘을 클릭합니다. 기존 이미지를 업로드하거나 찾아보고 캡션 또는 링크 URL을 편집할 수 있습니다.
  5. 이미지 슬라이더 모듈에서 이미지를 삭제하려면 인스펙터에서 deleteIcon 삭제 아이콘을 클릭합니다.
  6. 이미지 슬라이더 모듈에 새 이미지를 추가하려면 인스펙터에서 + 추가를 클릭합니다.
  7. 클릭하여 설정을 펼칩니다. 설정 창에서슬라이드,이동 및탐색을 조정할 수 있습니다.

• 이미지 슬라이더 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

언어 전환기

언어 전환기 모듈을 사용하여 방문자가 페이지 또는 블로그의 번역된 버전 간에 전환할 수 있는 방법을 제공할 수 있습니다.

참고: 이메일 템플릿에는 언어 전환기 모듈을 사용할 수 없습니다.

• 언어 전환기 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 언어 전환기 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 셰브론 아래 추가 확인란을 선택하여 언어 전환기에 대한 셰브론을 표시합니다.
  5. 표시 모드 드롭다운 메뉴를 클릭하여 다음 중 하나를 선택합니다:
     
     • 페이지 랭귀지: 현재 페이지의 언어로 표시되는 각 언어의 이름입니다. 예를 들어 프랑스어 번역이 있는 페이지의 영어 버전을 보고 있는 경우 언어 전환기를 클릭하면 영어와 프랑스어가 언어 이름으로 표시됩니다.
     • 현지화됨: 각 언어의 이름이 해당 언어로 표시됩니다. 예를 들어 프랑스어 번역이 있는 페이지의 영어 버전을 보고 있는 경우 언어 전환기를 클릭하면 영어와 프랑스어가 언어 이름으로 표시됩니다.
     • 하이브리드: 두 언어의 조합입니다. 예를 들어 프랑스어 번역이 있는 페이지의 영어 버전을 보고 있는 경우 언어 전환기를 클릭하면 영어와 프랑스어(프랑스어)가 언어 이름으로 표시됩니다.
  6. 아이콘 옵션 드롭다운 메뉴를 클릭하고 없음, 아이콘 또는 사용자 정의 아이콘을 선택합니다.

• 언어 전환기 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

참고: 이 모듈은 둘 이상의 번역이 게시된 라이브 페이지에만 표시됩니다. HubSpot에서 다국어 콘텐츠 작업에 대해 자세히 알아보세요.

로고

로고 모듈을 사용하여 브랜드 키트에 있는 회사 로고를 콘텐츠에 표시할 수 있습니다.

• 로고 모듈의 기본 콘텐츠를 편집하려면 :
  
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 로고 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 기본 로고 스위치 덮어쓰기를 클릭하여 템플릿을 사용하는 콘텐츠에 대한 새 이미지를 업로드합니다.
  5. 기본 로고를 편집하려면 이 도메인의 기본 로고 편집을 클릭합니다.
  6. 이미지 로딩 드롭다운 메뉴에서 브라우저 기본, 게으른 또는 열망됨을 선택합니다.
  7. 링크 URL 필드에 방문자가 로고 이미지를 클릭할 때 연결할 URL 텍스트를 입력합니다. 이렇게 하면 브랜드 키트에 지정된 기본값이 재정의됩니다.

• 로고 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

로고 그리드

로고 그리드 모듈을 사용하여 크기가 다른 여러 개의 로고를 일관된 그리드에 배열할 수 있습니다.

• 로고 그리드 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 로고 그리드 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기존 이미지를 편집하려면 인스펙터에서 editIcon편집 아이콘을 클릭합니다. 기존 이미지를 업로드하거나 찾아보고 대체 텍스트 또는 이미지 로딩을 편집할 수 있습니다.
  5. 로고 그리드 모듈에서 이미지를 삭제하려면 인스펙터에서 deleteIcon 삭제 아이콘을 클릭합니다.
  6. 로고 그리드 모듈에 새 이미지를 추가하려면 인스펙터에서 + 추가를 클릭합니다.

• 로고 그리드 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

기본 이메일 본문

기본 이메일 본문 모듈은 모든 이메일 템플릿에 기본적으로 포함되어 있는 표준 서식 있는 텍스트 모듈입니다.

• 기본 이메일 본문 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 기본 이메일 본문 모듈을 클릭합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 expandIcon확장 아이콘을 클릭하여 이메일 본문에 표시되는 텍스트를 편집합니다.

• 기본 이메일 본문 모듈의 스타일링 옵션을 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 기본 이메일 본문 모듈을 클릭합니다.
  4. 스타일 옵션 섹션의 인스펙터에서 텍스트 색상, 배경 색상 및 테두리 색상에 대한 텍스트 필드에 16진수 값을 입력합니다 . 색상 선택기를 클릭할 수도 있습니다.

• 기본 이메일 본문 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

메뉴

메뉴 모듈을 사용하여 콘텐츠에 탐색 기능을 추가할 수 있습니다. 메뉴는 탐색 메뉴 설정에서 직접 생성하고 관리할 수 있습니다.

• 메뉴 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 메뉴 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 메뉴 드롭다운 메뉴를 클릭하고 기존 메뉴를 선택하거나 새로 만들기를 클릭합니다.
  5. 고급 메뉴 유형 드롭다운 메뉴에서 다음 중 하나를 선택합니다:
     • 정적 - 메뉴에 항상 최상위 페이지 표시: 모든 페이지에서 메뉴를 일관되게 유지합니다.
     • 섹션별 동적 - 보고 있는 섹션과 관련된 페이지를 메뉴에 표시: 보고 있는 최상위 메뉴 항목을 기준으로 메뉴 항목을 표시합니다.
     • 페이지별 동적 - 보고 있는 페이지와 관련된 페이지를 메뉴에 표시: 보고 있는 특정 페이지와 관련된 메뉴 항목을 표시합니다.
     • 이동 경로스타일 경로 메뉴(가로 흐름 사용): 사이트 상단의 상대 경로에 메뉴 항목을 가로로 표시합니다.
  6. 최대 레벨 필드에 표시할 수 있는 하위 메뉴 항목의 최대 개수를 입력합니다.
  7. 방향 드롭다운 메뉴에서 가로 또는 세로를 선택합니다.
  8. 상위 탐색 위로 마우스를 가져갈 때 하위 메뉴 항목을 표시하려면 플라이아웃 사용? 확인란을 선택합니다.

• 메뉴 모듈 편집을 마치면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

사무실 위치 정보

사무실 위치 모듈에는 마케팅 이메일을 보내기 위해 이메일 템플릿에 포함해야 하는 필수 토큰이 포함되어 있습니다.

• 사무실 위치 정보 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 이메일 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 사무실 위치 정보 모듈을 클릭합니다.
  4. 기본 콘텐츠 섹션의 검사기에서 expandIcon 확장 아이콘을 클릭하여 이메일에 필수 토큰과 함께 표시되는 텍스트를 편집합니다.

• 사무실 위치 정보 모듈의 스타일링 옵션을 편집하려면 다음과 같이 하세요:
  • HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  • 템플릿으로 이동합니다.
  • 레이아웃 편집기에서 사무실 위치 정보 모듈을 클릭합니다.
  • 스타일 옵션 섹션의 인스펙터에서 텍스트 색상, 배경 색상 및 테두리 색상의 텍스트 필드에 16진수 값을 입력합니다 . 색상 선택기를 클릭할 수도 있습니다.

• 사무실 위치 정보 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

한 줄의 텍스트

한 줄 텍스트 모듈을 사용하여 콘텐츠에 한 줄의 텍스트를 추가할 수 있습니다.

비밀번호 프롬프트

비밀번호 프롬프트 모듈은 비밀번호 프롬프트 시스템 템플릿에서 사용할 수 있습니다. 페이지가 비밀번호로 보호되어 있는 경우 사용자가 페이지에 액세스하기 전에 비밀번호 프롬프트 페이지가 표시됩니다.

• 비밀번호 프롬프트 모듈의 기본 콘텐츠를 수정하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 비밀번호 프롬프트 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 비밀번호 프롬프트 모듈을 클릭합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 expandIcon 확장 아이콘을 클릭하여 잘못된 비밀번호 메시지 텍스트를 편집합니다.

• 비밀번호 프롬프트 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

게시물 필터

글 필터 모듈을 사용하여 특정 주제, 월 또는 작성자의 블로그 글 목록을 표시할 수 있습니다.

• 글 필터 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:

1. 1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
   2. 템플릿으로 이동합니다.
   3. 레이아웃 편집기에서 글 필터 모듈을 클릭합니다.
   4. 기본 콘텐츠 섹션의 인스펙터에서 표시할 블로그 선택 드롭다운 메뉴에서 표시할 블로그를 선택합니다.
   5. 필터 링크의 값 목록 드롭다운 메뉴에서 태그, 월 또는 작성자를 선택합니다.
   6. 필터링 링크의 값 순서 드롭다운 메뉴에서 글 수 또는 이름을 선택합니다.
   7. 표시할 목록 제목 필드에 목록 제목으로 표시할 텍스트를 입력합니다.
   8. 모든 필터를 표시하려면 모든 필터 표시 확인란을 선택합니다.
   9. 표시할 필터 값 최대 개수 필드에 필터의 글 수를 입력합니다.
   10. 표시할 최대값을 초과하여 사용할 수 있는 경우 표시할 텍스트를 입력합니다 . 링크 필드를 생략하려면 비워 두고 카테고리에 사용 가능한 글이 더 많은 경우 표시할 텍스트를 입력합니다.

• 글 필터 모듈 편집을 마치면 오른쪽 상단의 변경 내용 게시를 클릭합니다.

목록 게시

글 목록 모듈을 사용하여 블로그의 블로그 글 목록을 표시할 수 있습니다.

• 글 목록 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 글 목록 모듈을 클릭합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 표시할 블로그 선택 드롭다운 메뉴에서 표시할 블로그를 선택합니다.
  5. 글 정렬 기준 드롭다운 메뉴에서 가장 최근, 가장 인기 - 전체, 가장 인기 - 지난 해, 가장 인기- 지난 6개월 또는 가장 인기 - 지난 달을 선택합니다.
  6. 피드에 표시할 항목 선택 필드에서 이미지, 제목, 작성자 이름 및/또는 게시 날짜 옆의 확인란을 선택합니다.
  7. 나열할 최대 블로그 글 수 필드에 표시할 최대 블로그 글 수를 입력합니다.
  8. 글 제목 필드에 모듈 상단에 표시되는 텍스트를 입력합니다.
  9. 제목 수준 드롭다운 메뉴에서 모듈에 있는 콘텐츠의 제목 수준(H1-H6 )을 선택합니다.

• 글 목록 모듈 편집을 완료했으면 오른쪽 상단의 변경 내용 게시를 클릭합니다.

제품

제품 모듈을 사용하여 제품 라이브러리의 제품을 페이지와 글에 표시할 수 있습니다. 제품의 기본 정보가 표시되지만 각 페이지에서 이를 재정의하도록 선택할 수 있습니다.

• 제품 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 제품 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 제품 선택을 클릭합니다.
  5. 오른쪽 창에서 제품 옆의 확인란을 선택한 다음 선택을 클릭합니다. 새 제품을 생성하려면 제품 생성을 클릭합니다.
  6. 제품을 선택하면 표시되는 이름, 설명, 이미지 및 버튼을 재정의하고 편집할 수 있습니다.

• 제품 모듈 편집을 완료하면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

서식 있는 텍스트

서식 있는 텍스트 모듈은 텍스트, 이미지, CTA 등 다양한 구성 요소에 대한 편집 옵션을 지원합니다.

• 서식 있는 텍스트 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 서식 있는 텍스트 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 expandIcon 확장 아이콘을 클릭하여 서식 있는 텍스트 콘텐츠를 편집합니다. 서식 있는 텍스트 모듈의 콘텐츠 편집에 대해 자세히 알아보세요.

• 서식 있는 텍스트 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

RSS 목록

RSS 목록 모듈을 사용하여 HubSpot 블로그 또는 외부 RSS 피드에 대한 블로그 게시물 요약을 표시할 수 있습니다.

참고: 이메일 템플릿에는 RSS 목록 모듈을 사용할 수 없습니다. 대신 RSS 이메일을 사용하세요.

• RSS 목록 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 RSS 목록 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 RSS 제목 필드에 텍스트를 입력합니다.
  5. RSS 피드 추가 필드에서 외부 RSS 피드 사용 또는 HubSpot에서 호스팅하는 블로그 사용을 선택합니다.
  6. 블로그 드롭다운 메뉴에서 블로그를 선택합니다.
  7. 태그별 필터링 드롭다운 메뉴에서 태그를 선택합니다.
  8. 표시할 최대 글 수 필드에 글 수를 입력합니다.
  1. 추천 이미지를 포함하려면 추천 이미지 포함 확인란을 선택합니다.
  2. 작성자 이름을 표시하려면 작성자 이름 표시 확인란을 선택합니다.
  3. 작성자 속성 텍스트 필드에 표시할 텍스트를 입력합니다. 기본값은 작성자 어트리뷰션 텍스트로 by를 포함합니다.
• 
  
  4. 블로그 요약을 표시하려면 요약 표시 확인란을 선택합니다.
  5. 요약 길이 제한(글자 수) 필드에 요약을 제한할 글자 수를 입력합니다.
  6. 요약 클릭스루 텍스트 필드에 표시할 텍스트를 입력합니다. 기본값은 자세히 보기 를 텍스트로 포함합니다.
  7. 게시 날짜를 표시하려면 게시 날짜 표시 확인란을 선택합니다.
  8. 게시 날짜 형식 드롭다운 메뉴에서 게시 날짜의 형식을 선택합니다.
  9. 게시 날짜 표시기 텍스트 필드에 표시할 표시기 텍스트를 입력합니다. 기본값은 다음 날짜에 게시됨을 텍스트로 포함합니다.

• RSS 목록 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

섹션 제목

섹션 제목 모듈을 사용하여 단락 부제목과 함께 제목 태그에 텍스트를 표시할 수 있습니다.

• 섹션 제목 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 섹션 제목 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 섹션 머리글 콘텐츠 필드에 텍스트를 입력합니다.
  5. 제목 수준 드롭다운 메뉴에서 텍스트 콘텐츠의 제목 수준(H1-H6 )을 선택합니다.

• 섹션 제목 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

간단한 메뉴

간단한 메뉴 모듈을 사용하여 특정 템플릿에 대한 메뉴를 만들 수 있습니다.

• 간편 메뉴 모듈의 기본 콘텐츠를 편집하려면 다음과 같이 하세요:

1. 1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
   2. 템플릿으로 이동합니다.
   3. 레이아웃 편집기에서 단순 메뉴 모듈을 클릭하거나 모듈을 추가합니다.
   4. 기본 콘텐츠 섹션의 인스펙터에서 단순 메뉴 필드의 메뉴 편집을 클릭합니다.

1. 5. 간편 메뉴를 편집하려면 메뉴 항목 추가를 클릭합니다. 그런 다음 메뉴 항목 레이블 필드에 텍스트를 입력합니다 . 기본 메뉴 항목 유형은 페이지 링크로설정되어 있습니다.
      • 메뉴 항목 유형을 외부 URL 링크로 변경하려면 작업 드롭다운 메뉴 및 를 클릭한 다음 URL 링크를 클릭합니다.
      • 메뉴 항목 유형을 URL 링크가 없도록 변경하려면 작업 드롭다운 메뉴를 클릭한 다음 링크 없음을 클릭합니다.
      • 메뉴 항목 유형을 URL 매개변수가 있는 HubSpot 호스팅 페이지로 변경하려면 작업 드롭다운 메뉴를 클릭한 다음 URL 매개변수가 있는 페이지 링크를 클릭합니다.

1. 6. 메뉴 방향 필드에서 가로 또는 세로를 선택합니다. 메뉴 방향 설정을 변경하면 메뉴 래퍼 컨테이너에 hs-menu-flow-horizontal 또는 hs-menu-flow-vertical 클래스가 추가됩니다. 이 클래스는 CSS에서 메뉴 스타일을 지정하는 데 사용할 수 있습니다. 모듈 설정으로 추가되는 클래스에 대한 자세한 내용은 개발자 문서에서 확인하세요.

• 간편 메뉴 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

소셜 공유

소셜 공유 모듈을 사용하여 방문자에게 소셜 미디어 채널과 이메일에서 콘텐츠를 공유할 수 있는 옵션을 제공할 수 있습니다.

• 소셜 공유 모듈의 기본 콘텐츠를 수정하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 소셜 공유 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 링크 URL 필드에 선택적 사용자 정의 페이지 URL을 입력합니다.
  5. 각 소셜 네트워크 섹션에서 클릭하여 섹션을 확장한 다음 사용 가능( ) 확인란을 선택하여 콘텐츠에 포함시킵니다.
  6. 소셜 네트워크가 활성화되면 링크 필드에 콘텐츠 공유에 필요한 HubL 태그가 자동으로 채워집니다. 마케팅 이메일에서 모듈은 공유 링크에 해당 이메일의웹 버전 URL을 사용합니다.
     

참고: 소셜 공유 모듈은 각 소셜 네트워크의 기본 아이콘을 사용합니다. 나만의 사용자 지정 소셜 아이콘을 사용하려면 모듈의 사용자 지정 버전을 만들면 됩니다.

• 소셜 공유 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

소셜 팔로우

소셜 팔로우 모듈을 사용하여 방문자에게 소셜 미디어에서 회사를 팔로우할 수 있는 옵션을 제공할 수 있습니다.

• 소셜 팔로우 모듈의 기본 콘텐츠를 수정하려면 다음과 같이 하세요:

1. 1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
   2. 템플릿으로 이동합니다.
   3. 레이아웃 편집기에서 소셜 팔로우 모듈을 클릭하거나 모듈을 추가합니다.

• 4. 소셜 팔로우 모듈에서 기존 소셜 링크를 수정하려면 인스펙터에서 editIcon수정 아이콘을 클릭합니다. URL을 사용자 지정하고 새 창에서 링크 열기, 이 링크는 팟캐스트입니다, 대체 텍스트 사용자 지정 및/또는 아이콘 확인란 사용자 지정을선택할 수 있습니다.

1. 5. 소셜 팔로우 모듈에서 소셜 링크를 삭제하려면 인스펙터에서 deleteIcon 삭제 아이콘을 클릭합니다.
   6. 소셜 팔로우 모듈에 소셜 링크를 추가하려면 인스펙터에서 + 추가를 클릭합니다. 링크 대상 드롭다운 메뉴에서 외부 또는 이메일 주소를 선택합니다.

• 소셜 팔로우 모듈 편집을 완료했으면 오른쪽 상단의 변경사항 게시를 클릭합니다.

구독 환경설정

구독 환경설정 모듈을 사용하여 이메일 수신자가 자신의 구독 환경설정을 관리할 때 표시되는 콘텐츠를 사용자 지정할 수 있습니다. 이 모듈은 구독 환경설정 시스템 템플릿에서만 사용할 수 있습니다.

• 구독 환경설정 모듈의 기본 콘텐츠를 편집하려면:

1. 1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
   2. 템플릿으로 이동합니다.
   3. 레이아웃 편집기에서 구독 기본 설정 모듈 을 클릭합니다.
   4. 기본 콘텐츠 섹션의 인스펙터에서 헤더 필드에 텍스트를 입력합니다.
   5. 헤더 제목 수준 드롭다운 메뉴에서 제목 수준(H1-H6)을 선택합니다.
   6. 이메일 제목 수준 드롭다운 메뉴에서 제목 수준(H1-H6)을 선택합니다.
   7. 하위 헤더 필드에서 expandIcon 확장 아이콘을 클릭하여 텍스트를 편집합니다.

1. 8. 다음 필드에 원하는 텍스트를 입력합니다:
      • 기본 설정 선택 도움말 텍스트
      • 모든 도움말 텍스트 수신 취소하기
      • 현재 수신 거부된 사용자에 대한 모든 도움말 텍스트 수신 거부하기
      • 모든 레이블 수신 거부
      • 환경설정 업데이트 버튼 텍스트
      • 다시 구독 버튼 텍스트

• 구독 환경설정 모듈 편집을 마쳤으면 오른쪽 상단의 변경사항 게시를 클릭합니다.

구독 업데이트 확인

구독 업데이트 확인 모듈을 사용하여 이메일 수신자가 구독 환경설정을 업데이트할 때 표시되는 콘텐츠를 사용자 지정할 수 있습니다. 이 모듈은 이메일 구독 확인 시스템 템플릿에서만 사용할 수 있습니다.

• 구독 업데이트 확인 모듈의 기본 콘텐츠를 편집하려면:

1. 1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
   2. 시스템 템플릿으로 이동합니다.
   3. 레이아웃 편집기에서 구독 업데이트 확인 모듈 을 클릭합니다.
   4. 기본 콘텐츠 섹션의 인스펙터에서 헤더 필드에 텍스트를 입력합니다.
   5. 머리글 제목 수준 드롭다운 메뉴에서 제목 수준(H1-H6)을 선택합니다.
   6. 이메일 제목 수준 드롭다운 메뉴에서 제목 수준(H1-H6)을 선택합니다.
   7. 하위 헤더 필드에서 expandIcon 확장 아이콘을 클릭하여 텍스트를 편집합니다.

1. 8. 구독 취소 시 메시지 필드에 방문자가 구독을 취소할 때 표시할 텍스트를 입력합니다.
   9. 구독 업데이트 시 메시지 필드에 방문자가 구독 기본 설정을 업데이트할 때 표시할 텍스트를 입력합니다.

• 구독 업데이트 확인 모듈 편집을 마쳤으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

웹 페이지로 보기

웹 페이지로 보기 모듈을 사용하여 이메일 수신자에게 마케팅 이메일을 웹 페이지로 열 수 있는 옵션을 제공할 수 있습니다. 이메일 모듈의 웹 페이지 버전 사용에 대해 자세히 알아보세요.

• 보기를 웹 페이지 모듈의 기본 콘텐츠로 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 이메일 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 웹 페이지로 보기 모듈을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 expandIco 확장 아이콘을 클릭하여 웹 페이지로 보기 텍스트 필드에 표시되는 텍스트를 편집합니다.

• 기본 이메일 본문 모듈의 스타일링 옵션을 편집하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 이메일 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 웹 페이지로 보기 모듈을 클릭하거나 모듈을 추가합니다.
  4. 스타일 옵션 섹션의 인스펙터에서 텍스트 색상, 배경 색상 및 테두리 색상의 텍스트 필드에 16진수 값을 입력합니다 . 색상 선택기를 클릭할 수도 있습니다.

• 기본 이메일 본문 모듈 편집을 완료했으면 오른쪽 상단의 변경 사항 게시를 클릭합니다.

WhatsApp 링크

WhatsApp 링크 모듈을 사용하여 웹사이트 방문자에게 회원님과 직접 연결할 수 있는 옵션을 제공할 수 있습니다. 이 모듈은 페이지, 블로그 글 및 블로그 목록 페이지에 추가할 수 있습니다. 이 모듈을 사용하려면 WhatsApp 채널을 대화 받은 편지함에 연결해야 합니다.

참고: 이 모듈은 마케팅 허브 및 서비스 허브 프로페셔널 및 엔터프라이즈 계정에서만 사용할 수 있습니다.

• WhatsApp 링크 모듈의 기본 콘텐츠를 수정하려면 다음과 같이 하세요:
  1. HubSpot 계정에서 콘텐츠 > 디자인 관리자로 이동합니다.
  2. 템플릿으로 이동합니다.
  3. 레이아웃 편집기에서 WhatsApp 링크 모듈 또는
     을 클릭하거나 모듈을 추가합니다.
  4. 기본 콘텐츠 섹션의 인스펙터에서 설정으로 이동을 클릭하여 WhatsApp 채널을 대화 받은 쪽지함에 연결합니다.
  5. 옵트인 텍스트 드롭다운 메뉴에서 옵트인 옵션을 선택합니다.
  6. 표시 드롭다운 메뉴에서 텍스트 및 아이콘, 텍스트만 또는 아이콘만 중에서 선택합니다.
  7. 아이콘 위치 드롭다운 메뉴에서 왼쪽 또는 오른쪽을 선택합니다.
  8. 버튼 텍스트 필드에 버튼에 표시할 텍스트를 입력합니다. 기본 텍스트는 WhatsApp에서 채팅으로 표시됩니다.
  9. WhatsApp 아이콘 제목 필드에 접근성을 위한 제목 텍스트를 입력합니다. 기본 텍스트는 WhatsApp 아이콘입니다.

• WhatsApp 링크 모듈 수정을 마쳤으면 오른쪽 상단의 변경사항 게시를 클릭합니다.