Top 9 카페 24 팝업 Top 9 Best Answers

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 카페 24 팝업 on Google, you do not find the information you need! Here are the best content compiled and compiled by the toplist.tfvp.org team, along with other related topics such as: 카페 24 팝업

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

[su_youtube_advanced url=”https://www.youtube.com/watch?v=RfvYHUs8nnI”]

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

Article author: m.blog.naver.com
Reviews from users: 2061 Ratings
Top rated: 3.2
Lowest rated: 1
Summary of article content: Articles about [카페24] 디자인관리 / 팝업창 만들기, 팝업 설정 : 네이버 블로그 [카페24] 디자인관리 / 팝업창 만들기, 팝업 설정. 디자인나눔 이벤트를 하다보니,. 카페24 팝업 설정 질문을 하신 분이 계셔서포스팅을 해드립니다 ^ … …
Most searched keywords: Whether you are looking for [카페24] 디자인관리 / 팝업창 만들기, 팝업 설정 : 네이버 블로그 [카페24] 디자인관리 / 팝업창 만들기, 팝업 설정. 디자인나눔 이벤트를 하다보니,. 카페24 팝업 설정 질문을 하신 분이 계셔서포스팅을 해드립니다 ^ …
Table of Contents:

카테고리 이동

국내여행베스트

이 블로그
쇼핑몰판매준비
카테고리 글

카테고리

이 블로그
쇼핑몰판매준비
카테고리 글

Article author: molodesign.kr
Reviews from users: 14381 Ratings
Top rated: 3.1
Lowest rated: 1
Summary of article content: Articles about 카페24｜팝업공지 설정하는 방법 ( PC 버전 ) [ PC 팝업공지 설정하기 ] 카페24 관리자 – 디자인관리 – 디자인 기능설정 – 팝업설정 – 팝업등록 □ 진행여부 : 진행으로 변경 □ 쇼핑몰 디자인 … …
Most searched keywords: Whether you are looking for 카페24｜팝업공지 설정하는 방법 ( PC 버전 ) [ PC 팝업공지 설정하기 ] 카페24 관리자 – 디자인관리 – 디자인 기능설정 – 팝업설정 – 팝업등록 □ 진행여부 : 진행으로 변경 □ 쇼핑몰 디자인 … [ PC 팝업공지 설정하기 ] 카페24 관리자 – 디자인관리 – 디자인 기능설정 – 팝업설정 – 팝업등록 ■ 진행여부 : 진행으로 변경 ■ 쇼핑몰 디자인 선택 : 현재 사용중인 디자인 선택 ■ 기간설정 : 팝업공.. 당신의 든든한 디자이너 친구! 몰로디자인의 공식 블로그입니다.
Table of Contents:

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

[ PC 팝업공지 설정하기 ]

티스토리툴바

Article author: fdcompany.tistory.com
Reviews from users: 24778 Ratings
Top rated: 3.9
Lowest rated: 1
Summary of article content: Articles about [카페24] 팝업 설정 방법 알아보기 카페24에서는 쇼핑몰을 운영할 때 이벤트 및 프로모션 등의 정보를 쇼핑몰 고객에게 효과적으로 전달할 수 있도록 팝업 설정 기능을 제공하고 … …
Most searched keywords: Whether you are looking for [카페24] 팝업 설정 방법 알아보기 카페24에서는 쇼핑몰을 운영할 때 이벤트 및 프로모션 등의 정보를 쇼핑몰 고객에게 효과적으로 전달할 수 있도록 팝업 설정 기능을 제공하고 … 카페24에서는 쇼핑몰을 운영할 때 이벤트 및 프로모션 등의 정보를 쇼핑몰 고객에게 효과적으로 전달할 수 있도록 팝업 설정 기능을 제공하고 있습니다. ① 쇼핑몰 관리자 ‘디자인 관리>디자..
Table of Contents:

에프디컴퍼니

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

①

②

③

④

⑤

⑥

티스토리툴바

Article author: suusuus.tistory.com
Reviews from users: 24385 Ratings
Top rated: 3.8
Lowest rated: 1
Summary of article content: Articles about 카페24 기본 피씨 팝업 여백없이 깔끔하게 노출하는 방법! 카페24 관리자 페이지 > 디자인관리 > 디자인 기능설정 > 팝업 설정에 접속 후, 기본적인 단일 팝업 설정을 진행합니다. …
Most searched keywords: Whether you are looking for 카페24 기본 피씨 팝업 여백없이 깔끔하게 노출하는 방법! 카페24 관리자 페이지 > 디자인관리 > 디자인 기능설정 > 팝업 설정에 접속 후, 기본적인 단일 팝업 설정을 진행합니다. 카페24에서 단일 팝업을 노출할 때 창닫기 버튼과 이미지의 가로 크기가 딱 맞게 떨어지지 않는 경우가 있습니다. 이러한 여백이 생기는 부분을 개선해보겠습니다. 카페24 관리자 페이지 > 디자인관리 > 디자인 기..여러가지 꿀팁
Table of Contents:

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

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

[좌우 여백 없애기]

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

티스토리툴바

Article author: jwg-web.tistory.com
Reviews from users: 1903 Ratings
Top rated: 4.9
Lowest rated: 1
Summary of article content: Articles about [카페24 매뉴얼] PC사이트 멀티팝업창 적용방법 [카페24 매뉴얼] PC사이트 멀티팝업창 적용방법 일반 팝업과 다르게 작은 레이어 창으로도 여러 개의 팝업 효과를 가지고 있는 멀티 팝업 창입니다. …
Most searched keywords: Whether you are looking for [카페24 매뉴얼] PC사이트 멀티팝업창 적용방법 [카페24 매뉴얼] PC사이트 멀티팝업창 적용방법 일반 팝업과 다르게 작은 레이어 창으로도 여러 개의 팝업 효과를 가지고 있는 멀티 팝업 창입니다. [카페24 매뉴얼] PC사이트 멀티팝업창 적용방법 일반 팝업과 다르게 작은 레이어 창으로도 여러 개의 팝업 효과를 가지고 있는 멀티 팝업 창입니다. 작은 네모칸의 배너를 클릭 시 큰 화면이 롤링되는 형태로 많..
Table of Contents:

웹퍼블리셔 안지원

010-7277-4903

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

웹퍼블리셔 안지원

01072594903

티스토리툴바

See more articles in the same category here: Top 165 tips update new.

[카페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 기본 피씨 팝업 여백없이 깔끔하게 노출하는 방법!

반응형

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

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

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

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

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

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

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

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

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

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

[좌우 여백 없애기]

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

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

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

수정 후 저장해주세요.

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

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

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

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

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

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

728×90

반응형

So you have finished reading the 카페 24 팝업 topic article, if you find this article useful, please share it. Thank you very much. See more:

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

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

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

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

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

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

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

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

Leave a Comment Cancel reply