# 아임웹 코드 위젯에 넣은 코드가 깨지는 이유는 무엇인가요?

https://renewal.wizweb.kr/wizdocs/imweb-code-widget/

아임웹은 코드 위젯에 붙인 코드를 그 자리에 그대로 두지 않습니다. 꾸미기(style)는 머리 부분으로, 동작(script)은 페이지 맨 끝으로 옮겨 저장합니다. 이 방식을 고려하지 않은 코드가 깨집니다.

## 3줄 요약
- 코드 위젯의 <style>은 사이트 CSS 묶음(head)으로, <script>는 페이지 맨 끝으로 옮겨집니다.
- 그래서 '붙인 자리 바로 다음에 실행된다'고 가정한 코드는 화면이 비거나 버튼이 안 눌립니다.
- 위즈웹 위젯은 이 저장 방식에서 하나하나 시험한 코드만 팔고, 깨지면 3개월 무료로 고칩니다.

## 숫자로 보기
- 2곳: 코드가 옮겨지는 곳 (style → head, script → 페이지 맨 끝)
- 3개월: 위즈웹 위젯 무료 수정 (구매 후)

## 코드는 어디로 옮겨지나요?

붙인 자리에 그대로 있지 않고 꾸미기와 동작 코드가 각각 다른 곳으로 옮겨집니다. 이 차이를 모르는 코드가 깨집니다.

그래서 인터넷에서 구한 코드가 미리보기에서는 되는데 저장하고 나면 안 되는 일이 생깁니다. 아임웹 고객센터는 직접 넣은 코드를 봐주지 않으므로 원인을 찾기도 어렵습니다.

## 어떻게 하면 깨지지 않나요?

- 스크립트가 페이지 끝에서 실행돼도 자기 화면을 찾아가도록 만든다
- 클래스 이름을 고유하게 지어 사이트 CSS와 겹치지 않게 한다
- 저장한 뒤 실제 페이지에서 PC·폰 모두 확인한다위즈웹은 이 기준으로 시험한 코드만 위젯 스토어에서 판매합니다.

## 이미 깨진 코드는 고쳐 주나요?

위즈웹에서 산 위젯은 구매 후 3개월 동안 무료로, 그 뒤에는 유료로 고쳐 드립니다. 다른 곳에서 구한 코드라면 간단 문의로 보내 주세요.

## 자주 묻는 질문
### 미리보기에서는 되는데 저장하면 안 돼요.
저장할 때 코드가 옮겨지기 때문일 가능성이 큽니다. 스크립트가 붙인 자리 바로 다음에 실행된다고 가정했는지 확인해 보세요.

### 다른 페이지 디자인까지 바뀌었어요.
코드 위젯의 style이 사이트 전체 CSS로 합쳐지기 때문입니다. 클래스 이름을 고유하게 바꿔야 합니다.

## 관련 화면
- 위젯 스토어: <a href="https://wizweb.kr/?p=store" target="_top">아임웹에서 검증한 위젯</a>

금액은 모두 부가세 별도이며 2026년 11월 기준입니다. 검색 순위나 AI 인용은 보장하지 않습니다.