YAML 을 이용한 페이지별 팝업 설정 기능은 PRO플랜에서 만 동작합니다.
YAML 이란?
우피는 기본적으로 모든 설정을 https://app.oopy.io 에서 하실 수 있습니다. 하지만, 사이트를 운영하다보면 간혹 특정 페이지에서 다른 설정이 필요한 경우들이 생기기 마련입니다. 이 때, 이용할 수 있는 것이 우피의 “YAML 을 이용한 페이지별 설정” 기능입니다.
처음 보면 어색하시겠지만, 가이드 문서를 읽어보시면 금방 어떤 것인지 아실 수 있을 거예요. YAML 에 대한 설명 페이지를 참고해보세요.
팝업 설정을 위한 YAML 블럭 예시
팝업은 최대 3개까지 설정할 수 있기 때문에, YAML 문법이 약간 다를 수 있다는 것에만 유의하시면 됩니다. 이 페이지에 적용되어 있는 YAML 은 다음과 같습니다.
# ... 다른 YAML 설정
popup:
- title: "yaml 을 이용한 popup 설정이 가능합니다"
timeoutSeconds: 5
- title: "이렇게요"
- title: "페이지별 설정도 가능합니다"
linkText: "https://www.oopy.io/ko/guides/tips-and-tricks/popup-by-page"
linkButtonText: "보러 가기"
newTab: true
# ... 또 다른 설정들
YAML
복사
-를 기준으로 각 설정이 구분됩니다. 위 설정은 총 2개의 팝업을 설정하는 것이며, 링크 텍스트나 버튼 텍스트는 없는, 최소한의 설정입니다.(timeoutSeconds 도 옵션이며, 없을 시 30초가 기본 설정입니다) 설정 가능한 옵션들은 다음과 같습니다. 필요한 내용들을 작성하시면 됩니다. 들여쓰기에만 유의해주세요! YAML 은 들여쓰기에 민감합니다.
popup:
- title: "yaml 을 이용한 popup 설정이 가능합니다"
linkText: "https://www.oopy.io" # 링크 버튼 클릭시 연결할 페이지 주소를 입력하세요
linkButtonText: "보러가기" # 기본값 이외에 다른 텍스트를 사용하려면 입력하세요
linkButtonColor: "#123A45" # 버튼의 컬러 코드를 입력할 수 있습니다
timeoutSeconds: 3 # 3~60 (초) 사이의 값을 설정하실 수 있습니다
newTab: true # true/false 가 가능하며, 링크 클릭시 새창으로 열 것인지, 본 창에서 열 것인지를 결정합니다
YAML
복사
