La integración de Pixpa con Weglot te proporciona todo lo que necesitas para traducir, mostrar y gestionar tu sitio web multilingüe, con control total de la edición.
Sin complicaciones: conecta tu sitio web de Pixpa con tu cuenta de Weglot para tener un sitio web completamente traducido y visible en cuestión de minutos.
Traducción automatizada: Weglot escanea y detecta automáticamente el texto, las imágenes y los metadatos SEO de tu sitio Pixpa y traduce continuamente cualquier contenido o página nueva a medida que avanzas.
Llega a nuevas audiencias: Benefíciate del SEO multilingüe con subdominios o subdirectorios de idioma, implementación de la etiqueta hreflang y metadatos traducidos para posicionar tus páginas traducidas en los motores de búsqueda.
En este artículo hablaremos de:
- Configure la cuenta de Weglot y copie el código JS de Weglot
- Insertar código JS en Pixpa Studio
- Traducir elementos dinámicos del sitio
- Conmutador de idioma predeterminado de Weglot
- Cambiador de idioma Pixpa
- Agregar exclusiones de traducción
- Uso de subdominios para sitios web de idiomas
Para copiar el fragmento de código de Weglot, siga estos pasos:
- Regístrate para la cuenta de Weglot.
- Debes recibir un correo electrónico de validación en la cuenta con la que te registraste. Después de validar su correo electrónico, llegará a la página de configuración de Weglot.
- Crear un nuevo proyecto y seleccione "Otro" como su "Tecnología del sitio web".
- En el siguiente paso, desplácese hacia abajo hasta el cuadro y haga clic en "Utilice la integración de Javascript", Como se muestra abajo.
- Luego se le pedirá que ingrese el idioma original de su sitio web de Pixpa y los nuevos idiomas a los que desea traducir y mostrar su sitio.
- En el siguiente paso, copie el código que se muestra en su pantalla y péguelo en Pixpa Studio. Eso es.
Incruste el código JS copiado en Pixpa Studio
- Vaya al Configuración (1) y haga clic en Idioma y etiquetas (2) en la barra lateral izquierda.
- Active la característica de Alternar Weglot (3) y pegar lo copiado Código JS de Weglot (4).
- Haga clic en el elemento Guardar botón. Eso es.
¡Tu sitio web de Pixpa ya está traducido!
Ya has traducido correctamente tu sitio web con Weglot. Visita tu sitio web y verás un selector de idioma en la parte inferior derecha (puede tardar unos minutos en aparecer).
Inicia sesión en tu cuenta de Weglot y luego ve a " Traducciones " para encontrar todas tus traducciones y editarlas.
Traducir elementos dinámicos del sitio
Es posible que Weglot no traduzca el contenido dinámico (como las secciones de elementos de lista, las secciones de titulares, etc.) de forma predeterminada. Para solucionarlo, ve a tu cuenta de Weglot y luego a Configuración de la aplicación.
- Haga clic en el botón Agregar dinámica
- Como se muestra a continuación, copie y pegue el selector de CSS y presione guardar. DNo olvide el prefijo de punto.
.is-wrapper, .overlay-container, .dynamic-component, .gallery-slider-desc
- Eso es. Vuelva a cargar su sitio Pixpa ahora.
- Los cambios deberían ser visibles 30 segundos más tarde, no dudes en actualizar* la página de tu sitio web y vuelve a consultar en una ventana de incógnito si no notas los cambios.
*Actualización dura:
Mac: cmd shift R (minúsculas)
PC: Ctrl F5
Conmutador de idioma de estilo
Puede elegir entre el selector de idioma predeterminado de Weglot y Pixpa.
Conmutador de idioma predeterminado de Weglot
El conmutador de idioma proporcionado por Weglot es un pequeño cuadro, ubicado en la esquina inferior derecha del sitio. Esto es lo que parece:
La configuración básica relacionada con el selector de idioma de Weglot (1) se encuentra en el panel de control de Weglot > Configuración > Selector de idioma . Así es como se ve:
También puedes agregar aquí algo de CSS personalizado (2) para personalizar el diseño del selector o cambiar la posición predeterminada en el sitio web.
Por ejemplo, la posición predeterminada del selector de Weglot es la esquina inferior derecha. Para cambiar la posición a la izquierda, añade el siguiente código CSS a tu cuenta de Weglot.
.wg-default, .wg-default .country-selector {
left: 40px!important;
right: auto!important;
}Haz clic aquí para ver más opciones de personalización del selector predeterminado.
Cambiador de idioma Pixpa
Utiliza las propiedades de estilo del sitio web de Pixpa. El selector formará parte del menú principal del sitio web.
Haz clic aquí para verlo en acción: light.pixpa.com
Agregar exclusiones de traducción
Es posible que Weglot traduzca el menú desplegable de cambio de idioma por defecto. Para restringir esta traducción, ve a tu cuenta de Weglot y luego a Exclusión de traducción.
- Haga clic en Agregar regla en la sección de bloques excluidos
- Como se muestra a continuación, copie y pegue el selector de CSS y presione guardar. DNo olvide el prefijo de punto.
.Cambio de idioma de pixpa
Uso de subdominios para sitios web de idiomas
Con Weglot, puedes configurar subdominios para cada versión lingüística de tu sitio web. Por ejemplo:
- es.yourwebsite.com para ingles
- fr.yourwebsite.com para francés
- es.yourwebsite.com para español
Este enfoque es compatible con SEO y permite que los motores de búsqueda indexen cada versión de idioma por separado.
Pasos para configurar la traducción de subdominios en Weglot
- Inicie sesión en su cuenta de Weglot – Vaya a weglot.com y iniciar sesiónSi no tienes una cuenta, puedes crear una.
- Crea un nuevo proyecto para tu sitio web Pixpa –
- Especifique un Nombre del Proyecto y seleccione Otra como tecnología de sitios web
- Haga clic en Siguiente .
- Elige tu sitio web Idioma original y conectar idiomas que quieras añadir (Idiomas traducidos) y haga clic Siguiente.
- Añade los detalles de tu sitio web
- Dominio URL Introduce el nombre de dominio de tu sitio web en el campo correspondiente. Asegúrate de que esté verificado.
- Publicar destino - Seleccionar Conectar mi sitio web en vivo .
- Tipo de URL - Seleccionar Subdominios opción del menú desplegable.
- Siguiente - Haga clic en la Siguiente Botón para continuar con los pasos de configuración del subdominio.
- Configurar DNS manualmente – Seleccione la opción para configurar manualmente sus registros DNS.
- Copiar registros DNS – Copie los detalles del registro CNAME proporcionados (nombre, tipo y valor) y agréguelos a la configuración de DNS de su dominio a través de su registrador de dominio.
- Compruebe DNS – Una vez agregado el registro DNS, espere unos minutos para la propagación y luego haga clic en Verificar DNS para verificar la conexión.
- Añadir el script de Weglot a Pixpa – Copie el fragmento de integración de JavaScript proporcionado por Weglot y péguelo en el Código JS de Weglot campo ubicado debajo de la Idioma y etiquetas sección en tu Pixpa Studio.
- Pon a prueba tus subdominios multilingües Visita cada subdominio (p. ej., fr.yourwebsite.com) para confirmar que tu sitio web muestra la versión traducida correcta. El selector de idiomas de Weglot también permite a los visitantes cambiar entre idiomas.
Para habilitar la función de subdominios en Weglot, necesitas conectar un dominio personalizado a tu sitio web de Pixpa, ya que esta función requiere editar los registros DNS de tu dominio. Consulta el artículo de ayuda para obtener más información sobre cómo conectar un dominio personalizado a tu sitio web de Pixpa.