고급 설정 사용하기 - 빌딩 - Carrd 문서
Last updated on 7/8/2025@mrbirddev
고급 설정 사용하기
Pro Plus 또는 그 이상이 필요합니다
Carrd의 더 고급 사용 사례를 위해, 고급 설정 기능은 각 요소에 대해 다음과 같은 추가 설정에 접근할 수 있도록 합니다:
- 자동 생성된 ID 대신 고정 ID 할당
- 요소에 사용자 정의 HTML 속성 추가
- 요소에 사용자 정의 클래스 추가
- 요소(및 해당 하위 요소, 적용 가능한 경우)에 사용자 정의 CSS 속성 적용
- 특정 이벤트 발생 시 사용자 정의 JS 코드 트리거 (지원되는 경우; 아래에서 자세한 정보 참조)
- 요소의 가시성 설정 (예: 모바일에서는 숨기고 데스크톱에서는 보이도록)
이 설정에 접근하려면, 요소를 선택한 후 설정 탭을 클릭하세요.
이벤트
일부 요소 유형은 특정 이벤트가 발생할 때 사용자 정의 JS 코드를 트리거할 수 있는 기능을 지원합니다. 이는 Carrd 내에서 아직 기본적으로 제공되지 않는 다양한 확장 기능을 추가하는 데 사용할 수 있습니다. 예를 들어, 양식 제출을 추적하기 위해 Google Analytics gtag() 호출을 트리거하거나, 버튼 클릭 시 서드파티 API 호출을 트리거할 수 있습니다.
요소의 이벤트에 접근하려면, 요소를 선택하고 설정 탭을 클릭한 후 이벤트를 클릭하세요. 현재 다음 요소 유형에서 이벤트가 지원됩니다:
| 요소 유형 | 이벤트 유형 | 설명 |
|---|---|---|
| 버튼 | 클릭 시 (버튼별) | 버튼이 클릭될 때 트리거됩니다. |
| 컨트롤 | 열기 시 (섹션 구분) | 섹션이 열릴 때 트리거됩니다. |
| 컨트롤 | 닫기 시 (섹션 구분) | 섹션이 닫힐 때 트리거됩니다. |
| 폼 | 제출 시 | 폼이 제출될 때 트리거됩니다. |
| 폼 | 성공 시 | 폼이 제출되어 성공할 때 트리거됩니다. |
| 폼 | 실패 시 | 폼이 제출되어 실패할 때 트리거됩니다. |
| 갤러리 | 클릭 시 (이미지별) | 이미지가 클릭될 때 트리거됩니다. |
| 아이콘 | 클릭 시 (아이콘별) | 아이콘이 클릭될 때 트리거됩니다. |
| 링크 | 클릭 시 (링크별) | 링크가 클릭될 때 트리거됩니다. |
Last updated on 7/8/2025@mrbirddev