AliExpress 어필리에이트 도전기 #7 (이미지 삽입방법, 한 장 이상)
이미지 삽입, 이렇게 하니 훨씬 쉬워졌어요!
AliExpress 어필리에이트를 하다 보면, “이미지는 어떻게 넣지?” 라는 고민이 꼭 따라오죠.
저도 처음엔 제휴 도구에서 제공해주는 코드만 복사해서 썼는데, 이미지가 딱 한 장밖에 제공되지 않더라고요.
“어라? 이미지 여러 장 써야 리뷰가 그럴듯한데…”
“캡처해서 써야 하나?”
그래서 저는 일단 캡처 도구로 필요한 이미지를 저장해서 직접 업로드해서 사용했어요.
물론 이 방법도 가능하지만, 훨씬 더 간단하고 유용한 방법이 있었어요!
✔ 마우스 우클릭 → 이미지 주소 복사
AliExpress 상세페이지에서 원하는 이미지에 마우스 우클릭을 해보세요.
“이미지 주소 복사” 기능을 활용하면, 해당 이미지의 고유 URL을 얻을 수 있어요.
복사한 주소는 아래처럼 <img> 태그 안에 넣어서 사용할 수 있어요:
<a href="https://s.click.aliexpress.com/e/_yourAffiliateLink" target="_blank">
<img src="https://ae01.alicdn.com/kf/복사한이미지주소.jpg" alt="제품 이미지" style="width:100%; border-radius:8px;">
</a>
이렇게 하면 고화질 이미지가 블로그에 깔끔하게 보이고, 클릭하면 어필리에이트 링크로 이동해서 수익도 발생할 수 있어요.
초록색의 https://~~~~yourAffiliateLink 부분은 본인의 링크를 넣으시고
초록색의 https://~~~~복사한이미지주소. jpg부분에는 우클릭하여 얻은 이미지 주소를 넣어주세요
스타일 부분의 내용은 둥근 이미지모서리를 만들어주는 태그입니다. 원하면 제거 가능!
이럴 땐 HTML 자동 템플릿이 진가를 발휘하죠!
AliExpress에서 복사한 이미지 주소만 바꿔 넣으면, 여러 장의 상품 이미지를 깔끔하게 정렬해서 쓸 수 있어요.
특히 리뷰형 글이나 제품 소개 글에 정말 유용하답니다!
- HTML 자동 템플릿 예제 (주석 포함)
<!-- 이미지들을 세로로 나열할 컨테이너 div -->
<div style="display: flex; flex-direction: column; gap: 12px;">
<!-- 첫 번째 이미지: 클릭 시 제휴 링크로 이동 -->
<a href="https://s.click.aliexpress.com/e/_yourAffiliateLink" target="_blank">
<!-- 이미지 주소를 AliExpress 이미지 주소로 변경하세요 -->
<img src="https://ae01.alicdn.com/kf/이미지1.jpg"
alt="제품 이미지1"
style="width:100%; border-radius:8px;">
</a>
<!-- 두 번째 이미지 -->
<a href="https://s.click.aliexpress.com/e/_yourAffiliateLink" target="_blank">
<img src="https://ae01.alicdn.com/kf/이미지2.jpg"
alt="제품 이미지2"
style="width:100%; border-radius:8px;">
</a>
</div>
- 템플릿 사용법 (3단계)
- AliExpress 상세페이지에서 이미지에 우클릭 → 이미지 주소 복사
src="..."부분에 복사한 이미지 주소 붙여넣기href="..."부분에 본인의 어필리에이트 링크 삽입
필요한 만큼 이미지를 추가해서 블로그 포스팅을 풍부하게 구성할 수 있어요!
마무리 요약
- ✔ 알리는 기본적으로 이미지 1장만 제공
- ✔ 직접 캡처보다는 “이미지 주소 복사”가 훨씬 깔끔하고 편리
- ✔ HTML 자동 템플릿 활용으로 여러 장 구성도 OK!
- ✔ 링크 누락 없이 삽입하면 수익도 쏠쏠 기대
다음 편에는 제가 자주 쓰는 AliExpress 리뷰 전용 HTML 템플릿 풀버전을 공유해보려고 해요.
깔끔한 디자인 + 수익 최적화 구조가 궁금하시다면, #8도 꼭! 기대해주세요