랜딩 페이지를 구축하는 방법

수정일 Fri, 02 Jun 2023 시간: 04:21 PM



Product
Application Plans
FreshsalesFreeGrowthProEnterprise
FreshmarketerFree
Growth
Pro
Enterprise
Freshsales SuiteFree
Growth
Pro
Enterprise



랜딩 페이지 빌더를 사용하면 새 웹 페이지를 만들고 검색 엔진에 맞게 최적화하여 게시할 수 있습니다. 웹 애플리케이션에 내장된 랜딩 페이지 빌더를 사용하면 랜딩 페이지를 만들고, 사용자 지정을 수행하고, 대상에 맞게 최적화하고, 콘텐츠를 게시 및 관리할 수 있습니다.


이를 더 잘 이해하기 위해 예를 들어 보겠습니다. 여름 캠페인을 위한 랜딩 페이지를 설정할 계획이라고 가정해 보겠습니다. 랜딩 페이지를 설정하는 방법은 다음과 같습니다.

ARTICLE NAVIGATION

  • 랜딩 페이지는 어떻게 만드나요?
  • 랜딩 페이지 빌더에서 에디터를 사용하는 방법은 무엇인가요?
  • 랜딩 페이지를 게시하는 방법은 무엇인가요?
  • 사용자 정의 도메인 또는 하위 도메인에서 랜딩 페이지를 호스팅하는 방법은 무엇인가요?


랜딩 페이지는 어떻게 만드나요?

새 랜딩 페이지를 만들려면 다음과 같이 하세요,

  1. 왼쪽 탐색 모음에서 Landing Page 아이콘을 클릭합니다. (계정에 CRO를 사용하도록 설정한 경우 MARKETING AUTOMATION > Landing pages 로 이동합니다.)
  2. Create landing Page 버튼을 클릭합니다.
  3. 편집기 섹션에서 아래 섹션에 설명된 기능을 사용하여 랜딩 페이지를 만들고 게시할 수 있습니다.


랜딩 페이지 빌더에서 편집기를 어떻게 사용하나요?

편집기에서 다음 기능을 사용하여 랜딩 페이지를 만들 수 있습니다.

  1. 랜딩 페이지 시작하기 개요
    1. 템플릿을 선택하거나 Get Started를 클릭하여 랜딩 페이지를 처음부터 새로 만듭니다.
    2. 템플릿에 이름을 지정합니다.
    3. 템플릿에서 원하는 열과 행을 선택합니다
    4. 섹션에 원하는 요소를 추가합니다.
  2. 사용자 지정 CSS 추가

    편집기 섹션에서 Settings (톱니바퀴) 아이콘을 클릭합니다. 추적 섹션을 클릭하여 Head Tag에 사용자 정의 CSS를 추가합니다.

  3. Favicon 추가

    편집기 섹션에서 Settings (톱니바퀴) 아이콘을 클릭합니다. Favicon 섹션을 클릭합니다. Favicon 링크 아래에 Favicon Link를 입력합니다.



  4. 패딩 및 여백 추가

    1. 오른쪽의 Layouts 아이콘을 클릭하고 패딩 및 여백을 변경하려는 섹션에서 Settings (톱니바퀴) 아이콘을 클릭합니다.

    2. 간격에서 패딩과 여백을 변경할 수 있습니다.

  5. 추적 스크립트 추가(FB 픽셀, Google 애널리틱스)

    편집기 섹션에서 Settings (톱니바퀴) 아이콘을 클릭합니다. 여기에서 페이지의 특정 부분에 추적 스크립트를 배치할 수 있습니다. Facebook 및 Google 애널리틱스와 같은 서비스에서는 스크립트를 헤드 태그에 넣어야 하지만, 다른 서비스에서는 본문에 넣어야 할 수도 있습니다.

  6. 섹션에 버튼 고정하기

    앵커 태그를 할당할 버튼을 클릭합니다. 오른쪽에 있는 속성 탭의 BUTTON SETTINGS 아래에서 pick an action 드롭다운에서 Anchor to a section 선택합니다. 이제 버튼을 고정할 섹션을 선택합니다.

  7. 다운로드용 PDF 첨부

    PDF를 첨부할 버튼을 클릭합니다. 오른쪽에 있는 속성 탭의 BUTTON SETTINGS 아래에서 pick an action 드롭다운에서 Link to a url를 선택합니다. 이제 PDF 파일이 들어 있는 Google 드라이브 또는 Dropbox 링크를 입력합니다.

  8. URL 매개변수로 양식 필드 자동 채우기

    이 필드를 자동으로 채우는 URL 매개변수를 변경하여 기본 병합 동작을 재정의할 수 있습니다. 기본적으로 선택한 필드 유형이 사용됩니다. 이메일 필드 ?email=jon.doe@gmail.com 인 경우 이 입력 필드의 기본값이 채워집니다.


    양식을 클릭하여 FORM SETTINGS을 엽니다. 양식에서 자동 입력하려는 필드를 선택하고 URL 매개변수의 이름을 입력합니다.아래 예시와 같이 URL 매개변수와 값을 형식에 입력하여 양식 설정을 테스트합니다.

  9. 배경색 변경하기

    섹션을 클릭하여 SECTION SETTINGS을 엽니다. 속성 탭에서 원하는 배경색을 선택합니다.

  10. 양식의 배경색 변경하기

    양식을 클릭하여 FORM SETTINGS을 엽니다. 상단의 행 또는 열 탭을 클릭하여 양식의 배경색을 변경합니다.

  11. 하이퍼링크 CTA 버튼

    URL을 할당하려는 버튼을 클릭합니다. BUTTON SETTINGS이 표시되면 pick a action 드롭다운에서 Link to a URL를 선택하고 URL(링크) 섹션에 링크를 입력합니다.



랜딩 페이지를 게시하는 방법은 무엇인가요?

  1. Publish 버튼을 클릭하여 랜딩 페이지를 게시합니다.
  2. 이제 'Your page is published!'라고 표시된 페이지로 이동합니다. 또한 하단에 게시된 링크가 표시되는 것을 볼 수 있습니다.


사용자 정의 도메인 또는 하위 도메인에서 랜딩 페이지를 호스팅하는 방법은 무엇인가요?

  1. 랜딩 페이지를 게시한 페이지에서 아래로 스크롤하여 URL이 가리키도록 할 사용자 지정 도메인 또는 하위 도메인 이름을 입력하고 Connect을 클릭합니다. 추가할 DNS 레코드가 채워집니다.
  2. 도메인 호스팅 공급업체(GoDaddy/Namecheap/CloudFare)의 DNS 관리 콘솔을 열고 새 DNS 레코드를 생성합니다. 이 예의 경우 값은 다음과 같습니다:

    Type

    Name

    Value

    TXT

    @

    freshworks-site-verification=1100092525

    CNAME

    offer.acmey.in

    fwcrmsites.com

  3. DNS 레코드를 추가한 후에는 DNS 레코드 확인 섹션 아래의 여기를 클릭하여 Click here to check the status of your DNS 버튼을 클릭하여 레코드가 성공적으로 추가되었는지 확인합니다.

Landing Page Limits

Plan
Growth
Pro
Enterprise
Number of landing pages per account
5
10
25


아티클이 유용했나요?

훌륭합니다!

피드백을 제공해 주셔서 감사합니다.

도움이 되지 못해 죄송합니다!

피드백을 제공해 주셔서 감사합니다.

아티클을 개선할 수 있는 방법을 알려주세요!

최소 하나의 이유를 선택하세요
CAPTCHA 확인이 필요합니다.

피드백 전송

소중한 의견을 수렴하여 아티클을 개선하도록 노력하겠습니다.