잘 팔리는 제품 의 상품 상세 페이지 어떻게 만드는지 궁금하시죠? 근데 대부분의 상품 상세 페이지 내 분명 A라는 제품을 파는데 연관상품으로 B,C,D 심지어는 AB,AC,AD,ABC,ABCD 와 같이 세트 상품으로 팔아 객단가를 높이는 페이지를 많이 보셨을겁니다
구매자와 판매자 입장에서는 굉장히 바람직한 상세페이지만들기 예시라고 할 수 있습니다. A만 파는게 아닌, 한 상품으로 인해 연관상품 링크를 통해 파는 방법이기에 직간접적으로 매출에 기여한다라고 볼 수 있습니다.
여기서 우리가 캐치 할 수 있는 부분은 매출이 높은 여러 쇼핑몰 내 잘 팔리는 상세 페이지 내 상품 페이지 에는 여러 이벤스 상세 페이지 혹은 html 웹 상세 페이지 기능 구현을 통해 최대한의 여러 가지를 보여주는 방식이 바로 매출에 직간접적인 영향이 있지 않을까요?
상품 상세 페이지 필수 기능
– 오픈 마켓 상세 페이지 html 링크넣기
근데, 오픈마켓[G마켓, 옥션, 인터파크, 11번가 등등]에 내가 원하는 페이지를 띄우게끔 이동시켜주는 html 상세 페이지 팝업 링크를 걸 수 있을까요? 이렇게 말로만 설명드리면 이해하기 어렵기에 같이 사진을 첨부해놓겠습니다
아래와 같이 이런식으로 여러 상품을 링크할 수 있게끔하는 방식인데 제가 알려드리는 방법은 아래와 같은 상품 상세 페이지 보다도 더 강력하게 내가 원하는 위치에 사진을 넣고 팝업창을 띄우는 기능이기도 합니다 여러모로 쓸모가 많죠 😁
![](https://seongjangdotori.com/wp-content/uploads/img_61ff88d8b2e6c.png)
이전에는 제가 오늘 알려드리는 방식보다도 훨씬 쉽게 HTML 링크등을 걸어 내가 파는 다른 페이지로 이동시키거나 연동할 수 있었습니다.
하지만, 제 기억상 16년도~18년도사이부터는 오픈마켓 상세페이지 내에 새로운 창이 뜨게끔 연동하는 html 링크 삽입이 불가능해졌습니다
한마디로 지금 보고있는 상품페이지로만 구성되게끔 상세페이지를 만들어라! 라는 뜻이였겠죠? 하지만, 어디든 돌파구는 있는 법! 상품 상세 페이지 를 잘 팔리는 상세 페이지 로 만들기 위한 이벤트 상세 페이지 제작 방법은 또 있었습니다
html 상세 페이지 만드는 방식이 좋게말해 돌파구지, 안되는걸 돌려서 하는 방법이 맞겠네요 ㅎㅎ;; 불법이 아닌 방식으로 매출을 상승시키는것이 우리 온라인 쇼핑몰 사업자들의 가장 큰 바램이니깐요 ㅎㅎ
오픈마켓 html 상세 페이지 – 새창 생성기
잘 팔리는 제품 상세 페이지 만들기 – 아이템뷰 들어가기
링크[click] 를 눌러, 사이트에 접속해주세요 아래의 창과 같은 화면을 보실 수 있습니다. 사실 이 사이트만 알려드리면 설명이 잘 나와있기 때문에 제가 별도의 설명을 더하거나 뺄것이 없습니다만 그래도 부족하실수있기에 저도 같이 하는 화면을 통해 보여드리겠습니다
![잘 팔리는 제품 상세 페이지](https://seongjangdotori.com/wp-content/uploads/2021/02/img_602b83f498346.png)
사실 접속하면 워낙 밑에 정리가 잘되어있으므로, 딱히 제가 추가로 할 얘기는 없습니다. 밑에 주황색부분 버튼을 누르게 되면 예시가 나오면서 어떤 방식으로 구동되는지 대략 알 수 있습니다
밑의 사진은 2번 팝업소스창을 클릭했을때 생성되는 샘플 예시입니다. 이 html 상세 페이지 팝업 소스가 바로 잘 팔리는 상세 페이지 를 위한 첫걸음이자 이벤트 상세 페이지 가 되겠습니다 😁
![오픈 마켓 상세 페이지 html](https://seongjangdotori.com/wp-content/uploads/2021/02/img_602b842fc652b.png)
마우스를 사진에 올렸을때 보여지는 사진도 다르게 설정할 수 있습니다. 흔히들 말하는 hover 사진변경이라고도 하죠. 마우스를 올렸을때와 안올렸을때의 대비효과를 통해 사람들을 주목시키고 집중시키게 할 수 있는 기능이 되겠습니다 😁
![](https://seongjangdotori.com/wp-content/uploads/2021/02/img_602b8e4120547.png)
위와같이 마우스를 위에 올렸을때와 바깥에 뒀을때의 모습이 다릅니다ㅎㅎ 아주 좋은기능이기도하고, 위의 사이트 내에서 그 기능을 구현할 수 있게 잘 되어 있습니다.
밑의 오버이미지가 바로 그 기능을 구현하는 창이 되겠습니다😁
![](https://seongjangdotori.com/wp-content/uploads/2021/02/img_602b8f91ba94f.png)
그래서, 칸에 넣는 html 상세 페이지 주소는 어떻게 넣어?
이 html 상세 페이지 관련 내용은 이전에 제가 설명한 포스팅이 있습니다. 보러가기[click] 이 링크를 클릭해서 이미지호스팅에 관련된 내용을 보시면 내가 원하는 이미지를 html으로 변환할 수 있게[*무료입니다] 하는방법이 자세하게 나와있으니 꼭 확인해주셔야 넘어갈 수 있습니다
html 상세 페이지 옵션 위한 이미지 주소 생성 방법은 말이 길어졌지만 간단합니다
- 이미지호스팅으로 이미지를 html변환[여기서 바로 g마켓 이미지 호스팅 기능을 사용]
- 변환된 html을 이미지 정보에 입력
- 소스 생성 버튼 클릭
- 오픈마켓에 팝업소스 복사
위의 4단계가 끝입니다. 오버 이미지는 넣어도 되고 안넣어도 됩니다. 이 복사된 html을 오픈마켓 상세페이지 내 html 입력칸에 복사해주시면 됩니다. 그러면 내가 원하는 상품페이지를 지정하여 클릭했을때 창이 뜰 수 있는 것이죠
밑은 그림을 클릭했을때 뜨는 이벤트 상세 페이지 개념의 새로운 팝업창이 되겠습니다 추가로 간단하게 정리한 파일도 같이 보여드리겠습니다.
+ 개인적으로 이 html 상세 페이지 를 이용한 이벤트 상세 페이지 는 잘 팔리는 상세 페이지 위한 후기 상세 페이지 혹은 기타 여러가지 기능으로 활용 할 수 있기에 잘 만 사용하면 정말 좋은 기능이 될 수 있습니다 😁
![](https://seongjangdotori.com/wp-content/uploads/2021/02/img_602b92f49d2a2.png)
밑의 노란색 부분에 왼쪽에는 이미지 html 주소와 우측에는 열리길 원하는페이지 주소를 넣으시면, 클릭시 팝업창이 뜨는 신세계를 보실 겁니다😁
<!– ## Code : http://itemview.co.kr ## File : 5c839163470b4.jpg ## Date : 2019-03-09 // –> <div style=”text-align:center”> <img src=”이미지 파일주소” onmouseover=”열리길 원하는 페이지 주소”;this.onmouseup=function(e){w=window; w.open(n,’_blank’,’width=1100,height=10000,scrollbars=yes,resizable=1′);};” style=”cursor:pointer”> </div> <!– ## Code : http://itemview.co.kr ## File : 5c839163470b4.jpg ## Date : 2019-03-09 // –> |
잘 팔리는 제품 상세 페이지 – 아이템뷰 사용 꿀tip & 주의사항
오픈마켓 상세페이지 위한 팝업창을 이용하는 방법을 알아봤습니다. 추가적으로 하시면 좋은방법이 저는 클릭하면 뜨는 페이지를 각 오픈마켓의 판매자 미니샵으로 걸어놨습니다.
내가 판매하는 상품중 연관상품이 있을경우 같이 구매전환이 일어날 수 있게 해놓은 것이지요 그밖에 다른 방법으로 하고싶으신분은 그렇게 하셔도 됩니다 얼마든지 활용이 가능한 기능이니깐요 다양하게 해보시길 바랍니다😁
여기까지해서 잘 팔리는 제품 상세 페이지 를 위해 오픈마켓 상세페이지 링크넣는방법 에 대해 알아봤는데요 팝업 을 이용한 방법도 있구나 하고 인지하고 계시면 분명 좋은 효과있으리라 생각합니다 ✌