¿Tiene un sitio web creado con Concrete CMS y desea agregar un selector de idiomas? Configurar un selector de idiomas simplifica el proceso para que los usuarios cambien entre idiomas. Esta funcionalidad es especialmente útil para sitios web con una base de usuarios internacional, ya que permite a los visitantes navegar por la plataforma en su idioma preferido.
Para configurar un selector de idiomas en Concrete CMS , los administradores generalmente comienzan especificando los idiomas que desean admitir en la configuración del sistema. Luego agregan un menú desplegable o un botón que los usuarios pueden usar para seleccionar su idioma preferido. Este artículo lo guiará a través de la implementación de un selector de idiomas en Concrete CMS utilizando uno de los servicios de traducción automática .
Importancia de configurar un selector de idiomas en Concrete CMS
La necesidad de ofrecer contenido en varios idiomas es cada vez más importante. Un estudio reciente de DeepL reveló que el 75 % de los encuestados coincidieron en que el contenido localizado aumenta significativamente la participación del cliente.
Implementar un selector de idiomas consiste en traducir contenido y crear una experiencia más personalizada para los visitantes del sitio web. Esto se desprende de los datos que muestran que el 96% de los encuestados observaron un ROI (retorno de la inversión) positivo de sus esfuerzos de localización de contenidos.
Con estos datos en mente, implementar un selector de idiomas en Concrete CMS es un movimiento estratégico que no se puede abandonar. Es por eso que este artículo discutirá cómo configurar un selector de idiomas en su sitio web Concrete CMS .
Cómo configurar un selector de idiomas en Concrete CMS
Ahora que entendemos la importancia de la función de cambio de idioma en la plataforma multilingüe Concrete CMS analicemos cómo implementarla. Concrete CMS tiene un sistema de gestión de idiomas integrado que se puede personalizar para satisfacer las necesidades de su organización.
Uno de los servicios de traducción automática que puedes utilizar es Linguise . Linguise ofrece funciones de cambio de idioma fáciles de usar y se puede integrar con varios CMS populares, incluido Concrete CMS .
Concrete CMS proporciona una sencilla integración en varios idiomas, lo que permite a los administradores agregar rápidamente funciones de cambio de idioma a sus sitios. Al utilizar Concrete CMS , puede simplificar la configuración y el mantenimiento de un selector de idiomas en su plataforma. Estos son los pasos para instalar la traducción automática Linguise Concrete CMS y configurar el selector de idiomas.
#1 Registrar dominio Concrete CMS
Comience creando una cuenta Linguise gratuita y agregando el dominio de su sitio web. Puede utilizar una prueba gratuita de 30 días antes de decidirse por una suscripción.
A continuación, deberá autorizar la traducción de su dominio. Copie su nombre de dominio, incluido "https://", y seleccione " Concrete CMS " como su plataforma. Elija su idioma de origen y los idiomas de destino para la configuración de traducción automática dentro de Concrete CMS .
#2: Cargue y conecte el script Linguise
Debe cargar el script de traducción Linguise en el servidor donde está instalado Concrete CMS . Descargue el script desde el enlace proporcionado, descomprímalo y coloque la carpeta en el directorio raíz de su instalación de Concrete CMS . Asegúrese de que la carpeta se llame " linguise ".
Luego, inserte la clave API Linguise en el archivo Configuration.php de su servidor. Abra el archivo y reemplace “REPLACE_BY_YOUR_TOKEN” con su clave API, colocándola entre comillas simples.
#3: Configurar la reescritura de URL Concrete CMS
En Concrete CMS , la reescritura de URL suele estar habilitada de forma predeterminada. De lo contrario, puede habilitarlo a través de su proveedor de alojamiento. Actualice el archivo .htaccess agregando un código específico después de la línea "RewriteEngine on". Esto configurará URL específicas del idioma.
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}/index.html !-f
RewriteCond %{REQUEST_FILENAME}/index.php !-f
RewriteRule . /concretee/index.php [L]
#4: Habilite y personalice el selector de idiomas
El enlace del script Linguise JS debe cargarse en todas sus páginas Concrete CMS para mostrar el selector de idiomas con banderas y URL alternativas (crucial para SEO). Puede encontrar el enlace del script en la configuración del dominio en su panel de Linguise .
Para cargar el script en Concrete CMS , inserte el código en el archivo header.php o dentro del archivo de su sitio.<head> sección a través del panel de administración navegando a Sistema y configuración> SEO y estadísticas.
Luego, agréguelo en Códigos de seguimiento.
De forma predeterminada, el conmutador aparece en la esquina superior derecha.
Sin embargo, su panel puede personalizar su apariencia utilizando la función "Visualización de indicadores de idioma".
#5: Configurar la pantalla principal
Para comenzar a configurar el selector de idiomas, navegue hasta la sección "Configuración" > "Visualización de indicadores de idioma" Linguise . Aquí puede ajustar varias configuraciones.
- Estilo del icono de bandera: elija entre tres estilos de visualización: uno al lado del otro, menú desplegable o ventana emergente.
- Posición: seleccione la ubicación del selector de idiomas en su sitio web, asegurándose de que sea fácilmente accesible para los visitantes.
#6: Personaliza el diseño de la bandera
Después de configurar la pantalla principal, puede personalizar el diseño de las banderas de idioma.
- Nombre del idioma para mostrar: decida si desea mostrar el nombre según el país o el idioma, como "francés" o "francés".
- Tipo de bandera en inglés: esta opción le permite diferenciar entre variaciones del inglés estadounidense o británico y se aplica de manera similar al español, portugués o alemán.
- Estilo de bandera: seleccione la forma del icono de la bandera, ya sea redonda o rectangular.
#7: ajusta el color y el tamaño
A continuación, podrás personalizar el color y el tamaño de las banderas.
- Radio del borde de la bandera: establezca el radio en píxeles para las banderas rectangulares.
- Color del nombre del idioma: elija el color de texto predeterminado para mostrar los nombres de los idiomas.
- Color de idioma emergente: especifique el color del texto para los títulos de idiomas en la ventana emergente o el menú desplegable.
- Tamaño de la bandera: ajusta el tamaño de los iconos de la bandera.
- Color de desplazamiento del nombre del idioma: establezca el color de desplazamiento para los nombres de idiomas.
- Color de desplazamiento del idioma emergente: defina el color de desplazamiento de los títulos de idiomas en la ventana emergente o el menú desplegable.
# 8: agregue una sombra de cuadro de bandera
Por último, puede personalizar la configuración de sombra del cuadro de bandera.
- La primera opción agrega un efecto de sombra a los íconos de banderas que se muestran en su sitio web.
- La segunda opción controla el efecto de sombra cuando los usuarios pasan el cursor sobre las banderas de idioma.
Una vez satisfecho con la configuración, haga clic en "Guardar" para aplicar los cambios. Visite el Concrete CMS para confirmar que el selector de idiomas funciona según lo esperado y obtener una vista previa de su apariencia.
También puede traducir el sitio a idiomas adicionales, como el alemán.
Mejores prácticas para optimizar el selector de idiomas en Concrete CMS
La optimización del selector de idiomas en Concrete CMS mejora la experiencia del usuario en un entorno multilingüe. A continuación se presentan consejos clave para mejorar el selector de idiomas en su plataforma.
Usar nombres y banderas de idiomas
Combinar nombres de idiomas con íconos de banderas es una forma efectiva de hacer que su selector de idiomas sea más fácil de usar. Este enfoque ofrece dos señales visuales que ayudan a los usuarios a identificar y seleccionar rápidamente el idioma de su elección. El nombre del idioma proporciona claridad, mientras que la bandera ofrece una referencia visual, lo que facilita a los usuarios la elección, especialmente cuando un idioma se utiliza en varios países con diferentes banderas.
Por ejemplo, si su sitio Concrete CMS está dirigido a una audiencia de comercio electrónico global y combina "🇺🇸 English", "🇫🇷 Français" y "🇩🇪 Deutsch" en el idioma, el conmutador puede facilitar que los usuarios localicen rápidamente. su idioma preferido, mejorando su experiencia de compra y ayudándoles a navegar por el sitio sin esfuerzo.
Iconos de bandera reconocibles
Es fundamental utilizar iconos de banderas claros, de alta calidad y fácilmente reconocibles, incluso en tamaños más pequeños. Estos íconos ayudan a los usuarios a identificar su idioma rápidamente sin tener que leer texto. Cuando sea necesario, es importante elegir íconos culturalmente sensibles que representen idiomas en lugar de países. Por ejemplo, utilizar un símbolo neutral para un idioma ampliamente hablado como el árabe puede ser más apropiado que seleccionar una bandera nacional.
Por ejemplo, una plataforma Concrete CMS diseñada para una agencia de viajes global podría usar la bandera española para el español, la bandera canadiense para el francés y un ícono de globo terráqueo para idiomas ampliamente hablados como el inglés. Esto garantiza que los íconos sean claros e intuitivos, lo que facilita a los usuarios seleccionar su idioma preferido mientras exploran paquetes de viaje.
Cambiador de idioma estratégicamente
El selector de idiomas debe colocarse en un lugar donde sea fácilmente visible y accesible para los usuarios sin saturar la interfaz. Las opciones de ubicación comunes incluyen el encabezado, el pie de página o el menú de navegación principal del sitio. La coherencia en la ubicación en todas las páginas es fundamental para que los usuarios puedan encontrarla en cualquier lugar del sitio.
Por ejemplo, un sitio Concrete CMS podría colocar el conmutador en la esquina superior derecha del encabezado, asegurando que permanezca visible mientras los usuarios se desplazan por las páginas. Para dispositivos móviles, integrarlo en el menú de hamburguesas mantiene la accesibilidad y ahorra espacio.
Mantenga la coherencia entre páginas
Es importante mantener la coherencia en apariencia y funcionalidad. El selector de idiomas debe funcionar de la misma manera en todas las páginas y, cuando los usuarios cambian de idioma, deben permanecer en la misma página con el contenido traducido al nuevo idioma. Esto mejora el flujo de trabajo del usuario y hace que la navegación sea más intuitiva.
Por ejemplo, un selector de idioma desplegable aparece de manera consistente en las páginas de inicio, páginas de contacto y otras. Esto permitiría a los usuarios cambiar de idioma sin problemas sin perder su lugar en el material.
Conclusión
Configurar un selector de idiomas e implementar la traducción automática en el Concrete CMS puede proporcionar una experiencia multilingüe perfecta para sus usuarios. Siguiendo los pasos descritos en esta guía, puede integrar un selector de idiomas y personalizarlo para que se ajuste a las necesidades de su sitio.
La optimización eficaz del selector de idiomas mejorará la experiencia y la participación del usuario. Para comenzar, regístrese para obtener una cuenta Linguise , intégrela con su Concrete CMS y configure el selector de idioma según sus preferencias. Esto garantiza que los visitantes puedan navegar fácilmente por su plataforma en su idioma preferido.