아임웹 코드 위젯에 넣은 코드가 깨지는 이유는 무엇인가요?
아임웹은 코드 위젯에 붙인 코드를 그 자리에 그대로 두지 않습니다. 꾸미기(style)는 머리 부분으로, 동작(script)은 페이지 맨 끝으로 옮겨 저장합니다. 이 방식을 고려하지 않은 코드가 깨집니다.
3줄 요약
- 코드 위젯의 <style>은 사이트 CSS 묶음(head)으로, <script>는 페이지 맨 끝으로 옮겨집니다.
- 그래서 '붙인 자리 바로 다음에 실행된다'고 가정한 코드는 화면이 비거나 버튼이 안 눌립니다.
- 위즈웹 위젯은 이 저장 방식에서 하나하나 시험한 코드만 팔고, 깨지면 3개월 무료로 고칩니다.
숫자로 보기
2곳코드가 옮겨지는 곳style → head, script → 페이지 맨 끝
3개월위즈웹 위젯 무료 수정구매 후
코드는 어디로 옮겨지나요?
코드 위젯에 붙인 코드
<style> 꾸미기
<div> 화면 내용
<script> 동작
아임웹이 저장한 실제 페이지
머리(head) · 사이트 CSS 묶음
<style> 꾸미기
본문 · 코드 위젯 자리
<div> 화면 내용
페이지 맨 끝
<script> 동작
그래서 인터넷에서 구한 코드가 미리보기에서는 되는데 저장하고 나면 안 되는 일이 생깁니다. 아임웹 고객센터는 직접 넣은 코드를 봐주지 않으므로 원인을 찾기도 어렵습니다.
어떻게 하면 깨지지 않나요?
- 스크립트가 페이지 끝에서 실행돼도 자기 화면을 찾아가도록 만든다
- 클래스 이름을 고유하게 지어 사이트 CSS와 겹치지 않게 한다
- 저장한 뒤 실제 페이지에서 PC·폰 모두 확인한다
위즈웹은 이 기준으로 시험한 코드만 위젯 스토어에서 판매합니다.
이미 깨진 코드는 고쳐 주나요?
위즈웹에서 산 위젯은 구매 후 3개월 동안 무료로, 그 뒤에는 유료로 고쳐 드립니다. 다른 곳에서 구한 코드라면 간단 문의로 보내 주세요.
자주 묻는 질문
미리보기에서는 되는데 저장하면 안 돼요.
저장할 때 코드가 옮겨지기 때문일 가능성이 큽니다. 스크립트가 붙인 자리 바로 다음에 실행된다고 가정했는지 확인해 보세요.
다른 페이지 디자인까지 바뀌었어요.
코드 위젯의 style이 사이트 전체 CSS로 합쳐지기 때문입니다. 클래스 이름을 고유하게 바꿔야 합니다.
관련 화면
- 위젯 스토어아임웹에서 검증한 위젯
금액은 모두 부가세 별도이며 2026년 11월 기준입니다. 검색 순위나 AI 인용은 보장하지 않습니다.