[{"data":1,"prerenderedAt":205},["ShallowReactive",2],{"doc:M-OPS-05":3},{"docId":4,"axis":5,"axisLabel":6,"route":7,"sourceFile":8,"categoryId":9,"categoryName":10,"title":11,"kicker":12,"crumb":13,"leadHtml":22,"preambleHtml":23,"sections":24,"toc":47,"shots":57,"captureRefs":143,"estimates":144,"estimatesRaw":145,"proseChars":146,"fm":147,"adminMeta":201,"related":204},"M-OPS-05","guide","기능별","\u002Fguide\u002FF06\u002FM-OPS-05","content\u002Fguide\u002FM-OPS-05.md","F06","운영","팝업 만들기·미리보기(PC\u002F모바일)","기능별 · 운영",[14,17,19,20],{"label":15,"to":16},"고객센터","\u002F",{"label":6,"to":18},"\u002Fguide",{"label":10,"to":18},{"label":11,"to":21},null,"손님 사이트에 띄울 팝업 하나를 \u003Cb>만들고, 미리 보고, 등록하는\u003C\u002Fb> 화면입니다. 만들어 둔 팝업을 모아 보거나 복사·삭제하는 일은 \u003Ca href=\"\u002Fguide\u002FF06\u002FM-OPS-04\">팝업 목록\u003C\u002Fa>에서 다룹니다.","",[25,30,34,38,42],{"key":26,"label":23,"id":27,"html":28,"d2":29},"S1","sec-S1","\n\u003Cp>채우는 칸은 크게 셋입니다. \u003Cb>누가 봐도 알아볼 이름\u003C\u002Fb>, \u003Cb>언제 어디에 띄울지\u003C\u002Fb>, \u003Cb>무엇을 보여줄지\u003C\u002Fb>. 이 셋을 다 채워야 [등록] 버튼이 눌립니다.\u003C\u002Fp>\n\u003Cp>\u003Cb>손님 화면 영향\u003C\u002Fb>: 여기서 정한 기간·위치·이미지 그대로 손님에게 나갑니다. 다만 \u003Cb>손님 화면 어디에 뜨는지는 확인 중\u003C\u002Fb>입니다(아래 «손님 화면에서는 이렇게 보여요»).\u003C\u002Fp>\n\u003Cdl class=\"sum3\">\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\">\u003Cpath d=\"M20 6L9 17l-5-5\">\u003C\u002Fpath>\u003C\u002Fsvg>이 문서로 해결되는 것\u003C\u002Fdt>\u003Cdd>팝업 한 개를 만들어 등록합니다\u003Csmall>수정과 미리보기도 다룹니다\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>걸리는 시간\u003C\u002Fdt>\u003Cdd>처음이면 약 10분\u003Csmall>익숙해지면 5분쯤 걸립니다\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003Cdiv>\u003Cdt>\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 7l9-4 9 4-9 4-9-4z\">\u003C\u002Fpath>\u003Cpath d=\"M3 7v10l9 4 9-4V7\">\u003C\u002Fpath>\u003C\u002Fsvg>미리 준비할 것\u003C\u002Fdt>\u003Cdd>팝업에 넣을 이미지\u003Csmall>JPG 또는 PNG · 5MB 이하 · 세로로 긴 모양\u003C\u002Fsmall>\u003C\u002Fdd>\u003C\u002Fdiv>\u003C\u002Fdl>",true,{"key":31,"label":23,"id":32,"html":33,"d2":29},"S6","sec-S6","\u003Csection class=\"chooser\" data-chooser=\"\">\u003Ch2 class=\"chooser__q\">지금 무엇을 하려고 오셨나요?\u003C\u002Fh2>\u003Cp class=\"chooser__sub\">하나만 고르세요. 고른 일의 순서만 펼쳐집니다. 각 단계에 무엇을 채우는지는 맨 아래에 접어 두었습니다.\u003C\u002Fp>\u003Cdiv class=\"tgrid\">\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"a\" aria-pressed=\"false\" aria-controls=\"panel-a\">\u003Cspan class=\"tcard__hot\">가장 많이 하는 일\u003C\u002Fspan>\u003Cspan class=\"tcard__t\">팝업을 하나 새로 만들려고 해요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">이름부터 이미지까지 채우고 등록합니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">4단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 10분\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"b\" aria-pressed=\"false\" aria-controls=\"panel-b\">\u003Cspan class=\"tcard__t\">손님에게 어떻게 보이는지 먼저 보고 싶어요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">PC와 모바일 두 모습을 각각 확인합니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">2단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 2분\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cbutton type=\"button\" class=\"tcard\" data-task=\"c\" aria-pressed=\"false\" aria-controls=\"panel-c\">\u003Cspan class=\"tcard__t\">이미 만든 팝업을 고치고 싶어요\u003C\u002Fspan>\u003Cspan class=\"tcard__d\">기존 내용을 불러와 필요한 칸만 바꿉니다.\u003C\u002Fspan>\u003Cspan class=\"tcard__meta\">\u003Cspan class=\"chip chip--acc\">2단계\u003C\u002Fspan>\u003Cspan class=\"chip\">약 3분\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"tcard__cta\">이 순서 보기 \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M5 12h14M13 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv class=\"chooser__hint\" data-chooser-hint=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cdiv>\u003Cb>아직 아무것도 고르지 않으셨어요.\u003C\u002Fb> 위에서 하나를 누르면 그 일의 순서만 펼쳐집니다.\u003Cbr>화면 설명(고르기 조건·표의 각 칸 뜻)이 궁금하시면 맨 아래 \u003Cb>더 알아보기\u003C\u002Fb>를 펼쳐 보세요.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-a\" data-taskpanel=\"a\" hidden=\"\" aria-label=\"팝업을 하나 새로 만들려고 해요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>팝업을 하나 새로 만들려고 해요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 4 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>이름을 짓고 공개할지 정합니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>관리자 화면 왼쪽 메뉴 \u003Cb>운영 › 팝업 › [+ 팝업 생성]\u003C\u002Fb>\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>\u003Cb>팝업명\u003C\u002Fb>은 40자까지 넣을 수 있고, \u003Cb>손님에게는 보이지 않습니다.\u003C\u002Fb> 나중에 목록에서 알아볼 수 있게 시기를 넣어 두세요. \u003Ccode>예: 2026-07 여름할인 안내\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>\u003Cb>공개여부\u003C\u002Fb>는 켜고 끄는 스위치입니다. 공개로 켜야 손님에게 나갈 수 있습니다.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002\u002Fstep1\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-step1.png\" alt=\"기본정보 — 팝업명(0\u002F40) · 공개여부 스위치\" decoding=\"async\" width=\"1440\" height=\"1439\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:30%;top:32%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cspan class=\"pin\" style=\"left:30%;top:52%\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>나중에 목록에서 이 이름으로 찾게 됩니다.\u003C\u002Fp>\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">2\u003C\u002Fspan>여기를 켜 두어도 \u003Cb>기간이 안 맞으면\u003C\u002Fb> 뜨지 않아요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>언제, 어디에 띄울지 정합니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>3분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>\u003Cb>노출 기간\u003C\u002Fb>은 시작 날짜·시각과 끝나는 날짜·시각을 함께 고릅니다. \u003Ccode>예: 2026-07-01 09:00 ~ 2026-07-31 18:00\u003C\u002Fcode>\u003C\u002Fp>\n\u003Cp>\u003Cb>노출 위치\u003C\u002Fb>는 둘 중 하나를 고릅니다. \u003Cb>메인페이지\u003C\u002Fb>를 고르면 첫 화면에, \u003Cb>특정페이지\u003C\u002Fb>를 고르면 직접 적은 주소에서 뜹니다. 특정페이지는 \u003Cb>최대 5개\u003C\u002Fb>까지 적을 수 있습니다.\u003C\u002Fp>\n\u003Cp>\u003Cb>이동 주소\u003C\u002Fb>를 넣으면 손님이 팝업을 눌렀을 때 그 주소로 이동합니다. \u003Cb>비워 두면 팝업을 눌러도 아무 일도 일어나지 않습니다.\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002\u002Fstep2\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-step2.png\" alt=\"표시 설정 — 노출 기간 \u002F 노출 위치(메인·특정페이지) \u002F 이동 주소\" decoding=\"async\" width=\"1440\" height=\"1439\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:28%;top:26%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003Cspan class=\"pin\" style=\"left:28%;top:58%\" aria-hidden=\"true\">2\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>시작보다 \u003Cb>끝나는 날짜가 앞서면\u003C\u002Fb> 저장되지 않아요.\u003C\u002Fp>\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">2\u003C\u002Fspan>특정페이지는 [+]로 줄을 늘려 \u003Cb>최대 5개\u003C\u002Fb>까지 적습니다.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv class=\"tip\">\u003Cdiv>\u003Cp>한 페이지에 팝업 여러 개를 띄워도 되지만, \u003Cb>한 페이지에서 보이는 팝업은 5개까지\u003C\u002Fb>입니다.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">3\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>이미지를 넣고 닫는 방법을 고릅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>4분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>\u003Cb>[이미지 설정]\u003C\u002Fb>을 누르면 파일을 고르고 자르는 창이 열립니다. JPG·PNG 파일 한 개, \u003Cb>5MB까지\u003C\u002Fb> 올릴 수 있습니다. 넘으면 알림이 뜨고 올라가지 않습니다.\u003C\u002Fp>\n\u003Cp>자르는 비율은 \u003Cb>가로 4 대 세로 5로 고정\u003C\u002Fb>돼 있습니다. 권장 크기는 \u003Cb>640 × 800픽셀\u003C\u002Fb>입니다. 사진을 끌어 옮기고 크기를 조절해 보여줄 부분을 정한 뒤 \u003Cb>[등록]\u003C\u002Fb>을 누르면 그 부분이 팝업 이미지가 됩니다.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002_pu01\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002_pu01-main.png\" alt=\"이미지 설정 창 — 파일 선택하기 · 4:5 자르기 틀 · [등록]\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:50%;top:48%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>틀 밖은 잘려 나갑니다. \u003Cb>글자가 틀 안에 들어오는지\u003C\u002Fb> 꼭 보세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>\u003Cb>창 닫기 방법\u003C\u002Fb>은 둘 중 하나를 고릅니다. \u003Cb>오늘 보지 않기\u003C\u002Fb>는 하루가 지나면 다시 뜨고, \u003Cb>다시 보지 않기\u003C\u002Fb>는 그 손님에게 더 뜨지 않습니다. PC와 모바일에 서로 다르게 정해도 됩니다.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">4\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>미리보기로 확인하고 등록합니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>2분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>아래쪽 \u003Cb>[미리보기]\u003C\u002Fb>로 모습을 확인한 뒤 \u003Cb>[등록]\u003C\u002Fb>을 누릅니다. [등록]은 \u003Cb>필수 칸을 다 채워야\u003C\u002Fb> 눌립니다.\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002\u002Fstep4\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-step4.png\" alt=\"아래쪽 버튼 — [미리보기] · [등록]\" decoding=\"async\" width=\"1440\" height=\"1439\" style=\"max-width:100%;height:auto;display:block\">\u003Cspan class=\"pin\" style=\"left:78%;top:88%\" aria-hidden=\"true\">1\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"bubbles\">\u003Cp class=\"bubble\">\u003Cspan class=\"bn\" aria-hidden=\"true\">1\u003C\u002Fspan>회색이면 아직 \u003Cb>빈 필수 칸\u003C\u002Fb>이 있다는 뜻이에요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv class=\"warn\">\u003Cdiv>\u003Cp>등록한 뒤에는 \u003Ca href=\"\u002Fguide\u002FF06\u002FM-OPS-04\">팝업 목록\u003C\u002Fa>에서 \u003Cb>공개 배지가 붙었는지\u003C\u002Fb> 한 번 확인하세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-b\" data-taskpanel=\"b\" hidden=\"\" aria-label=\"손님에게 어떻게 보이는지 먼저 보고 싶어요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>손님에게 어떻게 보이는지 먼저 보고 싶어요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 2 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>[미리보기]를 눌러 PC 모습을 봅니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>팝업 만들기 화면 아래쪽\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002-detail-preview-pc\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-detail-preview-pc-main.png\" alt=\"PC 미리보기\" decoding=\"async\" width=\"1440\" height=\"936\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>모바일 모습도 따로 확인합니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002-detail-preview-mobile\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-detail-preview-mobile-main.png\" alt=\"모바일 미리보기\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>모바일은 화면이 좁아 \u003Cb>글자가 작아지거나 잘려 보이기 쉽습니다.\u003C\u002Fb> 이미지 안에 글자를 넣었다면 여기서 꼭 읽어 보세요.\u003C\u002Fp>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>\n\u003Csection class=\"taskpanel\" id=\"panel-c\" data-taskpanel=\"c\" hidden=\"\" aria-label=\"이미 만든 팝업을 고치고 싶어요\">\u003Cdiv class=\"taskpanel__hd\">\u003Cspan class=\"now\">지금 하는 일\u003C\u002Fspan>\u003Ch3>이미 만든 팝업을 고치고 싶어요\u003C\u002Fh3>\u003Cdiv class=\"prog\">\u003Cspan data-ptxt=\"\">0 \u002F 2 단계 완료\u003C\u002Fspan>\u003Cspan class=\"pbar\">\u003Ci data-pbar=\"\">\u003C\u002Fi>\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__bd\">\u003Col class=\"steps\">\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">1\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>목록에서 그 팝업을 열어 수정 화면으로 갑니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C\u002Frect>\u003Cpath d=\"M9 4v16\">\u003C\u002Fpath>\u003C\u002Fsvg>관리자 화면 왼쪽 메뉴 \u003Cb>운영 › 팝업\u003C\u002Fb>\u003C\u002Fspan>\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>1분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>들어가면 \u003Cb>전에 넣은 값이 그대로 채워져\u003C\u002Fb> 있습니다. \u003Cspan class=\"est\" title=\"쏠쏠 고객센터가 아직 확인하지 못한 내용입니다.\">확인 중\u003C\u002Fspan>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002-edit\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-edit-main.png\" alt=\"팝업 수정 화면 — 기존 값이 채워진 상태\" decoding=\"async\" width=\"1440\" height=\"1514\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli class=\"step\">\u003Cdiv class=\"step__n\">2\u003C\u002Fdiv>\u003Cdiv>\u003Ch4>바꿀 칸만 고치고 저장합니다\u003C\u002Fh4>\u003Cdiv class=\"wherebar\">\u003Cspan class=\"where\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 7v5l3 2\">\u003C\u002Fpath>\u003C\u002Fsvg>약 \u003Cb>2분\u003C\u002Fb>\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cp>가장 자주 고치는 것은 \u003Cb>노출 기간\u003C\u002Fb>과 \u003Cb>이미지\u003C\u002Fb>입니다. 지난 팝업을 다시 쓸 때는 이 둘만 바꾸면 됩니다.\u003C\u002Fp>\n\u003Cdiv class=\"warn\">\u003Cdiv>\u003Cp>이미지를 새로 올리면 \u003Cb>자르는 작업을 다시\u003C\u002Fb> 해야 합니다. 전에 자른 위치는 따라오지 않습니다. \u003Cspan class=\"est\" title=\"쏠쏠 고객센터가 아직 확인하지 못한 내용입니다.\">확인 중\u003C\u002Fspan>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Clabel class=\"stepchk\">\u003Cinput type=\"checkbox\" data-step-chk=\"\">다 했어요\u003C\u002Flabel>\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Fol>\u003C\u002Fdiv>\u003Cdiv class=\"taskpanel__ft\">\u003Cbutton type=\"button\" class=\"btn-ghost\" data-rechoose=\"\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M19 12H5M11 18l-6-6 6-6\">\u003C\u002Fpath>\u003C\u002Fsvg>다른 일 고르기\u003C\u002Fbutton>\u003Cspan>끝났습니다. 아래 \u003Cb>손님 화면에서는 이렇게 보여요\u003C\u002Fb>에서 손님 쪽 화면이 어떻게 바뀌는지 확인하세요.\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fsection>",{"key":35,"label":23,"id":36,"html":37},"S7","sec-S7","\u003Ch2 id=\"손님-화면에서는-이렇게-보여요\">손님 화면에서는 이렇게 보여요\u003C\u002Fh2>\n\u003Cp>\u003Ccode>V · 바로 보여요\u003C\u002Fcode> — 공개이면서 노출 기간 안일 때만 나갑니다.\u003C\u002Fp>\n\u003Cp>\u003Cb>이 설정이 손님 화면 어디에 나타나는지는 확인 중입니다. 확인되면 이 자리에 채웁니다.\u003C\u002Fb>\u003C\u002Fp>\n\u003Cp>지금 확실한 것만 적습니다. 손님에게 나가려면 \u003Cb>공개여부가 공개\u003C\u002Fb>이고 \u003Cb>오늘이 노출 기간 안\u003C\u002Fb>이어야 합니다. 그리고 \u003Cb>미리보기에서 본 모습이 실제 나가는 모습\u003C\u002Fb>입니다.\u003C\u002Fp>\n\u003Cblockquote class=\"why\">\u003Cp>근거: 06 반영원장 F06 · M-OPS-05 행(V · 기간중 · \"PC\u002F모바일 미리보기가 실제 노출 형태와 같다\"). 이 행은 원장에서 \u003Ccode>⚠️확인 중\u003C\u002Fcode>으로 표시되어 있고, 팝업이 뜨는 손님 화면이 원장에 아직 등재되지 않았습니다. 그래서 손님 화면 캡처 키를 만들지 않았습니다.\u003Cbr>보조 근거: solsol-mng(new) 02_customer-admin.md (S-AD01-0502-002)\u003C\u002Fp>\u003C\u002Fblockquote>",{"key":39,"label":23,"id":40,"html":41,"d2":29},"S9","sec-S9","\u003Ch2 id=\"꼭-알아두세요\">꼭 알아두세요\u003C\u002Fh2>\u003Cul class=\"knowlist\">\u003Cli>\u003Cspan class=\"ic-danger\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M12 9v4M12 17h.01\">\u003C\u002Fpath>\u003Cpath d=\"M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>등록했다고 바로 뜨는 것이 아니에요.\u003C\u002Fb> 공개여부와 노출 기간 두 조건이 모두 맞아야 나갑니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-danger\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M12 9v4M12 17h.01\">\u003C\u002Fpath>\u003Cpath d=\"M10.3 3.9L1.8 18a2 2 0 001.7 3h17a2 2 0 001.7-3L13.7 3.9a2 2 0 00-3.4 0z\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>모바일은 따로 설정해야 해요.\u003C\u002Fb> PC만 맞춰 두면 휴대폰에서 어색하게 보일 수 있습니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>이미지는 5MB까지, 세로로 긴 모양(4 대 5)이에요.\u003C\u002Fb> 자르는 틀 밖은 잘려 나갑니다.\u003C\u002Fdiv>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"ic-info\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\">\u003C\u002Fcircle>\u003Cpath d=\"M12 16v-5M12 8h.01\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003C\u002Fspan>\u003Cdiv>\u003Cb>이동 주소를 비우면 눌러도 안 넘어가요.\u003C\u002Fb> 클릭으로 보낼 곳이 있으면 꼭 넣으세요.\u003C\u002Fdiv>\u003C\u002Fli>\u003C\u002Ful>\n\u003Ch2 id=\"이-일이-자주-생긴다면\">이 일이 자주 생긴다면\u003C\u002Fh2>\u003Cdiv class=\"nextchips\">\u003Ca href=\"\u002Fguide\u002FF06\u002FM-OPS-04\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>팝업 목록 — 만든 팝업 모아 보고 복사·삭제하기\u003C\u002Fa>\u003Ca href=\"\u002Fstart\u002FG3\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>내 사이트 꾸미기 — 첫 화면 전체를 손보고 싶을 때\u003C\u002Fa>\u003Ca href=\"\u002Ftheme\u002FT06\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\u003Cpath d=\"M3 17l6-6 4 4 8-8\">\u003C\u002Fpath>\u003Cpath d=\"M21 7v5h-5\">\u003C\u002Fpath>\u003C\u002Fsvg>쿠폰으로 전환율 올리기 — 팝업으로 알릴 거리 만들기\u003C\u002Fa>\u003C\u002Fdiv>",{"key":43,"label":44,"id":45,"html":46,"later":29},"LATER","더 알아보기","sec-LATER","\u003Cdiv class=\"later__hd\">\u003Ch2>더 알아보기\u003C\u002Fh2>\u003Cp>여기서부터는 \u003Cb>참고 정보\u003C\u002Fb>입니다. 급하면 안 읽으셔도 됩니다. 필요할 때 펼쳐 보세요.\u003C\u002Fp>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-113\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>단계마다 무엇을 채우나\u003C\u002Fspan>\u003Cspan class=\"sub\">칸별로 자세히\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-113\" hidden=\"\">\u003Cdiv class=\"tablewrap\">\u003Ctable class=\"dtable\">\u003Cthead>\u003Ctr>\u003Cth>무엇을\u003C\u002Fth>\u003Cth>쉽게 말하면\u003C\u002Fth>\u003Cth>예시\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>\u003Cb>팝업명\u003C\u002Fb> (필수)\u003C\u002Ftd>\u003Ctd>목록에서 구분하는 이름. 40자까지. 손님에게는 안 보입니다.\u003C\u002Ftd>\u003Ctd>\u003Ccode>2026-07 여름할인 안내\u003C\u002Fcode>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cb>공개여부\u003C\u002Fb> (필수)\u003C\u002Ftd>\u003Ctd>손님에게 내보낼지 정하는 스위치.\u003C\u002Ftd>\u003Ctd>공개 · 비공개\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cb>노출 기간\u003C\u002Fb> (필수)\u003C\u002Ftd>\u003Ctd>뜨기 시작할 때와 끝날 때를 날짜·시각까지 고릅니다.\u003C\u002Ftd>\u003Ctd>\u003Ccode>2026-07-01 09:00 ~ 2026-07-31 18:00\u003C\u002Fcode>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cb>노출 위치\u003C\u002Fb> (필수)\u003C\u002Ftd>\u003Ctd>첫 화면에 띄울지, 정한 페이지에서만 띄울지 고릅니다.\u003C\u002Ftd>\u003Ctd>메인페이지 · 특정페이지(최대 5개)\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cb>이동 주소\u003C\u002Fb>\u003C\u002Ftd>\u003Ctd>팝업을 눌렀을 때 손님이 갈 곳. 비우면 눌러도 안 넘어갑니다.\u003C\u002Ftd>\u003Ctd>새 창으로 열기 · 지금 창에서 열기 \u003Cspan class=\"est\" title=\"쏠쏠 고객센터가 아직 확인하지 못한 내용입니다.\">확인 중\u003C\u002Fspan>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cb>팝업 이미지\u003C\u002Fb> (필수)\u003C\u002Ftd>\u003Ctd>손님이 보는 그림. JPG·PNG 한 개, 5MB까지.\u003C\u002Ftd>\u003Ctd>4 대 5 비율 · 권장 640 × 800픽셀\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>\u003Cb>창 닫기 방법\u003C\u002Fb>\u003C\u002Ftd>\u003Ctd>손님이 닫았을 때 다시 뜰지 정합니다.\u003C\u002Ftd>\u003Ctd>오늘 보지 않기 · 다시 보지 않기\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-114\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>화면에 보이는 정보\u003C\u002Fspan>\u003Cspan class=\"sub\">눈에 띄는 것들이 무슨 뜻인지\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-114\" hidden=\"\">\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">위쪽 안내 문구\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">\"기본은 PC 팝업 설정이며, 모바일은 별도로 설정해야 합니다.\"라고 적혀 있습니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">글자 수 표시\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">팝업명 칸 옆의 \u003Ccode>0\u002F40\u003C\u002Fcode>은 지금까지 쓴 글자 수입니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">[+] \u002F [−] 버튼\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">특정페이지 주소 줄을 늘리고 줄입니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 5줄까지\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">[등록] 버튼 색\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">회색이면 아직 못 누르는 상태, 색이 들어오면 누를 수 있는 상태입니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">자르기 틀\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">이미지 설정 창 안의 네모입니다. 이 안쪽만 팝업에 쓰입니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-115\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>여기서 할 수 있는 일\u003C\u002Fspan>\u003Cspan class=\"sub\">지금 눌러도 되는 버튼\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-115\" hidden=\"\">\u003Cdiv class=\"easy\">\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">이미지 설정\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">파일을 고르고 자르는 창을 엽니다.\u003C\u002Fdiv>\u003Cspan class=\"eg\">예: 세로로 긴 안내 이미지\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">미리보기\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">손님에게 보일 모습을 띄워 봅니다. PC와 모바일을 각각 봅니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">등록\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">팝업을 저장합니다. 필수 칸을 다 채워야 눌립니다.\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"easy__i\">\u003Cdiv class=\"easy__t\">수정\u003C\u002Fdiv>\u003Cdiv class=\"easy__d\">이미 만든 팝업을 열었을 때 아래쪽에 있습니다. \u003Cspan class=\"est\" title=\"쏠쏠 고객센터가 아직 확인하지 못한 내용입니다.\">확인 중\u003C\u002Fspan>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>만들다 말고 다른 화면으로 나가면 채우던 내용이 남지 않습니다. \u003Cspan class=\"est\" title=\"쏠쏠 고객센터가 아직 확인하지 못한 내용입니다.\">확인 중\u003C\u002Fspan>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cdiv class=\"more\">\u003Cbutton type=\"button\" class=\"more__btn\" data-more=\"\" aria-expanded=\"false\" aria-controls=\"more-116\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" class=\"ic\" aria-hidden=\"true\">\u003Cpath d=\"M9 6l6 6-6 6\">\u003C\u002Fpath>\u003C\u002Fsvg>\u003Cspan>눌러서 열리는 화면\u003C\u002Fspan>\u003Cspan class=\"sub\">버튼을 누르면 뜨는 창\u003C\u002Fspan>\u003C\u002Fbutton>\u003Cdiv class=\"more__bd\" id=\"more-116\" hidden=\"\">\u003Cp>\u003Cb>1. 이미지 설정 창\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002_pu01\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002_pu01-main.png\" alt=\"이미지 설정 창 — 파일 선택하기 · 4:5 자르기 틀 · [등록]\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>파일 한 개를 고르고 보여줄 부분을 정하는 창입니다. jpg·jpeg·png만 되고 \u003Cb>5MB를 넘으면\u003C\u002Fb> 알림이 뜹니다. 자르기 틀은 \u003Cb>4 대 5로 고정\u003C\u002Fb>이라 비율은 바꿀 수 없습니다.\u003C\u002Fp>\n\u003Cp>\u003Cb>2. PC 미리보기\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002-detail-preview-pc\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-detail-preview-pc-main.png\" alt=\"PC 미리보기\" decoding=\"async\" width=\"1440\" height=\"936\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>컴퓨터로 들어온 손님에게 보일 모습입니다.\u003C\u002Fp>\n\u003Cp>\u003Cb>3. 모바일 미리보기\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002-detail-preview-mobile\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-detail-preview-mobile-main.png\" alt=\"모바일 미리보기\" decoding=\"async\" width=\"1440\" height=\"900\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>휴대폰으로 들어온 손님에게 보일 모습입니다. 글자가 읽히는지 여기서 확인하세요.\u003C\u002Fp>\n\u003Cp>\u003Cb>4. 팝업 수정 화면\u003C\u002Fb>\u003C\u002Fp>\n\u003Cdiv class=\"shotwrap\" style=\"grid-template-columns:minmax(0,1fr)\">\u003Cdiv class=\"shot shot--captured\" data-shot-key=\"AD01\u002F0502-002-edit\u002Fmain\" style=\"height:auto;min-height:0;border-style:solid\">\u003Cimg class=\"shot__img\" src=\"\u002Fcaptures\u002FAD01-0502-002-edit-main.png\" alt=\"팝업 수정 화면 — 기존 값이 채워진 상태\" decoding=\"async\" width=\"1440\" height=\"1514\" style=\"max-width:100%;height:auto;display:block\">\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>만들 때와 같은 칸에 전에 넣은 값이 채워져 열립니다. \u003Cspan class=\"est\" title=\"쏠쏠 고객센터가 아직 확인하지 못한 내용입니다.\">확인 중\u003C\u002Fspan>\u003C\u002Fp>\u003C\u002Fdiv>\u003C\u002Fdiv>",[48,51,54],{"id":49,"label":50},"지금-무엇을-하려고-오셨나요","지금 무엇을 하려고 오셨나요?",{"id":52,"label":53},"손님-화면에서는-이렇게-보여요","손님 화면에서는 이렇게 보여요",{"id":55,"label":56},"꼭-알아두세요","꼭 알아두세요",[58,77,90,101,111,118,124,131,134,137,140],{"key":59,"caption":60,"status":61,"capture":62,"pins":67},"AD01\u002F0502-002\u002Fstep1","기본정보 — 팝업명(0\u002F40) · 공개여부 스위치","captured",{"file":63,"w":64,"h":65,"ext":66},"\u002Fcaptures\u002FAD01-0502-002-step1.png",1440,1439,"png",[68,73],{"n":69,"x":70,"y":71,"text":72},1,"30%","32%","나중에 목록에서 이 이름으로 찾게 됩니다.",{"n":74,"x":70,"y":75,"text":76},2,"52%","여기를 켜 두어도 **기간이 안 맞으면** 뜨지 않아요.",{"key":78,"caption":79,"status":61,"capture":80,"pins":82},"AD01\u002F0502-002\u002Fstep2","표시 설정 — 노출 기간 \u002F 노출 위치(메인·특정페이지) \u002F 이동 주소",{"file":81,"w":64,"h":65,"ext":66},"\u002Fcaptures\u002FAD01-0502-002-step2.png",[83,87],{"n":69,"x":84,"y":85,"text":86},"28%","26%","시작보다 **끝나는 날짜가 앞서면** 저장되지 않아요.",{"n":74,"x":84,"y":88,"text":89},"58%","특정페이지는 [+]로 줄을 늘려 **최대 5개**까지 적습니다.",{"key":91,"caption":92,"status":61,"capture":93,"pins":96},"AD01\u002F0502-002_pu01\u002Fmain","이미지 설정 창 — 파일 선택하기 · 4:5 자르기 틀 · [등록]",{"file":94,"w":64,"h":95,"ext":66},"\u002Fcaptures\u002FAD01-0502-002_pu01-main.png",900,[97],{"n":69,"x":98,"y":99,"text":100},"50%","48%","틀 밖은 잘려 나갑니다. **글자가 틀 안에 들어오는지** 꼭 보세요.",{"key":102,"caption":103,"status":61,"capture":104,"pins":106},"AD01\u002F0502-002\u002Fstep4","아래쪽 버튼 — [미리보기] · [등록]",{"file":105,"w":64,"h":65,"ext":66},"\u002Fcaptures\u002FAD01-0502-002-step4.png",[107],{"n":69,"x":108,"y":109,"text":110},"78%","88%","회색이면 아직 **빈 필수 칸**이 있다는 뜻이에요.",{"key":112,"caption":113,"status":61,"capture":114,"pins":117},"AD01\u002F0502-002-detail-preview-pc\u002Fmain","PC 미리보기",{"file":115,"w":64,"h":116,"ext":66},"\u002Fcaptures\u002FAD01-0502-002-detail-preview-pc-main.png",936,[],{"key":119,"caption":120,"status":61,"capture":121,"pins":123},"AD01\u002F0502-002-detail-preview-mobile\u002Fmain","모바일 미리보기",{"file":122,"w":64,"h":95,"ext":66},"\u002Fcaptures\u002FAD01-0502-002-detail-preview-mobile-main.png",[],{"key":125,"caption":126,"status":61,"capture":127,"pins":130},"AD01\u002F0502-002-edit\u002Fmain","팝업 수정 화면 — 기존 값이 채워진 상태",{"file":128,"w":64,"h":129,"ext":66},"\u002Fcaptures\u002FAD01-0502-002-edit-main.png",1514,[],{"key":91,"caption":92,"status":61,"capture":132,"pins":133},{"file":94,"w":64,"h":95,"ext":66},[],{"key":112,"caption":113,"status":61,"capture":135,"pins":136},{"file":115,"w":64,"h":116,"ext":66},[],{"key":119,"caption":120,"status":61,"capture":138,"pins":139},{"file":122,"w":64,"h":95,"ext":66},[],{"key":125,"caption":126,"status":61,"capture":141,"pins":142},{"file":128,"w":64,"h":129,"ext":66},[],[],0,7,3342,{"docId":4,"title":11,"category":9,"playbooks":148,"themes":149,"aliases":150,"screenIds":159,"subscreens":165,"docType":168,"template":169,"frontImpact":170,"captures":176,"updatedAt":196,"freshness":197,"wave":198,"author":199,"reviewStatus":200},[],[],[151,152,153,154,155,156,157,158],"팝업만들기","팝업생성","팝업수정","팝업이미지","팝업미리보기","모바일팝업","오늘하루보지않기","노출기간",[160,161,162,163,164],"S-AD01-0502-002","S-AD01-0502-002_pu01","S-AD01-0502-002·detail-preview-pc","S-AD01-0502-002·detail-preview-mobile","S-AD01-0502-002·edit",[166,113,120,167],"이미지 설정 창","팝업 수정","process","D2",{"kind":171,"latency":172,"evidence":173,"status":174,"screens":175},"visible","scheduled","estimated","pending-ledger",[],[177,181,183,185,188,190,192,193,194],{"key":178,"slot":179,"status":180},"AD01\u002F0502-002\u002Fmain","팝업 만들기 화면 전체","pending",{"key":59,"slot":182,"status":180},"기본정보 — 팝업명·공개여부",{"key":78,"slot":184,"status":180},"표시 설정 — 노출 기간·노출 위치·이동 주소",{"key":186,"slot":187,"status":180},"AD01\u002F0502-002\u002Fstep3","팝업창 디자인 — 이미지·창 닫기 방법",{"key":102,"slot":189,"status":180},"아래쪽 [미리보기]·[등록]",{"key":91,"slot":191,"status":180},"이미지 설정 창 — 파일 고르기·자르기",{"key":112,"slot":113,"status":180},{"key":119,"slot":120,"status":180},{"key":125,"slot":195,"status":180},"팝업 수정 화면","2026-07-22","pending-review","W4","백콘텐츠(ops-content-writer)","draft",{"docId":4,"screenIds":202,"subscreens":203,"updatedAt":196,"freshness":197},[160,161,162,163,164],[166,113,120,167],[],1784876346898]