Tabla de contenido
Requisitos de acceso Shopify
La traducción automática de IA en la nube que se utilizará con Shopify requiere cierto acceso para completar la configuración:
- Acceso de administrador Shopify
- Acceso a modificación de DNS de dominio
La configuración Shopify se compone de 3 sencillos pasos:
- Registra tu dominio para autorizar la traducción
- Modificar el DNS del dominio según los idiomas de traducción
- Agrega el enlace de cambio de bandera de idioma a tu tema de Shopify
Cómo hacer que tu sitio Shopify sea multilingüe en video
Registra tu dominio Shopify
Para ello, simplemente copia tu nombre de dominio con el https:// incluido y selecciona Shopify como plataforma.
Después de eso, seleccione su idioma de origen y de destino.
Nota importante de SEO: la cantidad de idiomas que configura tiene un gran impacto en el SEO. Cuando configura sus idiomas de traducción, si tiene una gran cantidad de páginas indexadas (> 500), el motor de búsqueda puede tardar mucho tiempo en procesarlas. Puede afectar su SEO en su idioma original. Es por eso que recomendamos agregar al principio un máximo de 5 idiomas, luego cuando esté indexado, puede agregar idiomas en un lote de 3 por mes.
Modificar el DNS del dominio según los idiomas
Agregar DNS de dominio automáticamente usando Entri
Una vez que haya registrado con éxito su sitio web en el panel Linguise , tendrá dos opciones para continuar con la instalación.
Probablemente deberías ver este contenido. Si prefieres agregar automáticamente los registros DNS, puedes hacer clic en " Conecta tu DNS automáticamente". Esta función, llamada Entri, agregará automáticamente sus registros DNS, lo que le permitirá continuar con la instalación fácilmente. La otra opción es copiar manualmente el DNS en su proveedor de dominio.
Después de hacer clic en el botón, Entri analizará la URL de su sitio web registrado y verificará su registro DNS público. En base a eso determinará el proveedor y los DNS que se requieren.
A continuación, puede hacer clic en " Autorizar con [su proveedor de dominio] " (en este ejemplo, es Cloudflare). Luego verá que el panel cambia a la página de inicio de sesión de su proveedor de dominio, donde puede iniciar sesión y continuar.
Después de iniciar sesión en su proveedor de dominio, Entri hará el resto y agregará automáticamente los registros DNS adecuados. Un DNS por idioma + un DNS TXT para la clave de validación.
Debería poder ver que DNS está agregado dentro de su dominio. Por ejemplo:
Una vez que lo haya autorizado, Entri le notificará que todas las configuraciones de DNS se han configurado correctamente.
Debería poder utilizar la función de traducción tan pronto como todas las entradas DNS se hayan propagado en su dominio (normalmente tarda entre 20 y 30 minutos).
Si prefiere la instalación manual , también puede hacerlo manualmente siguiendo los pasos que le proporcionaremos a continuación.
Copiar registros DNS
Una vez que haya validado su dominio, será redirigido a una pantalla donde los DNS que desea agregar a su dominio estarán listos para copiarse. Dependiendo de su empresa de alojamiento, la configuración del dominio puede verse un poco diferente, pero los nombres de los campos son bastante estándar. Estos registros son necesarios para cargar las páginas multilingües de su sitio web como fr.dominio.com, es.dominio.com…
Aquí están los elementos principales.
Después de eso, debe conectarse a su administrador de dominio y acceder al área de configuración de DNS. Luego, siguiendo las instrucciones, podrás copiar:
- Un registro TXT para la verificación del dominio
- Uno o varios registros CNAME para los idiomas.
A continuación se muestra un ejemplo para cada tipo de registro (TXT y CNAME):
Después de agregar todos sus registros, su configuración debería verse así.
Configuración DNS específica en el dominio Shopify
En Shopify , tienes la capacidad de administrar tu configuración de DNS dentro de la plataforma Shopify .
Específicamente, puedes acceder y modificar la configuración de DNS a través de la Shopify navegando a ' Dominios '. Dentro de esta sección, puede agregar y editar sus configuraciones de DNS según sea necesario.
Después de eso, puede seleccionar su sitio web principal y, en la esquina superior derecha, encontrará la opción denominada " Configuración de dominio ".
Al hacer clic en esta opción, obtendrá acceso a ' Editar configuración de DNS ', donde podrá proceder a agregar un nuevo registro DNS. Puede agregar los registros CNAME y TXT.
Finalmente, sus registros CNAME y TXT deberían aparecer como la siguiente imagen:
Es importante tener en cuenta que Shopify tiene reglas para agregar la configuración DNS. Asegúrate de seguir los pasos anteriores.
- Al configurar un registro CNAME , asegúrese de que el nombre sea el idioma para la traducción.
- Al configurar un registro TXT, asegúrese de que el nombre sea _ linguise
Shopify leerá este registro dns que agregaste y se propagará en consecuencia.
Verificar la validación de DNS
Después de agregar todos sus registros al DNS de su dominio, puede verificar la propagación de DNS haciendo clic en el botón Verificar configuración de DNS.
La validación de DNS suele tardar entre 30 minutos y 1 hora. Después de eso, deberías ver puntos verdes en la parte derecha de la lista de DNS en el panel Linguise . Estás casi listo para traducir tu sitio web Shopify , solo falta el enlace al selector de idiomas con banderas de países.
Agrega el selector de idiomas a Shopify
El selector de idioma es la bandera emergente para seleccionar el idioma que desea. Para cargarlo, deberás copiar el código que se encuentra al principio de tus páginas Shopify . El selector de idioma de la bandera se cargará automáticamente en su sitio web público.
El enlace para copiar se encuentra al final del registro del dominio o en la configuración del dominio. Copie el enlace al portapapeles.
Luego, en el Shopify , abre Tienda en línea > Temas.
Haga clic en los tres puntos de su tema actual y Editar código.
Finalmente, abra el archivo theme.liquid y pegue el código del script después del último
Ahora, en tu interfaz Shopify , deberías tener disponible el selector de idiomas Linguise .
Diseño de selector de idiomas Shopify
El selector de idioma se puede personalizar desde el Linguise > Configuración > Visualización de indicadores de idioma. Cada modificación aquí se reflejará en el sitio web.
En el lado derecho de la pantalla tienes la vista previa del selector de idioma. Estos son los elementos que puede configurar:
- 3 diseños: lado a lado, desplegable o emergente
- La posición del selector de idioma
- El contenido del selector de idioma
- Nombres de idiomas en inglés o idioma nativo
- Formas y tamaños de banderas
- Colores y sombra de caja.
Cargue el selector de idiomas en el contenido Shopify
Para mostrar el selector de idioma en un lugar específico, en el Shopify , debes configurar la posición como "En su lugar".
Una vez que haya establecido la posición en el Linguise , puede agregar el código corto a continuación para incluirlo. Haga clic en el código a continuación para colocarlo en su portapapeles.
Una vez agregado, en la interfaz tendrá la bandera y los nombres del idioma mostrados en el área HTML en la que agregó el código.
Configuración del dominio Shopify para Google ReCAPTCHA
Google ReCAPTCHA es un servicio gratuito que se utiliza para evitar el spam, por ejemplo, en los formularios de contacto. Para que esté disponible en Shopify , deberás registrar tus subdominios multilingües en el administrador Shopify .
Abra la configuración de la tienda y la configuración del dominio.
Luego haga clic en Conectar dominio existente
Agregue un subdominio de idioma existente, por ejemplo, si tiene su sitio web en francés, será fr.yourwebsite.com
Luego haga clic en Conectar dominio existente
Agregue un subdominio de idioma existente, por ejemplo, si tiene su sitio web en francés, será fr.yourwebsite.com
Finalmente, agregue [lang].yourwebsite.com, para cada idioma de traducción tenía que mostrar el reCAPTCHA en la interfaz.
Editor de traducción frontend en Shopify
El editor frontend facilita a los traductores modificar cualquier contenido HTML en Shopify en cualquier idioma. Puede editar una página haciendo clic en un elemento de la página y reemplazando el texto, enlace o imagen.
Si estás usando uno de los temas gratuitos proporcionados por Shopify , es posible que necesites editar el CSS del tema para tener acceso a todo el HTML, es porque usaron algún pseudoelemento no estándar.
Primero, edite el código del tema y luego abra el archivo base.css o cualquier otro archivo CSS cargado en su tienda Shopify .
Aquí está el código para agregar en su archivo CSS:
/* CUSTOM CSS FOR LIVE EDITOR LINGUISE
--------------------------------------------------------------------*/
/* Remove the problem of frontend editor on product and blog listing */
.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
content: none !important;
}
.card__heading a:after, .card--card:after, .card--standard .card__inner:after {
content: none !important;
}
/* Add back the button border */
button.button {
border: 2px solid #0E1B4D;
border-radius: 20px;
}
/* END CUSTOM CSS
--------------------------------------------------------------------*/