Sitio Web en varios idiomas

Sitio Web en varios idiomas

Nuestro constructor Web no es multi-idioma pero puedes lograr que tu web se muestre en distintos idiomas utilizando la API de Google Translation. A continuación te mostramos paso a paso cómo hacerlo:

1- Desde el constructor de tu Sitio ve a Ajustes > Código personalizado




Luego, dentro de la sección Código global personalizado haz clic en Código personalizado en Head




En el cuadro de código que encontrarás deberás añadir el siguiente código:
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'es', includedLanguages: "en,fr,es,de,it", layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
cómo puedes ver hay una parte del código que hace referencia a los códigos de cada idioma:
includedLanguages: "en,fr,es,de,it"

Si deseas añadir más idiomas podrás hacerlo colocando el código del idioma que deseas añadir entre las comillas "" separando cada código de idioma por una coma.

Luego pulsa el botón Guardar





2- De nuevo ve a Ajustes > Código personalizado > Código global personalizado > CSS personalizado



En el cuadro de código que encontrarás deberás añadir el siguiente código:

.goog-te-gadget-icon {
  display:none;
}

body{
position: relative;
    top: 0px !important;
}

.goog-te-gadget-simple {
    background-color: #ecebf0 !important;
    border:0 !important;
    font-size: 10pt;
   font-weight:800;
    display: inline-block;
    padding:10px 10px !important;
    cursor: pointer;
    zoom: 1;
}

.goog-te-gadget-simple  span {
   color:#3e3065 !important;

}
  
  #google_translate_element {
    position: absolute;
    top:0px;
    right: 0%;
    z-index: 100;
}
.skiptranslate .indicator
  {
    display:none !importan;
  }
.skiptranslate iframe{
    display:none;
}

Luego pulsa el botón Guardar





3.  Ahora, desde el menú lateral izquierdo del constructor, añadiremos un widget  "Contenedor" en la parte superior de nuestro sitio





A continuación, dentro de ese contenedor o bloque, añadiremos un widget de "código"



y en el cuadro de código que aparecerá que colocaremos el siguiente código:
<div id="google_translate_element"></div>





Para finalizar pulsaremos el botón Guardar



Ahora si previsualizamos nuestro sitio, aparecerá un selector de idioma de Google Translator que permitirá al usuario escoger el idioma en que desea ver los contenidos de tu sitio y estos se traducirán automáticamente:



    • Popular Articles

    • Guía de Negocio para Resellers y Partners

      En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...

    • Ver una Demo de Scoreapps para Resellers

      En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:

    • Proporciona acceso a tus Aplicaciones

      Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...

    • Cómo Crear una App de Tienda

      El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...

    • Cómo diseñar la pantalla de inicio o portada de una App

      En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:

    • Related Articles

    • Analiza y optimiza sitios web

      Te enseñamos a utilizar Metrics de tu Plataforma de Control. ? Analizar un sitio web con Metrics Para comenzar, simplemente inserta el sitio web a analizar en el campo de búsqueda. Después pulsa el botón "Analizar" para comenzar. ◼️ Descargar el ...

    • FUNNELS: Cómo Insertar un Pop-up en tu Página

      Para crear una nueva ventana emergente en su sitio web, haga clic en Páginas -> Añadir nuevo -> Pop-up. Selecciona uno de las plantillas pre-diseñadas para el popup que se mostrará en la página. En los Ajustes del Popup encontrarás los 6 diseños ...

    • Funnels vs. Páginas: ¿En qué se diferencian?

      Aunque a simple vista pueden parecerse, los Funnels y las Páginas tradicionales son técnicamente distintos: ? Funnels Los Funnels son una página web sin menú principal ni footer comunes entre todas las páginas. En el Funnel puedes configurar un ...

    • Cómo Hacer Fijo el Menú de Navegación de tu Sitio

      PASO 1 Selecciona el bloque donde se encuentra ubicado el menú de navegación Luego añade un nombre de clase personalizado (en nuestro ejemplo lo hemos llamad nav-top, pero puedes darle el nombre que quieras) Luego pulsa el botón Guardar PASO 2 A ...

    • FUNNELS: Pagos Incompletos en Stripe

      ¿En qué consiste? En la nueva versión de Stripe, es muy probable que encuentres pagos marcados como Incompletos. No te preocupes, e algo normal. Significa que el pedido no se ha completado. Cada vez que alguien llega a tu checkout y Stripe ha ...