아임웹이 새롭게 시작하는 이럴 땐 이 기능💡은 쇼핑몰을 운영하다 마주치는 고민의 순간에, 딱 맞는 아임웹 기능을 해결책으로 처방해 드리는 콘텐츠 시리즈입니다. 지금 내 고민에 맞는 기능을 골라, 바로 적용해 보세요.

디자인 하나 바꿀 때마다 속 터진다면? 사이트 직접 바꾸는 아임웹 기능 3가지

배너 문구 하나 바꾸고 싶을 뿐인데, 매번 외주에 맡기고 며칠을 기다려야 했다면?😣

오늘 기획전을 막 열었어요. 광고도 이미 돌아가고 있고요. 그런데 메인 배너의 날짜가 틀렸거나, 품절된 상품이 첫 줄에 걸려 있는 걸 발견했어요. 지금 1분 1초가 급한데, 외주 담당자에게 연락하고 기다려야 한다면… 그사이 들어온 광고 트래픽은 그대로 새어 나가죠.

이럴 때 직접 손볼 수 있다면 얼마나 좋을까요? 아임웹에서는 가능해요. 사이트 디자인을 직접 수정할 수 있도록 도와주는 3가지 기능을 알려 드릴게요.

디자인, 코딩 없이 직접 바꾸려면?

외주를 부르기 전에, 먼저 '골라 쓰고, 쉽게 수정하는' 두 가지부터 볼게요. 이것만으로도 손볼 수 있는 범위가 꽤 넓어져요.

1️⃣ 신규 위젯 26종: 어떤 사이트에도 잘 어울리는 디자인 블록

원하는 느낌은 있는데 마땅한 위젯이 없어, 외주에 맡기거나 결국 포기한 적 있으셨다면? 반가운 소식이 있어요.

26년 5월 디자인모드 대규모 업데이트를 통해 6개 카테고리 26종의 위젯이 새로 출시됐어요. 슬라이드, 텍스트 카드, 플립 카드, 프로모션, 매거진, 아코디언, 타임라인까지 어떤 브랜드 컨셉에도 자연스럽게 어울리도록 설계됐고, 애니메이션/인터랙션 효과도 다양해졌어요. 모바일 반응형 최적화도 기본이랍니다.

신규 위젯들은 관리자 페이지 > 디자인모드에서 확인할 수 있어요.

📌 신규 위젯 살펴보기

디자인 수정하기(1) 새로 추가된 신규 위젯 26종 ©아임웹

 

2️⃣ 사이드패널: 설정과 동시에 결과가 보이는 디자인 작업

디자인 바꾸려고 설정창을 열었는데 창이 가운데 떠 버리는 바람에, 뭐가 어떻게 바뀌는지 안 보여서 껐다 켰다 반복한 적 있으시죠?😢

아임웹의 '사이드패널'은 가운데 뜨던 설정창을 우측으로 슬림하게 붙인 설정 도구에요. 패널에서 값을 바꾸는 즉시 좌측 화면에서는 변경되는 사이트 디자인을 확인할 수 있어서, 전문 디자인 툴을 쓰는 것처럼 매끄럽게 작업할 수 있어요. 어려운 용어도 쉽게 바뀌어서(기존 ‘호버’ → ‘마우스 오버’) 초보자도 직관적으로 이해 가능하고요.

사이드패널은 디자인 모드에서 위젯을 클릭하면 자동으로 나타나요. 자세한 사용법은 아래 가이드를 확인하세요.

📌 사이드패널 가이드 보러가기

디자인모드 사이드패널 기능 ©아임웹

원하는 위젯이 없다면, 직접 만들 순 없을까?

3️⃣ 커스텀 위젯 스튜디오: 코딩 or AI로 직접 만드는 나만의 위젯

기본 위젯만으로 2% 부족할 때, 이제는 원하는 위젯을 직접 만들 수 있어요. 26년 5월 오픈한 '커스텀 위젯 스튜디오'에서 HTML·CSS·JavaScript 코딩으로 위젯 제작이 가능해졌거든요.

여기서 핵심은, 단순히 모양만 만드는 게 아니라 자주 바꾸는 값(텍스트·이미지 등)을 '설정패널'로 함께 만들어둘 수 있다는 거예요. 예를 들어 인하우스 퍼블리셔가 위젯을 한 번 만들어두면, 마케터·디자이너는 매번 코드를 건드리지 않고도 자유롭게 운영할 수 있는거죠. 게다가 한 번 만든 위젯은 여러 사이트에 연결해 재사용할 수 있어요.

코딩을 모른다면 AI 에이전트에게 맡기면 돼요. 만들고 싶은 UI를 캡처해 붙여넣고 필요한 기능을 글로 설명하면, AI가 코드를 짜서 위젯을 만들어줘요. 대화를 주고받으며 바로바로 수정할 수도 있고요(하루 최대 10회).

📌 커스텀 위젯 스튜디오 가이드 보러가기
📌 커스텀 위젯 만드는 법 보러가기

커스텀 위젯 스튜디오 ©아임웹

 

오늘 콘텐츠, 유용하셨나요?

디자인은 더 이상 외주에 맡겨야만 하는 일이 아니에요. 아임웹의 기능들을 활용하면 쉽게 우리 브랜드만의 감도가 담긴 간편하게 사이트를 만들 수 있어요. 여러분의 고민을 시원하게 풀어줄 다음 콘텐츠도 기대해주세요!