Localización de barra de navegación y pie de página personalizados

Hola,
He creado algunas barras de navegación personalizadas escribiendo código HTML en la opción de editar CSS/HTML. Ahora quiero que se localicen según el país. ¿Hay alguna forma posible de hacerlo?
Adjunto mi código de ejemplo. ¿Puedo usar alguna API o handlebars o algo similar para que funcione?

<script type="text/x-handlebars" data-template-name="components/navigation-bar">
<div class="header-content">
    <div class="nav-content">
        <span class="digital-content">
      <a class="digital-talks-header" href='/'>Comunidad</a>
        <span class="vertical-line sec-nav-vline ie-brand-vline"></span>
         <span class="browse-text-header">
        <a href='/categories'>Categorías</a>
        </span>
        <span class="browse-text-header">
        <a  href='/c/announcements/6'>Anuncio</a>
        </span>
        <span  class="browse-text-header">
        <a  href='/c/discussion/7'>Discusión</a>
        </span>
 </span>
    </div>
</div>
</script>

Si hiciste esto un Componente de Tema, hay soporte incorporado:

He realizado cambios en el HTML del tema existente. Vea el código adjunto. Ahora quiero que las barras de navegación se localicen. ¿Puedo llamar a mi API y consumir los datos o hay alguna otra forma de solucionarlo?

navbar.txt (693 Bytes)