워드프레스 카카오톡 채널 추가 버튼 삽입 방법

반응형

워드프레스 카카오톡 채널 추가 버튼 삽입 방법

사이트를 운영하는 분들 중 카카오톡 채널도 함께 운영하시는 분들이 많으실 것 같습니다.
사이트 원하는 부분에 채널 추가 버튼을 삽입해 보도록 하겠습니다.

카카오톡 채널 ID 확인

생성한 카카오 채널 관리자센터로 들어갑니다.(https://business.kakao.com/)

  • 채널 명 -> 관리 -> 상세설정
  • 노란색으로 표시 된 채널 URL _부터가 아이디 입니다.

 

카카오톡 채널 추가 코드 확인

  • 채널 ID를 입력합니다.
  • 버튼 크기를 선택하고 코드 생성 클릭
  • 아래와 같이 코드가 생성됩니다.

카카오톡 채널 추가 코드 적용

코드 적용

  • 1.의 코드를 복사하여 설명에 따라 <body></body> 뒤에 붙여넣습니다.
  • 사이트 구조를 잘 안다면 위 설명에 따라 코드를 입력해주시면 되고, 잘 모르겠다 하시는 분은 아래 플러그인을 사용해 코드를 입력하면 편합니다.

  • 위 플러그인을 설치하셨다면 Header & Footer의 body 칸에 아래 그림처럼 붙여넣기 후 저장해주시면 됩니다.

 

코드 적용

  • 2.의 코드를 복사하여 버튼을 표시하고자 하는 부분에 코드를 삽입해 줍니다.
  • 저는 오른쪽 사이드바에 표시하고자 했습니다.
  • 가운데 정렬을 원하는 경우 data style="text-align : center;" 를 추가해주시면 됩니다.

반응형

Designed by JB FACTORY