Muffin Group의 Betheme(웹 디자이너들이 선호하는 유료 테마)(4) : 상세 사용법(3)(tawk.to 무료 메신저 설치 방법)

2021년 12월 9일

1개의 언어만 사용하는 사이트의 경우

tawk.to 플러그인을 활용

다국어 사이트가 아닌 1개의 언어만 사용하는 경우, tawk.to 플러그인을 활용하는 것이 Bethme에 Tawk를 설치하는 방법(1:49) 에서 설명하는 방식(JS Javascript를 넣는 방식보다 안정적이고 설정Setting하기도 쉽습니다.

Bethme에 Tawk를 설치하는 방법(1:49)

Betheme -> [Theme Options] -> [Custom CSS & JS]를 클릭하고 JS에 코드를 넣어주시면 됩니다.

코드를 얻는 방법은 twak.to의 관리자 페이지(Adminstor)에서 Chat Widget을 선택한후 3번에 있는 코드를 복사하시어 붙여넣기 해주시면 됩니다.

betheme의 theme Option에서 붙여넣기를 하시면 둘째줄에 “<script type =”text/javascript”> 부분에 “Unexpected Token <“에러가 표시되는데 이것은 무시하시면 됩니다. 아주 잘 작동합니다.

다국어 사이트의 경우

Tawk WordPress 플러그인을 사용하지 마십시오.

대신 Tawk의 내장 코드를 사용하고 테마의 footer.php 파일에서 다음 코드를 사용하여 구현합니다.

<!--tawk.to를 다국어 사이트별로 적용하기 위한 코드입니다.-->
<?php
 
$current_language_code = apply_filters( 'wpml_current_language', null );
if($current_language_code == 'ko'): 
?>

<!--기본언어인 한국어를 위한 tawk.to 위젯 코드입니다.-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5e352647298c395d1ce5a5b3/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>

<!--영어를 적용하기 위한 코드입니다.-->
<?php
elseif($current_language_code == 'en'):
?>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5e352647298c395d1ce5a5b3/1g3o5icqo';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>

<!--일본어를 적용하기 위한 코드입니다.--> 

<?php
elseif($current_language_code == 'ja'):
?>
 
<script>
// javascript code for japan
</script>
<?php
endif;
?>
<!--tawk.to를 다국어 사이트별로 적용하기 위한 코드END-->

[외모] -> [테마 편집기]로 이동한후, 편집할 테마로 [betheme]를 선택해주세요.(behtme child에서는 footer.php 파일을 편집할 수 없습니다.)

www.seenbuy.kr/en/처럼 서브디렉토리를 사용해서 그런지 ” elseif($current_language_code == ‘ja’): ” 명령어가 작동을 하지 않습니다.