<!-- Insert WOVN Snippet with your token -->
<script src="https://j.wovn.io/1" data-wovnio="key=ZITIE-" async></script>

<!-- Implement your favorite html for language switch -->
<div class="wovn-languages">
  <span class="wovn-switch" data-value="ja">Japanese</span>
  <span class="wovn-switch" data-value="en">English</span>
  <span class="wovn-switch" data-value="ko">Korean</span>
</div>

<!-- Your contents -->
<div>
  <h1>👋 Hello！</h1>
</div>
.wovn-languages ul {
  display: flex;
  list-style: none;
}
.wovn-languages span {
  padding: 5px;
}
.wovn-languages span + span {
  border-left: 1px solid;
}
.wovn-languages span.selected {
  font-weight: bold;
}
.wovn-languages span.wovn-switch:hover {
  text-decoration: underline;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.