유료 플랜: 유료 플랜 페이지 디자인 사용자 지정하기

3 분 분량
유료 플랜의 디자인을 사용자 지정해 사이트의 스타일을 보완하고 플랜이 제공하는 이점을 고객에게 나타내세요.
방문자가 사이트에 가입하도록 플랜의 레이아웃을 조정하도록 유도하세요. 또한, 스타일 버튼과 리본을 추가하고, 텍스트 서식을 설정하고, 배경 및 색상 구성표를 사용자 지정할 수 있습니다. 
사용자 지정 색상 구성표가 있는 라이브 사이트의 유료 플랜 페이지를 보여주는 스크린샷.
유료 플랜 페이지 디자인 사용자 지정에 대한 다음 지침을 참고하세요.
참고:
플랜 및 가격 페이지에는 요소 추가를 권장하지 않습니다. 요소를 추가하면 자동으로 표시되어 중요한 정보를 비공개하므로 체크아웃 과정에 방해가 됩니다.

플랜 레이아웃 조정하기

명확하고 가독성 좋게 정보를 표시할 수 있도록 유료 플랜의 레이아웃을 조정하세요. 이를 통해 방문자는 플랜과 혜택을 비교할 수 있습니다.

레이아웃을 조정하려면:

  1. 에디터에서 유료 플랜 페이지로 이동합니다.
  2. 페이지의 아무 곳이나 클릭합니다. 
  3. 설정을 클릭합니다.
  4. 레이아웃을 클릭합니다.
  5. 다음 옵션을 사용해 레이아웃을 사용자 지정합니다.
    • 페이지 텍스트 레이아웃: 제목, 부제 및 고지 사항에 대한 정렬 기본 설정을 선택합니다. 
    • 플랜 카드 여백: 슬라이더를 사용해 플랜 카드 요소 사이의 여백을 설정하고 모서리 반경 설정으로 모서리를 둥글게 조정합니다.
    • 플랜 설명 레이아웃: 플랜 설명의 정렬을 설정합니다.
    • 혜택 레이아웃: 플랜 혜택의 글머리 기호 스타일, 정렬 및 줄 간격을 선택합니다.

플랜에 표시되는 정보 사용자 지정하기

유료 플랜의 세부 정보를 고객에게 브리핑하는 데 필요한 정보만 표시하세요. 표시 옵션 탭에서는 특정 플랜을 강조 표시하고 제목 및 태그라인 표시 여부 등을 선택할 수 있습니다.

플랜 표시 방식을 사용자 지정하려면:

  1. 에디터에서 유료 플랜 요소를 선택합니다.
  2. 설정을 클릭합니다.
  3. 표시 옵션을 클릭합니다. 
  4. 다음 옵션을 사용해 표시 옵션을 사용자 지정합니다.
    • 플랜 정보: 페이지 제목, 페이지 부제, 플랜 이름, 플랜 태그라인, 플랜 혜택 등의 체크 상자를 클릭해 유료 플랜에 대해 표시할 정보를 선택합니다.
    • 추천 플랜: 버튼을 사용해 플랜을 강조 표시하고 리본을 추가합니다.
    • 자동갱신 고지: 고지 사항 표시 버튼을 활성화해 고객이 플랜을 구매하기 전에 관련 이용약관을 표시합니다. 활성화하면 이 텍스트를 면책 조항 텍스트 입력란에 추가할 수 있습니다.
리본으로 플랜이 강조 표시된 유료 플랜 표시 설정 탭의 스크린샷.

플랜의 텍스트 사용자 지정하기

텍스트 탭을 사용해 페이지 제목, 부제, 플랜 선택 버튼, 무료 체험 버튼, 리본과 같은 유료 플랜 텍스트 요소에 표시할 문구를 작성합니다. 

텍스트를 사용자 지정하려면:

  1. 에디터에서 유료 플랜 요소를 선택합니다.
  2. 설정을 클릭합니다.
  3. 텍스트를 클릭합니다.
  4. 해당 입력란에 원하는 텍스트를 입력합니다. (예: 제목, 버튼 등)

플랜 디자인 사용자 지정하기

디자인 탭에서 유료 플랜의 디자인을 사용자 지정해 사이트에 고유한 개성을 더할 수 있습니다. 새로운 배경을 선택하고, 텍스트 서식을 지정하고, 버튼의 스타일을 지정하고, 리본을 추가해 고객에게 세일을 홍보하세요.

디자인을 사용자 지정하려면:

  1. 에디터에서 유료 플랜 페이지로 이동합니다.
  2. 페이지의 아무 곳이나 클릭합니다.
  3. 설정을 클릭합니다.
  4. 디자인을 클릭합니다.
  5. 다음 옵션을 사용해 디자인을 사용자 지정합니다.
    • 배경 및 테두리: 색상을 선택하고 슬라이더를 끌어 배경, 플랜 카드, 혜택 및 구분선의 투명도를 변경합니다. 
    • 텍스트 스타일: 플랜 카드에 표시되는 각 텍스트의 글꼴 및 색상을 선택합니다. 
    • 버튼: 플랜 카드 버튼의 스타일, 글꼴, 색상, 테두리 두께 및 투명도를 선택합니다. 
    • 리본: 강조 표시된 플랜의 리본의 글꼴, 색상, 배경 투명도 및 색상, 테두리 폭 및 투명도 및 색상을 선택합니다.
도움말:
상단의 각 섹션에서 강조 표시된 탭을 클릭해 플랜을 사용자 지정합니다. 또한, 언제든 기본 디자인으로 초기화를 클릭해 처음부터 다시 시작할 수 있습니다. 
에디터의 유료 플랜 위젯 디자인을 사용자 지정하는 방법을 보여주는 스크린샷.

도움이 되었나요?

|