카페 24 팝업 | 카페24 쇼핑몰 팝업창 등록하기/카페24 쇼핑몰 만들기/친절한길자쌤/박길현 [카페24 쇼핑몰제작#48] 424 개의 새로운 답변이 업데이트되었습니다.

당신은 주제를 찾고 있습니까 “카페 24 팝업 – 카페24 쇼핑몰 팝업창 등록하기/카페24 쇼핑몰 만들기/친절한길자쌤/박길현 [카페24 쇼핑몰제작#48]“? 다음 카테고리의 웹사이트 https://you.charoenmotorcycles.com 에서 귀하의 모든 질문에 답변해 드립니다: https://you.charoenmotorcycles.com/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 길자쌤의 쇼핑몰스쿨 이(가) 작성한 기사에는 조회수 12,442회 및 좋아요 83개 개의 좋아요가 있습니다.

카페 24 팝업 주제에 대한 동영상 보기

여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!

d여기에서 카페24 쇼핑몰 팝업창 등록하기/카페24 쇼핑몰 만들기/친절한길자쌤/박길현 [카페24 쇼핑몰제작#48] – 카페 24 팝업 주제에 대한 세부정보를 참조하세요

#카페24쇼핑몰#팝업창등록#박길현강사
영상 봐주셔서 감사합니다~~~~~
우리 ♡책으로 만나요
-카페24쇼핑몰 9일만에 정복하기: http://bitly.kr/QAXm
-된다!포토샵\u0026일러스트레이터: http://www.yes24.com/24/goods/67292951
♡오프라인 강의로 만나요
-카페24 오프라인 강의: https://edu.cafe24.com/
-쇼핑몰 포토샵 오프라인 강의: https://blog.naver.com/PostList.nhn?blogId=rlfcjstm\u0026from=postList\u0026categoryNo=110
♡다른 채널로 만나요
-블로그: https://blog.naver.com/rlfcjstm
-Instagram: https://www.instagram.com/o.why.o/
-페이스북: 박길현
-강의/광고문의: [email protected]

카페 24 팝업 주제에 대한 자세한 내용은 여기를 참조하세요.

[카페24] 디자인관리 / 팝업창 만들기, 팝업 설정 – 네이버 블로그

[카페24] 디자인관리 / 팝업창 만들기, 팝업 설정. 디자인나눔 이벤트를 하다보니,. 카페24 팝업 설정 질문을 하신 분이 계셔서포스팅을 해드립니다 ^ …

+ 여기에 자세히 보기

Source: m.blog.naver.com

Date Published: 6/27/2022

View: 3405

[팝업] 카페24 PC버전 기본팝업 등록하기 – 디자인플로어

[구] 운영 매뉴얼 · 1.PC버전에서 카페24 기본팝업 등록하기 · 1) 경로: 디자인관리 > 디자인기능설정 > 팝업설정 > [팝업등록] 클릭 · 2) 아래내용에 따라 …

+ 더 읽기

Source: www.dfloor.co.kr

Date Published: 12/15/2022

View: 98

카페24｜팝업공지 설정하는 방법 ( PC 버전 ) – 몰로디자인

[ PC 팝업공지 설정하기 ] 카페24 관리자 – 디자인관리 – 디자인 기능설정 – 팝업설정 – 팝업등록 □ 진행여부 : 진행으로 변경 □ 쇼핑몰 디자인 …

+ 자세한 내용은 여기를 클릭하십시오

Source: molodesign.kr

Date Published: 11/28/2021

View: 5025

[카페24] 팝업 설정 방법 알아보기 – 에프디컴퍼니

카페24에서는 쇼핑몰을 운영할 때 이벤트 및 프로모션 등의 정보를 쇼핑몰 고객에게 효과적으로 전달할 수 있도록 팝업 설정 기능을 제공하고 …

+ 여기에 자세히 보기

Source: fdcompany.tistory.com

Date Published: 11/5/2022

View: 7762

쇼핑몰] 팝업등록방법 이용안내 – 다올커뮤니케이션

카페24에서는 쇼핑몰 운영 시 이벤트 및 프로모션 등에 대한 정보를 쇼핑몰 고객에게 효과적으로 전달할 수 있도록 팝업 설정 기능을 제공하고 있습니다.

+ 더 읽기

Source: daolcom.com

Date Published: 10/14/2022

View: 592

카페24 기본 피씨 팝업 여백없이 깔끔하게 노출하는 방법! – 공백수

카페24 관리자 페이지 > 디자인관리 > 디자인 기능설정 > 팝업 설정에 접속 후, 기본적인 단일 팝업 설정을 진행합니다.

+ 자세한 내용은 여기를 클릭하십시오

Source: suusuus.tistory.com

Date Published: 6/14/2021

View: 6549

[카페24 매뉴얼] PC사이트 멀티팝업창 적용방법

[카페24 매뉴얼] PC사이트 멀티팝업창 적용방법 일반 팝업과 다르게 작은 레이어 창으로도 여러 개의 팝업 효과를 가지고 있는 멀티 팝업 창입니다.

+ 여기에 표시

Source: jwg-web.tistory.com

Date Published: 12/25/2022

View: 2085

주제와 관련된 이미지 카페 24 팝업

주제와 관련된 더 많은 사진을 참조하십시오 카페24 쇼핑몰 팝업창 등록하기/카페24 쇼핑몰 만들기/친절한길자쌤/박길현 [카페24 쇼핑몰제작#48]. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.

---

주제에 대한 기사 평가 카페 24 팝업

• Author: 길자쌤의 쇼핑몰스쿨
• Views: 조회수 12,442회
• Likes: 좋아요 83개
• Date Published: 2019. 7. 7.
• Video Url link: https://www.youtube.com/watch?v=RfvYHUs8nnI

[카페24] 디자인관리 / 팝업창 만들기, 팝업 설정

[카페24] 디자인관리 / 팝업창 만들기, 팝업 설정

디자인나눔 이벤트를 하다보니,

카페24 팝업 설정 질문을 하신 분이 계셔서포스팅을 해드립니다 ^^

​

​

경로는, 관리자 페이지 로그인 하시고,

[디자인관리] – [디자인 기능설정] – [팝업설정]

​

​

팝업설정을 클릭하시면 우측에 ‘팝업등록’이라는 버튼이 있습니다. 클릭!

제일 먼저 보여지는 건, 팝업진행설정입니다.

간혹 전부 설정하신 후에, ‘진행’으로 바꾸지 않아서 쇼핑몰에서 안보이는 경우가 있습니다.

쇼핑몰 디자인 선택에서는 대표디자인으로 설정된 것으로 선택!

​

​

팝업표시 설정에서는 기간을 설정하고, 팝업의 위치를 선택할 수 있습니다

또한, 페이지별 팝업노출이 가능한데요, 여기서 index.html은 쇼핑몰 메인페이지를 말합니다.

다른 설정을 따로 하지 않는다면, 메인에 팝업이 만들어지겠죠!

​

​

​팝업창 만들 때, 가장 많이 받는 질문입니다.

레이어 팝업과 윈도우 팝업의 차이가 뭐냐, 뭐가 더 좋냐 입니다.

결론은, ‘레이어팝업’을 추천합니다.

윈도우팝업의 경우는 ‘팝업을 허용하십니까?’ 라는 질문과 함께 새창이 뜨는데,

허용안함을 누르는 고객들이 있을 수도 있어 한정적이죠.

그러나 레이어 팝업은 브라우저 팝업차단에 걸리지 않기 때문에 많이 사용합니다.

차이가 뭔지 모르시겠다면! 직접 해보시는게 가장빠릅니다.

​

​​

​

이제 팝업 디자인을 넣을건데, 만들어진 샘플이 있지만, 안예쁘니까!!

직적 만든 이미지를 넣어보도록 해요.

팝업내용에서 빨간색으로 표시된 나무 그림을 눌러, 디자인을 추가합니다.

이때, ‘업로드하기’를 꼭 누르신 후에 적용을 하셔야 합니다!

​

​

그럼 이렇게 이미지가 적용될겁니다!

여기에 클릭하면 어떠한 페이지로 넘어갈 수 있게 하고 싶다면?

적용된 이미지를 한번 클릭한 후, 빨간색으로 표시한 모양을 클릭합니다.

그리고 URL에 이동될 페이지주소를 써줍니다.

이때 Target이라고 하는 것은, HTML의 속성 중 하나로,

target=”_self”

페이지를 현재창으로 이동

target=”_blank”

페이지를 새창으로 띄우기

이 두가지를 가장 많이 사용!

​

​

​

​

창닫기 디자인을 알아서 추가가 될 겁니다!

저장버튼을 꾹 누르면!! 카페24 팝업설정 끝!

이렇게 예쁜 팝업이 만들어지겠죠!

혹시 창닫기디자인과 이미지가 차이가 있다면,

팝업창디자인에서 팝업크기설정을 다르게 한건 아닌지 한번 확인해보셔요!!

http://blog.naver.com/park-yeji/220553973922

팝업으로 사용할 수 있는 디자인을 22일까지 나눔하고 있으니

필요하신 분들 댓글달아주시고, 예쁜 팝업 만들기 하세요!!

프리랜서 박예지였습니다!

​

카페24 디자인센터 전문 쇼핑몰 제작 업체

– 3단.6단 멀티팝업의 경우 디자인플로어에서 별도로 제작한 팝업 입니다. 멀티팝업 매뉴얼의 경우 디자인매뉴얼란에서 제공되는 멀티팝업 매뉴얼을 참고하여 수정해주시기 바랍니다.

1.PC버전에서 카페24 기본팝업 등록하기

1) 경로: 디자인관리 > 디자인기능설정 > 팝업설정 > [팝업등록] 클릭

2) 아래내용에 따라 진행여부를 설정해주세요.

대기: 팝업이 표시되지 않습니다.

종료: 설정한 기간후 자동 종료가 되며, 팝업이 표시되지 않습니다. 기간이 지나도 팝업이 삭제되지는 않습니다.

진행: 팝업을 쇼핑몰에 표시합니다. ( 기간이 제대로 설정되지 않은 경우 팝업이 표시되지 않습니다.)

3) 쇼핑몰 디자인선택란에서 사용중인 디자인을 선택하세요

4) 기간설정 항목에서 팝업을 표시할 기간을 설정해주세요.

5) 팝업 표시위치 항목에서 팝업표시를 원하는 위치를 지정해주세요.

6) 팝업종류를 “레이어팝업(권장)” 을 선택합니다.

7) 팝업크기를 만들어둔 이미지 사이즈 크기와 동일하게 입력합니다.

8) 팝업창 내용 등록방법 항목을 샘플팝업 이용하여 만들기를 선택합니다.

9) 팝업 제목을 입력합니다.

10) 팝업 내용란에서 [나무모양] 아이콘을 클릭후 만들어둔 이미지파일을 업로드 후 적용을 클릭 합니다.

11) 편집기의 [HTML 소스] 버튼을 클릭후 소스내용중 hspace=”5″ 부분의 숫자를 hspace=”0″ 으로 변경해주세요.

12) 하단의 [저장] 을 클릭해 팝업을 저장한 후 사이트에서 팝업이 정상적으로 등록되었는지 확인해주세요

13) 팝업이 나오지 않는경우 기간설정이 제대로 되었는지, 진행여부가 진행중으로 되었는지 다시한번 확인해주세요.

카페24｜팝업공지 설정하는 방법 ( PC 버전 )

[ PC 팝업공지 설정하기 ]

카페24 관리자 – 디자인관리 – 디자인 기능설정 – 팝업설정 – 팝업등록

■ 진행여부 : 진행으로 변경

■ 쇼핑몰 디자인 선택 : 현재 사용중인 디자인 선택

■ 기간설정 : 팝업공지 기간 설정 ( 파란색 달력 아이콘 사용 )

■ 팝업크기 : 작업한 이미지의 가로 X 세로 픽셀로 변경

■ 팝업제목 : 예시) 2020년 설날 배송공지

■ 팝업내용 : 이미지 첨부아이콘 클릭해서 컴퓨터에서 이미지 불러오기

찾아보기 > 파일업로드하기 > 적용

■ HTML 소스 아이콘 클릭해서 태그 수정하기

불필요한 p, br, vspace, hspace 삭제

[카페24] 팝업 설정 방법 알아보기

카페24에서는 쇼핑몰을 운영할 때 이벤트 및 프로모션

등의 정보를 쇼핑몰 고객에게 효과적으로 전달할

수 있도록 팝업 설정 기능을 제공하고 있습니다.

①

쇼핑몰 관리자 ‘디자인 관리>디자인 기능설정>팝업설정’으로 이동

②

‘팝업 등록’ 버튼 클릭

③

팝업 설정 페이지에서 ‘진행여부’를 ‘진행’으로 설정

④

팝업이 노출될 디자인 선택, 팝업 표시 기간 설정 등 설정

⑤

‘팝업창 디자인’에서 팝업 제목 및 내용 입력

⑥

‘창닫기 디자인’ 설정 후 저장

이렇게 해서 오늘은 카페24 팝업 설정 방법을 알아보았습니다.

카페24 쇼핑몰 제작과 관련해 궁금하신 점이나

상담이 필요하신 분들은 언제든지 저희 에프디컴퍼니에

문의를 주시면 빠르고 친절한 안내 도와드리겠습니다!

그럼 오늘 포스팅은 여기에서 마치며

오늘 하루도 행복하게 보내시기 바라요~

다올커뮤니케이션-[쇼핑몰] 팝업등록방법 이용안내

쇼핑몰관리자 ‘ 디자인관리 > 디자인 기능설정 > 팝업설정’ 에서 설정 가능합니다.

카페24에서는 쇼핑몰 운영 시 이벤트 및 프로모션 등에 대한 정보를 쇼핑몰 고객에게 효과적으로 전달할 수 있도록 팝업 설정 기능을 제공하고 있습니다.

팝업 설정은 팝업을 노출하고자 하는 위치에 따라 쇼핑몰 관리자 ‘디자인관리’ 또는 ‘모바일쇼핑몰’ 메뉴를 통해 설정하실 수 있으며,

카페24 기본 피씨 팝업 여백없이 깔끔하게 노출하는 방법!

반응형

카페24에서 단일 팝업을 노출할 때 창닫기 버튼과 이미지의 가로 크기가 딱 맞게 떨어지지 않는 경우가 있습니다.

이러한 여백이 생기는 부분을 개선해보겠습니다.

카페24 관리자 페이지 > 디자인관리 > 디자인 기능설정 > 팝업 설정에 접속 후, 기본적인 단일 팝업 설정을 진행합니다.

[기본적인 팝업 설정 과정]

1. 진행 여부 설정해주시고 대표 스킨을 선택해줍니다.

2. 기간 설정 팝업이 노출될 위치를 설정합니다.

3. 레이어 팝업, 팝업 크기(제작하신 팝업 이미지 크기), 닫기 방법, 샘플 팝업 이용하여 만들기 선택합니다.

4. 팝업 내용에 이미지 도구를 이용하여 제작하신 팝업 이미지를 등록합니다.

5. 창닫기 디자인도 원하시는 대로 설정 후 저장합니다.

기본적인 설정을 완료하여 저장하고 사이트를 확인하면 아래와 같이 좌우에 여백이 생기는 것을 확인할 수 있습니다.

[좌우 여백 없애기]

팝업내용에서 HTML 코드 보기 버튼을 눌러 코드를 확인합니다.

부분을 으로 수정해줍니다.

이미지에 설정된 hspace(가로 간격)를 5px -> 0px 로 수정한다는 의미입니다.

수정 후 저장해주세요.

가로 간격을 0px로 설정하여 저장 후, 사이트를 새로고침하여 확인하면 아래 이미지와 같이 좌우 여백 없이 닫기 버튼과 딱 맞게 설정된 것을 확인할 수 있습니다.

[팝업 이미지에 링크걸기]

설정한 팝업 이미지에 링크를 생성하기 원하신다면 아래 방법을 확인해주세요.

1. 팝업 내용에서 등록한 이미지를 블록 설정해주세요.

2. 링크 도구를 이용하여 연결할 링크 주소를 등록해주세요

3. Target 중 _blank 는 링크를 새창에서 띄우고 _parent 는 팝업 프레임의 부모창(현재창)에서 띄운다고 생각하시면 됩니다.

728×90

반응형

[카페24 매뉴얼] PC사이트 멀티팝업창 적용방법

[카페24 매뉴얼]

PC사이트 멀티팝업창 적용방법

일반 팝업과 다르게 작은 레이어 창으로도 여러 개의 팝업 효과를 가지고 있는 멀티 팝업 창입니다.

작은 네모칸의 배너를 클릭 시 큰 화면이 롤링되는 형태로 많은 업체에서 사용을 하고 있습니다.

해당 멀티 팝업창은 지원군디자인의 사이트를 구매 시 기본적으로 사이트에 적용되어있으며

사이트 구매 후 멀티 팝업창을 노출시키는 방법에 대한 매뉴얼입니다.

#01

카페24 관리자 페이지에서 팝업 설정 페이지에 접속합니다. 카페24 관리자 페이지에서 팝업 설정 페이지에 접속합니다.

01_1. 디자인관리 > 디자인 기능설정 > 팝업 설정

01_2. 팝업 설정 페이지에서 오른쪽에 팝업등록을 클릭합니다.

#02

팝업 설정 페이지에서 팝업등록을 위한 설정을 합니다. 팝업 설정 페이지에서 팝업등록을 위한 설정을 합니다.

02_1. 팝업진행설정

진행여부 : 진행

쇼핑몰 디자인 선택 : 팝업을 노출시킬 스킨 선택

02_2. 팝업표시설정

기간설정 : 1년으로 설정 후 사용 안 할 시 위에 진행 여부로 노출 설정 (권장)

팝업 표시 위치 : 기본 설정 (권장)

(추가 팝업을 등록 시에는 처음 등록한 팝업 창의 크기를 고려하여 픽셀 값을 입력합니다.

팝업 표시 위치 설정 : index.html (권장)

02_3. 팝업창 디자인

팝업종류 : 레이어 팝업

팝업 크기 : 3단 멀티팝업 (279px * 437px) / 6단 멀티팝업 (279px * 530px)

창닫기 방법 : 오늘 하루 열지 않음(권장)

팝업창 내용 등록 방법 : 직접 만든 팝업 선택하기

팝업제목 : 기억하기 쉬운 제목 (팝업 노출 관련 전혀 영향 없음)

팝업내용 : 팝업 화면 선택 클릭 후 > 팝업(폴더) > multi_popup_06.html (6단) / multi_popup_03.html (3단) 추가

02_4. 창닫기 디자인

창닫기 디자인 설정 : 상세디자인 설정(권장)

문구 정렬 : 왼쪽 정렬 (권장)

위와 같은 방식으로 진행 후 저장하시면 원하시는 멀티 팝업창이 바로 노출됩니다.

매뉴얼이 이해가 어려우신 분들을 위해 PC 사이트 멀티 팝업창 적용 방법의 풀 영상을 올리니 참고 바랍니다.

※ 해당 매뉴얼 컨텐츠는 지원군디자인에서 제작된 작업물이므로 동의 없이 양도, 복사, 배포 등이 절대 불가능합니다.

저작권법 위반 시 손해배상 청구 또는 법적 책임을 받을 수 있습니다.

키워드에 대한 정보 카페 24 팝업

다음은 Bing에서 카페 24 팝업 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.

이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!

사람들이 주제에 대해 자주 검색하는 키워드 카페24 쇼핑몰 팝업창 등록하기/카페24 쇼핑몰 만들기/친절한길자쌤/박길현 [카페24 쇼핑몰제작#48]

• 카페24쇼핑몰제작
• 카페24쇼핑몰만들기
• 쇼핑몰팝업창
• 카페24쇼핑몰팝업창
• 팝업창제작
• 친절한길자쌤
• 박길현

카페24 #쇼핑몰 #팝업창 #등록하기/카페24 #쇼핑몰 #만들기/친절한길자쌤/박길현 #[카페24 #쇼핑몰제작#48]

---

YouTube에서 카페 24 팝업 주제의 다른 동영상 보기

주제에 대한 기사를 시청해 주셔서 감사합니다 카페24 쇼핑몰 팝업창 등록하기/카페24 쇼핑몰 만들기/친절한길자쌤/박길현 [카페24 쇼핑몰제작#48] | 카페 24 팝업, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.