사용자 정의 코드 삽입 - 빌딩 - Carrd 문서
Last updated on 6/26/2025@mrbirddev
사용자 정의 코드 삽입
Pro Standard 이상 필요
삽입 요소를 사용하면 사이트의 거의 모든 위치( <head>
요소 포함)에 사용자 정의 HTML, CSS, 심지어 JavaScript 코드를 삽입할 수 있습니다. 아직 위젯 요소에서 지원하지 않는 타사 위젯을 추가해야 하거나 Carrd에서 현재 제공하는 기능을 넘어서는 사용자 정의 기능을 통합하려는 경우 다음과 같이 하십시오:
요소 추가를 클릭
삽입을 클릭하여 새 삽입 요소를 만듭니다.
유형을 코드로 설정합니다.
코드를 삽입할 사용자 정의 코드로 설정합니다. 이는 사이트의 HTML에 일반적으로 붙여넣는 거의 모든 것이 될 수 있으며, 표준 HTML, 사용자 정의 CSS 규칙을 포함하는
<style>
태그, 심지어 JavaScript 코드를 포함하는<script>
태그도 모두 허용됩니다.(선택 사항) 이 특정 삽입을 식별하는 데 도움이 되는 레이블을 설정합니다 (예: 내 위젯 코드).
삽입의 스타일을 선택합니다:
- 인라인으로 설정하여 사이트에서 삽입이 나타나는 위치에 코드를 정확히 삽입합니다 (다른 요소와 마찬가지로).
- 숨김으로 설정하여 세 가지 특정 위치 중 하나에 코드를 삽입합니다:
- 사이트의
<head>
요소에 대한 헤드, - 사이트의 시작
<body>
태그 바로 뒤에 대한 바디 상단, 또는 - 사이트의 종료
</body>
태그 바로 앞에 대한 바디 끝.
이렇게 하면 삽입이 일반 요소 흐름 외부에 게시되므로 더 편리한 위치로 이동할 수 있습니다 (예: 사이트의 맨 끝으로).
- 완료되었습니다! 이제 사용자 정의 코드는 게시된 사이트에서 볼 수 있어야 합니다. 삽입 요소는 빌더에서 실제로 아무것도 출력하지 않으므로 사이트를 게시하여 작동을 확인해야 합니다.
Last updated on 6/26/2025@mrbirddev