본문 바로가기
쇼핑

[쿠팡파트너스] 쿠팡 파트너스 상품링크 티스토리 HTML로 넣기 / 상품 링크 HTML 코드로 가운데 정렬 하기

by 무브영/movewoo0 2021. 6. 8.
728x90
반응형

안녕하세요.

 

이번 포스팅에서는 티스토리 블로그에 쿠팡파트너스의 상품링크를 HTML 형식으로 넣는 방법을 포스팅하겠습니다.

 

이미지를 그대로 따라하시면 티스토리 블로그에 쉽게 HTML 형식으로 쿠팡파트너스의 상품링크를 넣으실 수 있습니다. 

 

 


 

 

 

 

0. 쿠팡파트너스 접속, 가입

 

쿠팡파트너스에서 수익을 얻기 위해서는 상품의 링크를 블로그 또는 본인의 게시물에 넣어야 합니다.

 

누군가 그 링크를 눌러서 상품을 구매했을 때, 링크를 게시한 사람에게 수익의 작은 부분을 주는 형식입니다.

 

https://partners.coupang.com/

 

Coupang Partners

쿠팡과 함께 수익을 창출해보세요

partners.coupang.com

 

만약 쿠팡파트너스의 계정이 없다면 아래의 링크를 통해 들어가서 가입을 합니다.

 

이전에 쿠팡 계정이 있다면 그 계정을 연동하면 됩니다. 

 

신규 가입 시에는 추천인으로 youngswooyoung@gmail.com 으로 등록 부탁드립니다!

 

 


 

1. 쿠팡파트너스 링크 생성

 

쿠팡파트너스 가입 또는 연동을 완료하셨다면 이제 링크를 넣어보겠습니다.

 

제일 기본적인 상품 링크를 넣어보겠습니다. 

 

 

상품 링크


상단의 메뉴에서 링크 생성 - 상품 링크 만들기 로 들어갑니다. 

 

 

 

 

상품 찾기

 

 

검색창에서 링크를 생성할 상품을 고르실 수 있습니다.

 

그렇다면 예시로 상품 목록 중 제일 앞에 있는 오뚜기밥의 상품링크를 만들어보도록 하겠습니다. 

 

 

 

상품 링크 예시

 

 

링크를 만들기 원하시는 상품위에 마우스를 올리면 '링크 생성' 버튼이 뜹니다. 클릭합니다. 

 

 

 

HTML 링크 생성

 

 

'링크 생성' 버튼을 누르면 단축 URL 그리고 HTML 코드가 생성이 됩니다. 

 

저희는 아래에 있는 HTML 코드를 이용해서 티스토리 블로그에 상품링크를 넣을 것이고,

 

넣게 된다면 왼쪽의 미리보기의 광고 형태로 제작이 됩니다. 

 

'HTML 복사' 버튼을 눌러서 HTML 코드를 복사해줍니다. 

 

 

 


 

 

2. 티스토리에 HTML 사용해서 상품 링크 넣기 

 

 

티스토리 글쓰기

 

티스토리의 글쓰기를 눌러서 새 글을 쓰는 화면으로 들어갑니다.

 

편집창 우측 상단에 보시면 '기본모드' 버튼이 있는데 눌러보시면 

 

 

HTML 버튼

 

 

아래로 늘어지면서 'HTML' 버튼이 나옵니다.

 

눌러서 들어갑니다. 

 

 

HTML

 

 

HTML 메뉴로 들어가게되면 위와 같이 HTML 코드 창이 뜹니다. 

 

그리고 제가 글쓰기에 입력 했던 "아래의 위치에 상품을 넣을 겁니다." 가 들어있는 코드가있고

 

아래로 몇몇 코드가 있는데 한 줄당 하나의 줄바꿈(Enter)를 의미합니다. 

 

3번째 줄과 4번째 줄 사이에 아까 복사한 쿠팡파트너스의 HTML 코드를 붙여 넣어봅니다. 

 

 

상품 링크 HTML 코드 넣기

 

 

위와 같이 넣었다면 오른쪽위의 'HTML' 메뉴에서 다시 '기본모드'로 돌아가 봅니다.

 

 

상품 링크 적용 모습

 

'기본모드'로 돌아가면 위와 같이 상품 링크가 적용이 된 모습을 확인할 수 있습니다. 

 

그런데 상품 링크가 좌정렬 되서 보기 싫으신분이 있을 수 있습니다. 

 

글 상단의 글 가운데 정렬로도 먹히지 않는데 

 

가운데 정렬하는 방법은 아래와 같습니다. 

 

다시 한번 HTML 코드 창으로 들어갑니다. 

 

상품 링크 가운데 정렬

 

추가한 HTML 코드의 앞과 뒤에 가운데 정렬을 위한 HTML 코드인 

 

<div align="center">, </div> 를 넣어줍니다.

 

그러고나서 다시 '기본모드' 로 돌아온다면 

 

 

상품링크 가운데 정렬

 

위와 같이 링크가 가운데 정렬 되어있는 모습을 확인할 수 있습니다. 

 

 


 

본 포스팅의 내용 및 이미지를 무단 전재, 재배포 또는 복사를 금지합니다.

인용 시 출처와 같이 공개해주세요!

도움이 되셨다면 댓글 또는 공감 부탁드립니다!

 

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.

 

728x90
반응형

댓글