GTG CRM 랜딩 페이지 빌더 사용 가이드

GTG CRM의 랜딩 페이지 빌더를 사용하면 코딩 지식이나 디자이너 고용 없이도 전문적인 판매 페이지를 제작할 수 있습니다. 인터페이스, 콘텐츠, 데이터 수집 양식부터 결제까지 모든 것이 AI 기반으로 지원되며 CRM 시스템과 통합됩니다.

이 글에서는 첫 단계부터 랜딩 페이지를 개설하고 실제 주문을 받기까지 전체 과정을 안내합니다.

1. 랜딩 페이지 빌더를 방문하세요

GTG CRM 메인 메뉴에서:

웹사이트 → 랜딩 페이지

화면에는 생성된 랜딩 페이지 목록이 표시됩니다. 페이지가 없는 경우 "랜딩 페이지 생성" 버튼이 있는 빈 화면이 나타납니다.

참고 : 랜딩 페이지를 생성하고 편집하려면 CREATE_LANDING_PAGE 필요합니다.

2. 새 랜딩 페이지를 만드세요.

"+ 랜딩 페이지 만들기"를 클릭하면 새 생성 양식이 열립니다.

정보를 입력하신 후 → 계속 → 템플릿 선택 단계로 진행하세요.

3. 템플릿을 선택하세요

방대한 템플릿 라이브러리

GTG CRM은 업종별로 정리된 약 100개의 랜딩 페이지 템플릿을 제공합니다.

• 전자상거래 / 온라인 판매
• 미용 서비스 / 스파 / 에스테틱
• 식음료/레스토랑/카페
• 교육 / 온라인 강좌
• 부동산
• 행사/워크숍
• 피트니스/요가/스포츠
• 기술/SaaS/앱

AI 기반 템플릿 검색

각 템플릿을 일일이 살펴보는 대신, 원하는 내용을 글로 설명 할 수 있습니다.

"20~30대 젊은층을 위한 유니섹스 스트릿웨어 티셔츠 판매 페이지" "전문적인 어조의 영어 커뮤니케이션 강좌 등록 랜딩 페이지"

AI는 사용자의 설명과 가장 잘 맞는 템플릿을 제안합니다.

선택하기 전에 미리 보세요

원하는 템플릿을 클릭하면 데스크톱과 모바일에서 전체 미리보기를 확인한 후 결정할 수 있습니다.

4. 맞춤 설계 요구사항

마음에 드는 템플릿을 찾을 수 없다면 AI에게 완전히 새로운 디자인을 만들어 달라고 요청할 수 있습니다.

1단계 : 라이브러리에서 선택하는 대신 "나만의 디자인 만들기"를 선택하세요.

2단계 : 요구사항 상세 설명: - 사업 분야 - 디자인 스타일 (미니멀리즘, 생동감, 고급스러움 등) - 주요 색상 - 필수 섹션 (메인 이미지, 제품 이미지, 고객 후기, 문의 양식 등) - 목표 고객층

3단계 : AI가 분석하여 적절한 레이아웃을 생성합니다. (일반적으로 1~3분 소요)

팁 : 설명을 자세할수록 AI가 예상에 더 가깝게 결과를 생성합니다. AI가 생성을 완료한 후에도 수정할 수 있습니다.

5. 페이지 전체의 언어를 번역합니다.

여러 시장을 지원하는 랜딩 페이지가 필요한 경우, GTG CRM은 단 한 번의 클릭으로 모든 콘텐츠를 번역할 수 있도록 지원합니다.

설정 → 언어 → 언어 추가 → 대상 언어 선택 → 자동 번역

AI가 페이지의 모든 텍스트를 선택한 언어로 번역해 드립니다. 필요에 따라 개별 섹션을 편집하고 시장에 맞게 어조를 조정할 수 있습니다.

지원 언어 : 영어, 베트남어, 중국어, 일본어, 한국어, 태국어 및 기타 여러 언어.

6. 스타일 및 글꼴 사용자 지정

편집기의 디자인 섹션에서:

색상

• 기본 색상 - 버튼, 주요 제목, 강조 표시의 색상
• 보조 색상 - 배경 부분, 테두리
• 텍스트 색상 - 전체 페이지 글꼴 색상
• HEX 코드를 직접 입력하거나 색상 선택기를 통해 선택할 수 있습니다.

세례반

제목과 본문에 각각 어울리는 글꼴 쌍을 선택하세요. 제목은 눈에 띄고 인상적이어야 하고, 본문은 읽기 쉽고 명확해야 합니다.

다양한 스타일에 맞춰 엄선된 50개 이상의 Google 글꼴을 이용할 수 있습니다.

7. 헤더 및 브랜드 아이덴티티 수정

7.1 헤더

헤더는 각 페이지 상단에 나타납니다. 헤더를 표시/숨길 수 있으며 다음 항목을 사용자 지정할 수 있습니다. - 헤더 표시/숨기기 - 배경색, 텍스트 색상 - 높이 및 여백

7.2 로고

브랜드 로고를 헤더에 업로드하세요. - 지원 형식: PNG, JPG, SVG, WebP - 권장 사항: 투명 PNG, 최소 크기 200x60px - 로고는 헤더 높이에 맞게 자동으로 크기가 조정됩니다.

7.3 자동 브랜드 아이덴티티

GTG CRM에서 브랜드 아이덴티티를 이미 설정한 경우, 시스템에서 자동으로 적용을 제안합니다.

새로운 기능 (2026년 4월) — 브랜드 키트에 파비콘 (브라우저 탭 아이콘)이 포함되었습니다. 브랜드 아이덴티티에서 파비콘을 설정하면 모든 랜딩 페이지가 게시될 때 해당 파비콘이 자동으로 사용됩니다.

7.4 AI 로고

아직 로고가 없으신가요? AI 로고 생성기를 사용해 보세요: 1. 브랜드 이름과 스타일 설명을 입력하세요. 2. AI가 네 가지 로고 버전을 생성합니다. 3. 마음에 드는 로고를 선택하고, 필요에 따라 색상을 조정한 후 저장하세요.

7.5 내비게이션 메뉴 및 CTA

헤더 메뉴 구성: - 메뉴 항목 추가/삭제/정렬 - 페이지 내 섹션 링크(앵커 링크) 또는 외부 URL - CTA 버튼: 텍스트, 색상, 연결 링크(양식, 결제, 문의)

7.6 소셜 링크

헤더 또는 푸터에 소셜 미디어 아이콘 표시: Facebook, Instagram, TikTok, YouTube, Zalo, LinkedIn, X(Twitter) - 이미 소셜 허브에 연결되어 있는 경우 자동으로 가져옵니다.

7.7 헤더 스타일

• 스티키 헤더 - 페이지를 스크롤해도 헤더 위치가 고정되는 기능입니다.
• 투명 헤더 - 히어로 섹션에 있는 투명한 헤더로, 스크롤할 때 색상이 바뀝니다.
• 컴팩트 - 스크롤을 내리면 헤더 크기가 줄어듭니다.

8. 수집 양식 설정

양식은 랜딩 페이지의 핵심으로, 고객이 정보를 남기거나 주문을 하는 곳입니다.

8.1 기본 양식 설정

폼 설정 섹션에서 다음 항목을 설정할 수 있습니다. - 폼 제목 : 폼 위에 표시되는 텍스트 - 제출 버튼 : 텍스트, 색상, 크기 - 성공 메시지 : 사용자가 제출한 후 표시되는 메시지

8.2 AI가 양식 콘텐츠를 생성합니다

"AI 제안"을 클릭하세요 → AI가 다음을 제안합니다. - 페이지 목적에 맞는 매력적인 양식 제목 - 전환율이 높은 CTA 버튼 문구(일반적인 "제출" 문구 대신) - 사용자 친화적인 확인 메시지

8.3 데이터 필드

폼에서 필드를 추가/삭제/정렬합니다.

사용자 정의 필드 추가 : 드롭다운, 체크박스, 라디오 버튼, 날짜 선택기, 파일 업로드 등

고객이 전화번호를 입력하면 시스템이 해당 시장에 맞게 자동으로 형식을 표준화합니다. - 베트남 : +84 접두사 (앞에 0이 있는 경우 제거) - 싱가포르 : +65 접두사 (8자리 숫자)

CRM에 저장된 데이터는 항상 표준 형식이며 수동으로 정리할 필요가 없습니다.

8.4 배송비

판매 페이지에서 배송 서비스를 제공하는 경우 다음 설정을 구성하세요. - 고정 배송비 : 모든 주문에 적용 - 무료 배송 : 주문 금액 일정 이상 시 - 지역별 배송비 상이 : 시/도별로 다름

9. 히어로 섹션을 편집합니다.

히어로 섹션은 고객이 가장 먼저 보게 되는 부분이므로, 처음 3초 안에 강렬한 인상을 남겨야 합니다.

영웅 요소

• 제목 - 주요 제목, 큰 글꼴 크기, 눈에 잘 띄게.
• 부제목 - 제목을 뒷받침하는 간략한 설명.
• 배경 - 이미지, 비디오, 그라데이션 또는 단색
• CTA 버튼 - 주요 액션 버튼 (지금 구매하기 / 회원가입 / 혜택 받기)
• 사회적 증거 - 신뢰의 증표, 데이터 및 평점.

AI 최적화 히어로

히어로 섹션에서 "AI 개선"을 클릭하세요 → AI가 현재 콘텐츠를 분석하여 다음과 같은 사항을 제안합니다. - 더욱 강력한 헤드라인 - CTA 문구의 전환율 향상 - 더 나은 시각적 계층 구조 구성

미디어 히어로

• 이미지 : 컴퓨터에서 업로드하거나 GTG CRM의 미디어 라이브러리에서 선택하세요.
• 동영상 배경 : MP4, WebM 지원 - 자동 음소거, 반복 재생
• 오버레이 : 미디어 위에 반투명 레이어를 추가하여 텍스트를 더 쉽게 읽을 수 있도록 합니다.

10. 판매 및 결제

10.1 판매 기능 활성화

랜딩 페이지 설정 → 상거래 에서 다음 단계를 따르세요. - "구매 허용" 을 활성화합니다. - 제품 허브(GTG CRM)에서 제품을 선택합니다. - 또는 랜딩 페이지에서 직접 새 제품을 생성합니다.

10.2 제품 디스플레이 구성

페이지의 각 제품에 대해 다음 정보가 표시됩니다. - 제품명, 설명, 가격 - 제품 이미지 (여러 이미지 사용 가능, 드래그 앤 드롭으로 배치) - 옵션: 색상, 사이즈, 종류 등 - 재고 수량 (GTG CRM 창고에서 자동으로 동기화됨)

10.3 결제 페이지

랜딩 페이지에는 별도의 통합 결제 페이지가 있습니다. 이 페이지에는 다음과 같은 내용이 포함됩니다. - 배송 정보 (이전에 구매한 적이 있는 고객의 경우 자동으로 입력됨) - 결제 방법 선택: 현금 결제, 계좌 이체, 결제 게이트웨이 - 주문 요약 + 배송비 - 이메일/SMS를 통한 주문 확인 (자동 발송)

10.4 업셀링 및 크로스셀링

페이지에 추천 상품을 추가하세요. - 업셀링 : 더 나은 제품/고급 버전 - 크로스셀링 : 적절한 보완 제품 - 결제 과정 또는 주문 완료 후 표시

11. 주문 관리 및 CRM

11.1 랜딩 페이지에서 주문 보기

랜딩 페이지에서 발생한 모든 주문은 CRM → 주문 에 자동으로 표시됩니다. - 소스별 필터링: 특정 랜딩 페이지에서 발생한 주문만 보기 - 주문 상태: 신규 → 처리 중 → 배송 완료 → 완료/반품 - 기간별 CSV 내보내기

11.2 주문 상세 정보

주문을 클릭하면 다음 정보를 볼 수 있습니다. - 고객 정보 전체 - 주문 상품 + 수량 + 가격 - 배송 주소 + 배송비 - 주문 내역 및 내부 메모 - 전자 송장 생성 (E-Invoice와 연동)

11.3 연락처를 CRM에 자동 저장

고객 정보를 입력하거나 주문을 완료하면 모든 고객 정보가 자동으로 CRM 연락처 에 저장됩니다. - 중복 방지: 이메일/전화번호가 이미 존재하는 경우 시스템에서 자동으로 병합합니다. - 자동 태그 지정: nguồn: landing-page , 랜딩 페이지 이름 - 구매 내역이 연락처 프로필에 연결됩니다.

11.4 사용자 정의 객체 및 파이프라인

랜딩 페이지 주문은 파이프라인 내에서 자동으로 거래를 생성할 수 있습니다. - 랜딩 페이지 설정 → CRM 통합 에서 구성 - 대상 파이프라인 및 초기 단계 선택 - 규칙에 따라 담당 직원이 자동으로 배정됩니다.

12. 분석 보기

12.1 데이터 개요

랜딩 페이지의 분석 탭에서:

12.2 장치 분석

기기별 접속률: - 데스크톱 / 모바일 / 태블릿 - 최적 인터페이스 결정 지원 (모바일 기기에서 발생하는 트래픽이 60% 이상일 경우 모바일 우선)

12.3 접근 소스

고객이 어디에서 유입되는지 파악하세요: - 페이스북 광고/구글 광고(UTM 사용) - 자연 검색 - 직접 접속(URL 직접 입력) - 추천(다른 웹사이트에서 유입)

12.4 전환 퍼널

고객이 어느 단계에서 이탈하는지 확인하세요:

 Vào trang → Xem form → Điền form → Đặt hàng → Thanh toán [100%] [75%] [40%] [25%] [18%] 전환율을 높이기 위해 최적화가 필요한 영역을 파악하십시오. Vào trang → Xem form → Điền form → Đặt hàng → Thanh toán [100%] [75%] [40%] [25%] [18%]

13. 랜딩 페이지 관리 및 편집

13.1 랜딩 페이지 목록

웹사이트 → 랜딩 페이지 화면에는 생성된 모든 페이지가 다음 정보와 함께 표시됩니다. - 페이지 이름, 상태(초안/게시됨/일시 중지됨) - 직접 URL - 주요 지표: 조회수, 전환율, 수익(최근 7일) - 버튼: 수정/실시간 보기/복제/삭제

13.2 편집 및 재출판

콘텐츠를 업데이트하려면 다음 단계를 따르세요. 1. "편집"을 클릭합니다. → 편집기가 열립니다. 2. 변경 사항을 적용합니다. 3. "게시"를 클릭합니다.

13.3 출판 중단 처리

페이지가 "게시 중" 모드에서 너무 오래 멈춰 있는 경우: - 시스템은 30분 후에도 진행이 없으면 자동으로 감지합니다. - 자동 복구 : 시스템이 게시 프로세스를 자동으로 다시 시작합니다. - 복구에 실패하면 → 상태가 "실패" 로 변경되고 명확한 메시지가 표시됩니다. - "다시 시도" 를 눌러 즉시 다시 게시할 수 있습니다.

고객 지원팀에 문의할 필요가 없습니다. 시스템에서 대부분의 경우 자동으로 처리합니다.

13.4 도메인 변경

기본 도메인 : <slug>.gtg.in (무료)

개인 도메인 : 도메인 연결 방법: 1. 설정 → 도메인 → 도메인 추가 2. 도메인 입력(예: sale.thuonghieu.com ) 3. 시스템에서 CNAME 레코드를 제공합니다. → DNS 제공업체에 맞게 업데이트하세요. 4. DNS 확인을 기다립니다(일반적으로 5~30분 소요). 5. SSL 인증서가 자동으로 발급 및 갱신됩니다.

13.5 랜딩 페이지 복제

새 캠페인에 디자인을 재사용하려면: - "복제"를 클릭 → 새 페이지 이름을 입력 → 확인을 클릭합니다. - 복사본에는 전체 디자인, 양식 및 설정이 포함됩니다. - 콘텐츠를 교체하고 별도로 게시하면 됩니다.

13.6 일시 정지 및 삭제

• 일시 중지 : 페이지는 활성 상태로 유지되지만 접근할 수 없습니다(404 오류가 표시됨). 데이터와 구성은 보존됩니다.
• 삭제 : 영구 삭제 - 복구할 수 없습니다. 양식/주문 데이터는 CRM에 저장됩니다.

14. 내장형 폼 빌더

GTG CRM 외부의 모든 웹사이트에 삽입할 수 있는 양식을 생성하는 새로운 기능이 추가되었습니다 .

14.1 폼 빌더란 무엇인가요?

GTG CRM은 이제 본격적인 랜딩 페이지 외에도 다음과 같은 곳에 삽입할 수 있는 독립형 양식을 생성할 수 있도록 지원합니다. - WordPress, Webflow 또는 Wix 웹사이트 - 개인 블로그 - 파트너 웹사이트 - 모든 HTML 페이지

이 양식은 GTG CRM과 완벽하게 연동됩니다. 제출된 모든 내용은 자동으로 연락처에 저장되고, 거래가 생성되며, 자동화 기능이 실행됩니다.

14.2 내장형 양식 생성

웹사이트 → 랜딩 페이지 → 삽입 가능한 양식 → + 양식 만들기

폼 생성 인터페이스는 랜딩 페이지 빌더와 유사합니다. 다음과 같은 기능을 제공합니다. - 데이터 필드 추가(텍스트, 이메일, 전화번호, 드롭다운, 체크박스 등) - 각 필드의 너비 설정 - CTA 버튼 설정 - 제출 후 알림 표시 - 자동화된 파이프라인/거래 시스템과의 연동

14.3 양식을 삽입하는 두 가지 방법

방법 1: 자바스크립트 위젯 (권장)

사용자 경험과 성능에 최적화되었습니다. 양식은 홈페이지 속도에 영향을 주지 않고 비동기적으로 로드됩니다.

 <!-- Đặt vào <head> của trang --> <script src="https://widget.gtgcrm.com/form.js" async></script> <!-- Đặt vào nơi muốn hiển thị form --> <div data-gtg-form="FORM_ID_CUA_BAN"></div> 자동화 위젯: - 구성된 디자인에 따라 양식을 불러옵니다. - 클라이언트 측 유효성 검사를 처리합니다. - GTG CRM 서버로 제출합니다. - 성공/오류 메시지를 표시합니다. <!-- Đặt vào <head> của trang --> <script src="https://widget.gtgcrm.com/form.js" async></script> <!-- Đặt vào nơi muốn hiển thị form --> <div data-gtg-form="FORM_ID_CUA_BAN"></div>

방법 2: iFrame

간단히 말해, 자바스크립트를 추가하고 싶지 않을 때 적합합니다.

 <iframe src="https://form.gtgcrm.com/embed/FORM_ID_CUA_BAN" width="100%" height="600" frameborder="0" scrolling="no"> </iframe> 14.4 임베드 코드 가져오기 <iframe src="https://form.gtgcrm.com/embed/FORM_ID_CUA_BAN" width="100%" height="600" frameborder="0" scrolling="no"> </iframe>

폼을 생성한 후 다음 단계를 따르세요. 1. 사용하려는 폼에서 "삽입"을 클릭합니다. 2. 위젯 또는 iFrame 중에서 삽입 방법을 선택합니다. 3. 코드를 복사하여 외부 웹사이트에 붙여넣습니다.

14.5 추적 및 기여도 분석

내장된 양식은 자동으로 다음 정보를 추적합니다. - 트래픽 소스(UTM 매개변수가 있는 경우) - 양식이 내장된 웹사이트(리퍼러) - 제출 시간

모든 데이터는 캠페인 효과 분석을 위해 CRM의 연락처 기록과 연결됩니다.

14.6 스팸 방지

내장된 양식에는 스팸 방지 기능이 포함되어 있습니다. - CAPTCHA(원하는 대로 활성화/비활성화 가능) - 제출 횟수 제한: 동일 IP 주소에서의 제출 횟수 제한 - 자동 봇 감지를 위한 숨겨진 허니팟 필드

랜딩 페이지 최적화를 위한 팁

명확한 제목, 구체적인 이점

"고품질 제품" 대신 "첫 30일 동안 운영 비용을 30% 절감하세요"라고 사용하세요.

좋은 제목은 "이 페이지에서 무엇을 얻을 수 있을까?" 라는 질문에 대한 답을 제시합니다.

눈에 띄고 독창적인 CTA입니다.

각 랜딩 페이지에는 하나의 핵심 행동 유도 버튼(CTA )이 있어야 합니다. 여러 개의 CTA는 고객을 혼란스럽게 하고 전환율을 떨어뜨립니다.

배경과 대비가 강한 색상을 사용하고, 크기를 충분히 크게 설정하세요(모바일에서는 최소 높이 44픽셀).

고화질 이미지/비디오

• 실제 사진 > 일반적인 스톡 사진
• 짧은 동영상(15~30초)은 페이지 체류 시간을 늘려줍니다.
• 페이지 로딩 속도를 높이기 위해 파일 크기를 최적화합니다(GTG CRM은 이미지를 자동으로 압축합니다).

간결한 형태

학교가 한 곳 추가될 때마다 서류 작성률이 약 10~15%씩 감소합니다. 정말 필요한 정보만 요청하십시오. 연락을 취한 후 추가 정보를 수집하십시오.

페이지 로딩 속도

V2 SSR을 사용하면 랜딩 페이지가 서버 측에서 렌더링되므로 기존 페이지 빌더보다 로딩 속도가 훨씬 빨라집니다. 이는 Google Ads 품질 점수와 이탈률에 직접적인 영향을 미칩니다.

A/B 테스트

헤드라인, CTA 색상, 메인 이미지 등 한 가지 요소만 다르게 하여 랜딩 페이지 두 버전을 만듭니다. → 트래픽을 두 그룹에 균등하게 분배합니다. → 1~2주 후 전환율을 비교합니다. → 가장 효과적인 버전을 선택합니다.

자주 묻는 질문

랜딩 페이지 제작에는 몇 크레딧이 소요되나요?

초판 발행: 500 크레딧 . 이후 수정 및 재출판: 무료 .

랜딩 페이지는 몇 개까지 만들 수 있나요?

페이지 수에는 제한이 없습니다. 최초 발행 시 건당 500 크레딧이 소요됩니다.

랜딩 페이지가 모바일에 자동으로 최적화되나요?

네. 모든 템플릿과 AI 디자인은 자동으로 반응형 디자인을 지원합니다. 편집기 내에서 모바일 기기에 맞춰 미리 보기를 바로 확인할 수 있습니다.

임베디드 폼은 워드프레스에서 작동하나요?

네. 위젯 또는 iFrame 코드를 워드프레스 페이지에 붙여넣기만 하면 됩니다. 플러그인 설치는 필요하지 않습니다.

도메인에 SSL 오류가 발생하면 어떻게 해야 하나요?

설정 → 도메인 → "SSL 재발급"을 클릭하세요. 시스템에서 자동으로 인증서를 갱신합니다. 오류가 계속 발생하면 DNS 제공업체에 문의하여 CNAME 레코드를 확인하세요.

별도의 웹사이트 없이 랜딩 페이지를 이용해 제품을 판매하는 것이 가능할까요?

물론입니다. GTG CRM 랜딩 페이지는 제품 표시, 장바구니, 결제, 지불 및 송장 발행 등 모든 기능을 갖추고 있으므로 별도의 웹사이트가 필요하지 않습니다.