블로그나 웹사이트의 사이드바는 방문자의 시선이 자주 머무는 공간입니다. 이 공간을 활용하여 매력적인 쿠폰 광고를 게재하면 방문자의 클릭을 유도하고 잠재적인 전환율을 높일 수 있습니다. 지금부터 Blogspot 또는 WordPress 사이드바에 실제 쿠폰 광고를 제작하고 게재하는 전 과정을 다양한 도구와 방법을 활용하여 상세하게 안내해 드립니다.
![]() |
쿠폰 광고 제작 및 게재 가이드 |
준비물:
- 운영 중인 Blogspot 또는 WordPress 블로그/웹사이트
- 쿠폰으로 제공할 구체적인 할인 혜택 내용
- 온라인 디자인 도구 (Canva, Adobe Express 등)
- 쿠폰 클릭 시 연결될 웹페이지 링크 (랜딩 페이지, 상품 페이지 등)
1단계: 쿠폰 내용 및 디자인 컨셉 명확히 하기
성공적인 쿠폰 광고의 시작은 명확하고 매력적인 혜택과 시선을 끄는 디자인입니다.
-
쿠폰 제공 혜택 정의:
- 무엇을 할인할 것인가? (예: 특정 상품 카테고리, 신규 구독자 대상, 전체 구매 금액 등)
- 얼마나 할인할 것인가? (예: 10% 할인, 5,000원 할인, 무료 배송 등)
- 사용 조건은? (예: 최소 구매 금액 3만원 이상, 첫 구매 고객 한정, 특정 기간 한정 등) - 명확하게 전달해야 혼동이 없습니다.
-
쿠폰 코드가 필요한가? (예:
SPRING20
,WELCOME10
) - 필요하다면 기억하기 쉽거나 복사하기 쉬운 코드를 생성합니다.
- 유효 기간은 언제까지인가? (예: 2025년 5월 31일까지) - 긴급성을 부여하여 클릭을 유도합니다.
- 어떤 행동을 유도할 것인가? (클릭 유도 문구 작성) - "지금 바로 쿠폰 받기", "특별 할인 확인!", "클릭하고 코드 복사" 등 구체적인 행동을 지시합니다.
-
쿠폰 디자인 컨셉 구상:
- 어떤 느낌으로 만들까? (블로그/웹사이트 디자인과 어울리는 색상, 글꼴 선택)
- 어떤 이미지를 사용할까? (제품 사진, 관련 일러스트, 아이콘 등) - 할인 대상과 관련된 시각적 요소가 효과적입니다.
- 어떤 정보를 가장 눈에 띄게 할까? (할인율/금액, 쿠폰 코드, 유효 기간) - 가장 중요한 정보를 중앙이나 상단에 배치합니다.
- 크기는 어느 정도로 할까? (사이드바에 적합한 크기) - 일반적으로 가로 폭 300px 내외를 권장하며, 높이는 내용에 따라 자유롭게 설정하되 너무 길어지지 않도록 합니다. 300x250px 또는 300x300px 등이 많이 사용됩니다.
2단계: 쿠폰 이미지 디자인 및 제작 (온라인 디자인 도구 활용)
이제 구체적인 디자인 컨셉을 바탕으로 실제 쿠폰 이미지를 만듭니다. 디자인 전문 지식이 없어도 사용하기 쉬운 온라인 도구를 활용하세요.
-
디자인 도구 선택 및 접속:
-
Canva (캔바): (
) 가장 대중적이고 사용하기 쉽습니다. 다양한 무료/유료 템플릿을 제공합니다.www.canva.com
- Adobe Express (어도비 익스프레스): (https://www.google.com/search?q=new.express.adobe.com) 어도비에서 제공하는 간편 디자인 도구입니다.
- Pixlr (픽슬러): (pixlr.com) 온라인 사진 편집 및 디자인 도구입니다.
본 튜토리얼에서는 Canva를 예시로 설명합니다.
-
Canva (캔바): (
-
새 디자인 생성 및 크기 설정:
- Canva 접속 후 좌측 상단 [디자인 만들기] 클릭.
- [사용자 지정 크기] 클릭.
-
너비(Width)에
300
, 높이(Height)에250
또는300
등 원하는 크기를 입력하고 [새 디자인 만들기] 클릭. (추후 필요에 따라 크기 조정 가능)
-
쿠폰 디자인 요소 추가:
- 왼쪽 메뉴에서 [템플릿]을 선택하여 '할인 쿠폰', '배너' 등으로 검색하여 원하는 레이아웃의 템플릿을 찾거나, 빈 화면에서 직접 디자인합니다.
- [요소] 메뉴에서 배경 색상, 도형, 아이콘, 스티커 등을 추가하여 디자인 틀을 잡습니다.
- [텍스트] 메뉴에서 제목, 부제목, 본문 텍스트 상자를 추가합니다.
- 텍스트 상자에 할인율/금액, 쿠폰 코드, 유효 기간, 사용 조건, 클릭 유도 문구 등을 입력합니다.
- 글꼴, 글자 크기, 색상 등을 조정하여 중요한 정보가 눈에 잘 띄도록 합니다. (할인율/금액, 쿠폰 코드를 가장 크게 표시)
- [업로드] 메뉴를 통해 미리 준비한 로고 이미지나 제품 관련 이미지를 업로드하고 디자인에 배치합니다.
- [사진] 또는 [요소] 메뉴에서 제공하는 스톡 이미지나 그래픽을 활용할 수도 있습니다.
- 팁: 배경과 글씨 색상의 대비를 명확하게 하여 가독성을 높입니다. 사이드바의 다른 요소들과 너무 동떨어지지 않도록 블로그/웹사이트의 전반적인 톤앤매너를 고려합니다. "지금 클릭!" 또는 "쿠폰 받기"와 같은 클릭 유도 버튼 모양의 그래픽 요소를 추가하면 더욱 효과적입니다.
-
디자인 저장 (웹 최적화):
- 디자인이 완료되면 우측 상단 [공유] 클릭.
- [다운로드] 클릭.
- 파일 형식은 [JPG] 또는 **[PNG]**를 선택합니다. (일반적으로 JPG가 파일 크기가 작아 웹사이트에 적합합니다.)
- **[크기]**는 1배 또는 필요에 따라 조정합니다.
- [파일 크기 줄이기] 또는 [품질] 옵션이 있다면 웹사이트 로딩 속도를 위해 파일 크기를 최대한 작게 만듭니다. 100KB 이하로 만드는 것을 권장합니다. (만약 디자인 도구에서 파일 크기 줄이기 기능이 부족하다면, TinyPNG (tinypng.com) 와 같은 온라인 압축 도구를 추가로 사용합니다.)
-
파일 이름 설정: 파일 이름은
쿠폰 광고 내용을 나타내는 키워드를 포함하여 저장합니다.
(예:
텐트-할인쿠폰.jpg
,첫구매-5천원할인.png
) - SEO에 약간의 도움이 됩니다.
- [다운로드] 버튼을 클릭하여 이미지를 저장합니다.
3단계: 쿠폰 이미지 업로드 및 링크 연결 설정
제작한 쿠폰 이미지를 블로그/웹사이트에 업로드하고, 이미지를 클릭했을 때 연결될 페이지 링크를 설정합니다.
-
클릭 시 이동할 링크 준비:
-
방문자가 쿠폰 광고를 클릭했을 때 실제로 할인 혜택을
받거나 확인할 수 있는 페이지의 전체 URL을 준비합니다.
(예:
https://www.yourblog.com/special-offer
,https://www.yourmall.com/product/A123
, 제휴 마케팅 링크 등)
-
방문자가 쿠폰 광고를 클릭했을 때 실제로 할인 혜택을
받거나 확인할 수 있는 페이지의 전체 URL을 준비합니다.
(예:
-
쿠폰 이미지 업로드 및 링크 설정 (Blogspot):
- Blogspot 관리자 페이지 접속.
- 왼쪽 메뉴에서 [레이아웃] 클릭.
- 사이드바 영역 (주로 '사이드바 상단', '사이드바 하단' 등으로 표시)에서 [가젯 추가] 클릭.
- 나타나는 목록에서 가젯을 찾아 [+] 버튼 클릭.
- 이미지 가젯 설정 창이 나타납니다.
- 제목: (선택 사항) 사이드바에 표시될 가젯 제목입니다. '특별 할인 쿠폰' 등으로 입력할 수 있습니다.
- 캡션: (선택 사항) 이미지 아래에 표시될 설명입니다. 여기에 쿠폰 코드나 짧은 설명을 넣을 수 있습니다.
- 링크: 여기에 준비한 쿠폰 연결 URL을 입력합니다. 이미지를 클릭했을 때 이 주소로 이동합니다.
- 이미지: [업로드] 버튼을 클릭하여 2단계에서 저장한 쿠폰 이미지 파일을 선택하고 업로드합니다.
- 원본 크기 유지 또는 크기 자동 조절 옵션을 확인합니다. 사이드바 폭에 맞게 자동 조절되도록 두는 것이 편리합니다.
- [저장] 버튼 클릭.
-
쿠폰 이미지 업로드 및 링크 설정 (WordPress):
- WordPress 관리자 페이지 접속.
- 왼쪽 메뉴에서 [외모] > [위젯] 클릭.
- 위젯 관리 페이지에서 '사이드바' 또는 '메인 사이드바' 등으로 표시된 영역을 찾습니다.
- 사용 가능한 위젯 목록에서 위젯을 찾아 사이드바 영역으로 드래그 앤 드롭하거나, 사이드바 영역 옆 [+] 위젯 추가] 버튼을 클릭하여 이미지 위젯을 검색해 추가합니다.
- 사이드바에 추가된 이미지 위젯을 클릭하여 설정을 확장합니다.
- 제목: (선택 사항) 사이드바에 표시될 위젯 제목입니다.
- 이미지 추가: [이미지 추가] 버튼을 클릭하여 미디어 라이브러리에서 이미지를 선택하거나 [파일 업로드] 탭에서 2단계에서 저장한 쿠폰 이미지 파일을 업로드합니다.
- 이미지 선택 후, 이미지 상세 설정 창이 나타납니다. 여기서 [대체 텍스트] 항목에 이미지에 대한 간결한 설명을 입력합니다. (예: 캠핑 텐트 20% 할인 쿠폰 이미지) - 스크린 리더 사용자 및 SEO에 중요합니다.
- [링크 대상] 항목에서 [사용자 정의 URL]을 선택하고, 준비한 쿠폰 연결 URL을 입력합니다.
- 바로 아래 [새 탭에서 열기] 체크박스를 체크하는 것을 권장합니다. (방문자가 쿠폰 페이지로 이동하더라도 블로그/웹사이트는 그대로 유지됩니다.)
- [저장] 버튼 클릭.
4단계: 사이드바에 쿠폰 광고 게재 및 위치 조정
준비된 이미지와 링크를 사이드바에 추가하고, 가장 효과적인 위치로 조정합니다.
-
사이드바 위젯/가젯 위치 확인 및 조정:
- Blogspot 또는 WordPress 관리자 페이지의 레이아웃/위젯 메뉴에서 사이드바 영역을 확인합니다.
- 추가한 이미지 가젯/위젯이 사이드바 목록에 나타납니다.
- 위치 조정: 사이드바 내에서 해당 이미지 가젯/위젯을 마우스로 드래그 앤 드롭하여 원하는 위치로 옮깁니다.
- 팁: 방문자의 시선이 가장 먼저 닿는 사이드바 상단이나 본문 콘텐츠와 가까운 위치에 배치하는 것이 클릭률을 높이는 데 효과적일 수 있습니다.
-
변경 사항 저장 및 게재:
- Blogspot: 레이아웃 페이지 우측 하단에 있는 [정렬 저장] 버튼을 클릭합니다. 이 버튼을 클릭하면 사이드바 변경 사항이 블로그에 즉시 게재됩니다.
- WordPress: 위젯 페이지에서 위치를 변경하면 보통 자동으로 저장되지만, 저장 버튼이 있다면 클릭합니다. (사용자 정의하기를 통해 위젯을 추가/편집했다면 발행 버튼을 클릭합니다.) 저장 또는 발행하면 변경 사항이 웹사이트에 즉시 게재됩니다.
-
게시 결과 최종 확인:
- 실제 운영 중인 블로그/웹사이트 주소로 접속합니다.
- 사이드바 영역에 제작한 쿠폰 광고 이미지가 제대로 표시되는지 확인합니다.
- 이미지를 클릭했을 때, 3단계에서 설정한 링크로 정확하게 이동하는지 확인합니다.
- 링크가 새 탭에서 열리도록 설정했다면 새 탭에서 열리는지도 확인합니다.
- PC 뿐만 아니라 스마트폰, 태블릿 등 다양한 기기에서 접속하여 사이드바 광고가 깨지지 않고 잘 표시되는지 확인합니다. (반응형 디자인 확인)
5단계: 성과 측정 및 지속적인 최적화
쿠폰 광고를 게재한 후에는 광고의 효과를 분석하고 개선하는 과정이 필수적입니다.
-
성과 측정 도구 활용:
- Google Analytics (구글 애널리틱스): 웹사이트 트래픽 분석에 가장 널리 사용됩니다. 아직 설치하지 않았다면 설치하는 것을 권장합니다.
- 광고 클릭 추적 설정: 구글 애널리틱스에서 이벤트 추적 기능을 활용하여 사이드바 쿠폰 광고 이미지 클릭 이벤트를 설정하면 더 정확한 클릭 데이터를 얻을 수 있습니다. (구체적인 설정 방법은 별도의 검색이 필요할 수 있습니다.)
-
주요 성과 지표 확인:
- 노출수: 쿠폰 광고 이미지가 방문자에게 얼마나 많이 보여졌는지 (페이지뷰와 유사).
- 클릭수: 방문자가 쿠폰 광고 이미지를 클릭한 횟수.
-
클릭률 (CTR, Click-Through Rate):
(클릭수 / 노출수) * 100%
- 광고의 매력도를 나타내는 지표입니다. - 전환율: 쿠폰 광고를 통해 유입된 방문자가 실제로 목표 행동 (구매, 가입 등)을 완료한 비율. 제휴 마케팅 링크라면 제휴사 대시보드에서 전환을 확인합니다.
-
성과 분석 및 개선:
-
클릭률이 낮다면?
- 쿠폰 광고 이미지 디자인을 바꿔봅니다. (더 눈에 띄는 색상, 명확한 문구, 매력적인 이미지 사용)
- 클릭 유도 문구를 더 강력하게 변경합니다.
- 사이드바 내에서 광고 위치를 옮겨봅니다. (상단 또는 다른 위젯 위/아래)
- 쿠폰 혜택을 더 매력적으로 조정할 수 있는지 검토합니다.
-
전환율이 낮다면?
- 쿠폰 혜택 자체가 방문자의 니즈와 맞는지 재검토합니다.
- 쿠폰 사용 조건이 너무 복잡하거나 까다롭지 않은지 확인합니다.
- 링크 연결 페이지 (랜딩 페이지)의 정보가 명확하고 구매 과정이 간편한지 확인합니다.
- A/B 테스트: 가능하다면 여러 버전의 쿠폰 광고 (다른 이미지, 다른 문구, 다른 위치)를 동시에 게재하거나 번갈아 게재하며 어떤 광고의 성과가 더 좋은지 비교하고 최적의 광고를 선택합니다.
-
클릭률이 낮다면?
-
지속적인 관리:
- 쿠폰 유효 기간이 만료되면 광고를 내리거나 새로운 쿠폰으로 교체합니다.
- 계절이나 프로모션에 맞춰 쿠폰 내용을 주기적으로 업데이트하여 신선함을 유지합니다.
- 정기적으로 성과를 측정하고 분석하여 개선 노력을 지속합니다.
다음 단계
- 다양한 기기에서 꼭 확인하세요: PC뿐만 아니라 모바일, 태블릿에서도 광고가 잘 보이는지, 클릭은 정상 작동하는지 꼼꼼히 점검해야 합니다.
- 데이터를 친구 삼으세요: 구글 애널리틱스 등으로 클릭률과 전환율을 꾸준히 측정하고 분석해야 어떤 디자인이나 문구가 효과적인지 알 수 있습니다.
- 혜택을 업데이트하세요: 동일한 쿠폰 광고만 계속 노출하기보다 주기적으로 새로운 혜택이나 디자인으로 변경하여 방문자의 관심을 지속적으로 유도하세요.
**********
이제 사이드바 쿠폰 광고 제작 및 게재 방법을 알게 되었습니다. 이 가이드를 따라 바로 실행해 보세요. 당신의 블로그/사이트에 활기를 불어넣고 성과를 높일 기회입니다!
***
쿠폰 광고, 사이드바 광고, 블로그 광고, 워드프레스 위젯, 블로그스팟 가젯