사용자팁 게시판

[팝업관리] Brave 플러그인 활용하기

유용한팁
작성자
관리자
작성일
2024-03-12 12:42
조회
616

팝업 플러그인 Brave 에 대한 사용법을 안내드립니다.

관리자 화면에서 'Brave' 또는 '팝업' 관리 등의 메뉴로 존재하는 경우 활용하실 수 있습니다.
해당 플러그인이 없다면 플러그인 추가에서 'Brave Conversion Engine'을 통해 검색하고 설치를 하시면 됩니다.
잘 모르시는 경우 유지보수 코너를 활용하여 주세요!


1. 팝업을 새로 만드는 방법

s5nUAdCXdsUAAAAASUVORK5CYII=

에서 보시면 popup 라는 팝업이 들어 있는 경우 'popup'를 클릭하여 수정해서 활용하시는 것이 가장 편한 방법입니다.

이러한 팝업샘플이 없다면 

IoAAAAASUVORK5CYII=

우측상단의 플러스 아이콘을 선택합니다.

wdRBAUbgmqNRAAAAABJRU5ErkJggg==

new popup/widget 를 선택합니다.


uisFvPvs8pVGLPgF9aZ8uUrAnyfIyTTgP7DOLeYV6yo8kWT1SfiRJsigpP5IkWZTbkh93R9P8PyIMZd1GUgsPAAAAAElFTkSuQmCC


상기처럼 샘플화면이 나옵니다.

무료버전을 설치하였기때문에 활성화 된 팝업샘플을 선택합니다.

dGVbObSQsUUAAAAASUVORK5CYII=

을 선택하겠습니다.

그전에 상단에 팝업타이틀을 꼭 써주어야 합니다.

vWJ+pjT7AAAAAElFTkSuQmCC


그런 후 우측 하단의 생성을 눌러줍니다.

B+vsd+ZTz5OGAAAAAElFTkSuQmCC

그러면 에디터 화면이 나오고 광고창이 뜨는데 광고창은 'No Skip The Tour'를 눌러 해제합니다.

1yYgUPtVmI4AAAAASUVORK5CYII=


이런 화면이 나올텐데 브라우저에서 한글로 변환해서 보시면 편합니다.

오른쪽의 팝업설정을 통해 미리 기본설정을 하시면 됩니다.

EwAAAABJRU5ErkJggg==


한글로 보시는 경우 직관적으로 이해가 가능합니다.

연습이 필요하니 이것저것 눌러보시면 됩니다.


화면의 배치와 여백 그리고 색상 등등 어느정도 수정을 하였다면 내용을 편집하시면 됩니다.


PsPSrFOlfZeqJiMgbkf8P85RmdgcoccIAAAAASUVORK5CYII=

팝업본문의 내용은 마우스를 클릭하여 수정/삭제가 가능합니다.

내용을 전부 지우거나 불필요한것을 제거한 후 왼쪽의

ZhXY2Tp7YAbXE0VBwNFUdDxdFQcTRUHA0VR0NfjoGGjnE0VBwNFUdDxdFQcTRUHA0Vx4Lov9F1XdnWufajAAAAAElFTkSuQmCC

위젯들을 통해 이미지를 불러오거나 텍스트 및 여러 옵션을 가져와서 작업하실 수 있습니다.

어느정도 작업이 되었다면 상단 중앙의

8QmAzSFqQAxRA2KIGhBD1IAYogbEEDUghqgBMUQNiCFqQAxRA2KIGhBD1IAYogbEEDUgpmRkZITfpwaEMFIDYogaEEPUgBiiBsQQNSCGqAExRA2IIWpADFEDYogaEEPUgBiiBsQQNSCGqAExRA2IIWpADFEDYogaEEPUgBiiBsQQNSCGqAExRA2IIWpADFEDYogaEEPUgBiiBsQQNSCGqAExRA2IIWpADFEDYkpmZmZuhu8BCGCkBsQQNSCGqAExRA2IIWpADFEDYogakGL2D0uQdRfYywzwAAAAAElFTkSuQmCC

옵션에서 '설정'으로 진입합니다.

5kIgtAAAAAElFTkSuQmCC

이러한 내용들이 나올 것 입니다.


dOjHC1vWQKYAAAAASUVORK5CYII=

에서는 홈페이지 전체에 노출 또는 메인화면만 노출 또는 원하시는 페이지(메뉴)에만 노출 시키는 것이 가능합니다.


w+KgMA8ZhmAgAAqjEyAwAAVCPMAAAA1QgzAABANcIMAABQjTADAABUI8wAAADVCDMAAEA1wgwAAFCNMAMAAFQjzAAAANUIMwAAQDXCDAAAUI0wAwAAVCPMAAAA1QgzAABANcIMAABQjTADAABUI8wAAADVCDMAAEA1wgwAAFCNMAMAAFQjzAAAANUIMwAAQDXCDAAAUI0wAwAAVCPMAAAA1QgzAABANcIMAABQjTADAABUI8wAAADFRP4fdFL1viOGnE4AAAAASUVORK5CYII=

에서는 PC와 모바일 전체 또는 구분하여 노출하는 것이 가능합니다.
간단한 예로 전화걸기 아이콘을 모바일에만 띄우는 식의 활용이 가능합니다.


5Yqc8H2te3ZaJ9SGSe5PgDMPC39z93MqT5z8P1D5vjJiR9flfmLV5p1l6w3nQvSAQGhM2hVxe9zzpN5pSHjtqP68QPjRc4w199C4dKZrYzbdiJXS2qUOBuYedbPMxOuNMSVOLOa035uWZIrGC9M1ysNjSkzj9C4DW+zZbeZwPj14zV4i0tI6ErDeVGiL1eE12dkPxPbrsquo4Bm9NHmCbSlPdPvtYPd7otttwXXkd3XBG9PAoCw1k4arDOfmRMnTpvPzTyzaPliMz8dDABTI3b74jl4FgkAgCabHUkDAAAAgIa16H+EBgAAANAsJA0AAAAAokgaAAAAAESRNAAAAACIImkAAAAAEEXSAAAAACCKpAEAAABAFEkDAAAAgCiSBgAAAABRJA0AAAAAokgaAAAAAESRNAAAAACIImkAAAAAEEXSAAAAACCKpAEAAABAFEkDAAAAgCiSBgAAAABRJA0AAAAAokgaAAAAAESRNAAAAACIImkAAAAAEEXSAAAAACCKpAEAAABAFEkDAAAAgCiSBgAAAABRJA0AAAAAokgaAAAAAESRNAAAAACIImkAAAAAEEXSAAAAACCKpAEAAABAFEkDAAAAgCiSBgAAAABRJA0AAAAAokgaAAAAAESRNAAAAACIImkAAAAAEEXSAAAAACCKpAEAAABAFEkDAAAAgCiSBgAAAABRJA0AAAAAokgaAAAAAESRNAAAAACIImkAAAAAEEXSAAAAACDCmP8PhtEpbf7L8N8AAAAASUVORK5CYII=

해당 옵션을 읽어보고 원하시는 설정만 진행하시면 됩니다.

추가로 사용법을 더 자세히 알고싶거나 추가설명이 필요하다면 아래 블로그를 참조하시기 바랍니다.

1)
https://www.thewordcracker.com/basic/%EC%82%AC%EC%9A%A9%EC%9D%B4-%EC%89%AC%EC%9A%B4-%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%ED%8C%9D%EC%97%85-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8/

2)
https://avada.tistory.com/2885

3) 
https://avada.tistory.com/3043


감사합니다!


빠르게 연락을 드립니다!
빠른상담신청