커스텀 위젯 스튜디오란?

커스텀 위젯 스튜디오에서 원하는 위젯을 만들고 사이트에 연동할 수 있습니다. 

이 도움말에서는 커스텀 위젯 스튜디오 접속 방법 및 사용자 인터페이스를 알아보실 수 있습니다. 

커스텀 위젯 만드는 법이 궁금하다면 이 가이드를 읽어 주세요.

1. 기본 사용 방법

1-1. 커스텀 위젯 스튜디오 접속 방법

커스텀 위젯 스튜디오는 아래 두 가지 방법으로 접근할 수 있어요.

방법 1: 디자인 모드 > 위젯 추가 > 커스텀 위젯 생성 클릭

방법 2: imweb.me/widget-studio URL로 직접 접속 후 아임웹 로그인

1-2. 커스텀 위젯 스튜디오 작업 환경

커스텀 위젯 스튜디오는 이렇게 구성돼 있어요.

[위젯 관리 페이지]

1. 내 아임웹 계정
2. 내 위젯 리스트 — 내가 제작한 위젯만 목록에서 확인할 수 있어요. 새로운 위젯 제작, 기존 위젯의 수정, 삭제, 사이트 연동을 할 수 있어요.
3. 내 사이트 리스트
   • 일반 회원 : 로그인한 계정이 소유한 사이트 목록이 모두 노출돼요. 내가 만든 위젯을 내 사이트에 연동할 수 있어요. 이 사이트에 연동된 모든 위젯을 확인할 수 있어요. 내가 제작해서 만든 위젯 뿐만 아니라 전문가가 연동해준 위젯도 확인할 수 있어요. (외부 제작 위젯)
   • 전문가 : 내 소유 사이트 뿐만 아니라 관리중인 고객 사이트도 노출돼요. 내가 만든 위젯을 관리중 고객 사이트에 연동할 수 있어요.

[코드 에디터]

1. 위젯 에디터 — HTML, CSS, JavaScript 탭에 코드를 입력하고 미리보기를 확인할 수 있어요.
2. 설정패널 에디터 — 위젯의 설정 패널도 직접 만들 수 있어요.

1-3. 커스텀 위젯 생성부터 연동까지

커스텀 위젯을 생성하고 사이트에 연동하는 전체 흐름을 안내해요.

1단계. 위젯 관리 페이지 진입

2단계. 위젯 소스 에디터에서 코드 작성

HTML, CSS, JavaScript 탭에 코드를 작성합니다. 코드 작성 후 다음 중 하나를 선택할 수 있어요.

• 저장하기: 사이트에 연동하지 않고 위젯 관리 페이지에 코드만 저장합니다. 자동 저장은 되지 않으므로 반드시 저장하기를 눌러야 해요.
• 사이트 연동: 연동해야만 사이트의 디자인 모드에서 위젯을 삽입할 수 있어요. 사이트가 여러 개일 경우 모든 사이트 목록이 노출됩니다.

3단계. 디자인 모드에서 연동된 위젯 확인

디자인 모드의 위젯 리스트에는 해당 사이트에 연동된 위젯만 노출돼요. 계정에서 만든 모든 위젯이 보이는 것은 아닙니다. 전체 위젯 목록은 위젯 관리 페이지에서 확인해야 합니다.

4단계. 섹션에 위젯 삽입

디자인 모드에서 원하는 섹션에 커스텀 위젯을 삽입합니다. 커스텀 위젯은 다음 영역에 삽입할 수 있어요.

5단계. 사이드패널에서 설정값 변경

위젯 제작 시 설정 패널을 구성해 두었다면, 사이드패널에서 텍스트, 색상, 이미지 등의 설정값을 변경할 수 있어요.

6단계. 위젯의 코드 수정 및 삭제 / 연동 해제

• 수정하기:위젯 제작자만 원본 코드를 수정할 수 있어요.
  ⚠️ 주의: 수정 후 [업데이트] 버튼을 클릭하면 해당 위젯이 삽입된 모든 사이트에서 수정 내역이 업데이트 돼요. 수정 이전 버전으로 복구할 수 없어요. 단, 수정 이전 버전의 설정 속성이 남아 있을 경우 해당 값은 유지돼요. 예를 들어, '제목' 텍스트만 설정 가능했던 위젯에 '본문' 텍스트를 입력할 수 있도록 코드를 수정한 뒤 업데이트하면, 디자인 모드에서 '제목' 입력값은 그대로 유지돼요.
  
  (전문가) 위젯 소스 코드를 수정하면 본인 사이트 뿐만 아니라 관리중 고객 사이트에서도 일괄 업데이트 돼요. 따라서 버전 관리를 하려면 복제 후 수정해야 해요.
• 삭제하기:저장된 위젯은 바로 삭제할 수 있어요.
  ⚠️ 주의: 삭제 시 해당 위젯이 삽입돼 있는 모든 사이트에서 자동 연동 해제되면서 위젯이 사라져요. 이에 따라 사이트의 디자인이 바뀔 수 있어요. 삭제된 위젯은 복구할 수 없어요.
  
  (전문가) 위젯 소스 코드를 삭제하면 본인 사이트 뿐만 아니라 관리중 고객 사이트에서도 일괄 업데이트 돼요.
• 연동 해제하기:사이트에 연동된 위젯을 해제할 수 있어요.
  ⚠️ 주의: 연동 해제 시 디자인 모드에 삽입된 위젯이 전부 사라져요. 이에 따라 사이트의 디자인이 바뀔 수 있어요. 연동 해제된 위젯은 복구할 수 없어요.

2. 주요 정책

2-1. 사이트 권한별 특징

2-2. 웹사이트 복제 및 소유권 이전 시

1. 사이트 복제 시 — 사이트를 복제하면 본인이 직접 제작한 커스텀 위젯만 복제됩니다. 타인이 제작한 커스텀 위젯은 복제 대상에서 제외되어 삭제되며, 이로 인해 복제 전 사이트와 디자인이 달라질 수 있어요.
2. 다국어 사이트로 복제 시 — 기본 사이트를 다른 언어 사이트로 복제하면 타인이 제작한 커스텀 위젯을 포함하여 모든 위젯이 복제됩니다.
3. 소유권 이전 시 — 사이트의 소유권을 이전하면 타인이 제작한 커스텀 위젯을 포함하여 모든 위젯이 복제됩니다.

2-3. 코드 오류 지원 범위 및 사용 제한

• 아임웹은 회원이 직접 작성한 코드의 오류, 버그, 의도한 대로 동작하지 않는 문제에 대한 디버깅 또는 수정 등을 도와드리기 어렵습니다. 코드 관련 문제는 작성하신 코드를 직접 점검하시거나, 웹 개발 전문가의 도움을 받아 해결하시길 권장드려요.
• 단, 아임웹 플랫폼 자체의 오류(에디터 미리보기가 뜨지 않는 경우, 연동 기능 자체가 동작하지 않는 경우 등)는 고객센터로 문의해 주시면 확인해 드립니다.
• 아임웹 이용약관 제5장 서비스 이용 제한 내 제15조 1항에 근거하여, 회원이 만든 커스텀 위젯 코드가 아임웹 서비스의 정상적인 운영을 방해할 경우 해당 커스텀 위젯의 사용을 제한할 수 있습니다.

3. FAQ

3-1. 일반 회원 FAQ

Q1. 커스텀 위젯 스튜디오는 모든 요금제에서 사용 가능한가요?

A1. 네, 아임웹 회원이라면 모든 요금제에서 사용 가능합니다.

Q2. 사이트 관리자(운영자)는 디자인 모드를 통해 커스텀 위젯 스튜디오에 접근하지 못하나요?

A2. 사이트 운영자(운영진)은 사이트의 디자인 모드를 통해 커스텀 위젯 스튜디오에 접근할 수 없어요. 단, 사이트 운영자는 사이트에 이미 연동돼 있는 커스텀 위젯을 섹션에 삽입, 설정값 수정, 위젯 복제, 삭제는 가능합니다.

Q3. 전문가가 만들어준 위젯에서 글자나 색상만 제가 바꿀 수 있나요?

A3. 전문가가 설정 패널을 구성해 두었다면 디자인 모드에서 글자, 색상 등의 설정값을 직접 변경할 수 있어요. 디자인 모드에서 위젯을 우클릭 후 위젯 설정을 클릭하면 사이드패널이 열리며, 전문가가 설정해 둔 항목(텍스트, 색상, 이미지 등)의 값을 수정할 수 있습니다.

Q4. DB 위젯(게시판, 갤러리, 입력폼 등)도 직접 만들 수 있나요?

A4. 현재(2026년 5월 기준) 커스텀 위젯으로 데이터베이스 연동이 필요한 위젯(게시판, 갤러리, 입력폼 등)을 직접 만드는 것은 어려워요. DB 위젯은 아임웹에서 제공하는 전용 위젯을 통해서만 사용할 수 있습니다. 단, 앞으로 업데이트 될 예정이에요.

Q5. 전문가가 만들어준 위젯이 갑자기 수정되었어요/삭제됐어요

A5. 전문가가 연동된 위젯의 원천 코드를 수정하면 해당 위젯이 연동된 모든 사이트에 즉시 반영돼요. 이로 인해 기존 디자인이 변경될 수 있습니다. 현재 버전 관리 기능이 제공되지 않기 때문에, 위젯이 예기치 않게 변경되거나 삭제된 경우 해당 전문가에게 직접 문의해 주세요. 만약 사이트를 만든 전문가와 계약이 해지된 상태라면 관리자 페이지 > 나의 전문가에서 전문가 [관리 해지] 신청을 하세요.

3-2. 전문가 회원 FAQ

Q1. (전문가) 관리 중인 고객 사이트에 위젯을 연동하면 고객은 해당 위젯이 전문가가 만들었다는 것을 어떻게 알 수 있나요?

A1. 전문가가 만든 위젯이 고객 사이트에 연동되면, 고객의 사이트 내 연동 위젯 리스트에서 해당 위젯에 [외부 제작] 태그가 표시돼요. 이를 통해 고객(사이트 소유자)은 해당 위젯이 본인이 만든 것이 아닌 전문가가 제작한 위젯임을 확인할 수 있습니다.

Q2. (전문가) 고객이 전문가가 만든 위젯의 원천 코드를 확인할 수 있나요?

A2. 아니요, 모든 회원은 타인이 제작한 위젯의 원천 코드를 확인할 수 없어요.

Q3. (전문가) 위젯 코드 수정 또는 위젯 삭제 시 어떤 사이트들이 영향을 받나요?

A3. 전문가 소유 사이트뿐만 아니라 전문가가 관리자로 등록돼 있는 사이트가 모두 영향을 받아요. 단, 고객이 전문가를 해지한 경우에는 영향을 받지 않아요.

Q4. (전문가) 고객이 전문가가 만든 위젯을 연동 해제하면 디자인 모드에서 위젯이 삭제되는 건가요?

A4. 네, 사이트 소유자가 위젯 연동을 해제하면 해당 사이트의 섹션에 삽입되어 있던 위젯이 모두 삭제돼요. 사이트 소유자는 본인이 제작한 위젯이 아니더라도 연동 해제가 가능하며, 연동 해제된 위젯은 디자인 모드의 위젯 리스트에서도 제거됩니다.

Q5. (전문가) 고객이 전문가를 관리자에서 해지한 이후에도 전문가가 만들어준 위젯을 계속 쓸 수 있나요?

A5. 네, 전문가가 관리자에서 해지되더라도 사이트에 연동된 위젯은 계속 사용할 수 있어요. 연동된 위젯은 사이트에 귀속되기 때문에 전문가 해제와 관계없이 디자인 모드에서 위젯을 그대로 사용하고, 설정 패널에서 설정값을 수정할 수 있습니다. 단, 해당 위젯의 소스 코드는 전문가 계정에 귀속되어 있기 때문에 소스 코드를 확인하거나 수정하는 것은 불가능해요. 또한 전문가가 소스 코드를 업데이트할 경우 자동 반영되지 않습니다.

Q6. (전문가) '판매하기' 기능을 통해 고객에게 소유권을 이전하면 제가 연동해 둔 커스텀 위젯도 함께 복제되나요?

A6. 판매하기 기능은 사이트 복제 → 사이트 소유권 이전의 2단계로 이루어져요. 사이트 복제 시 본인이 직접 제작한 커스텀 위젯만 복제됩니다. 따라서 복제하는 원본 사이트에 다른 사람이 만든 위젯이 포함돼 있다면, 해당 위젯은 빠진 디자인으로 사이트가 만들어진 후 소유권이 이전돼요. 디자인이 원본과 달라질 수 있으므로 판매 전에 사이트에 본인이 제작한 위젯만 포함돼 있는지 반드시 확인해 주세요.