Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Inicio de Sirvoy
  • Contacto
  • Iniciar sesión
Spanish
US English (US)
FR French
DE German
ES Spanish
NL Dutch
SE Swedish
FI Finnish
NO Norwegian
DA Danish
  • Inicio
  • Motores de reservas
  • Diseño & CSS

Personalización con CSS de los textos del motor de reservas

Written by johana

Updated at January 24th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Empieza a usar Sirvoy
    Guías de Configuración Importación de reservas
  • Acerca de Sirvoy
    General Técnico Seguridad y copias de seguridad
  • Habitaciones y tipos de habitación
    Habitaciones y tipos de habitación Clasificación de tipos de habitación Oferta de complementos o extras
  • Motores de reservas
    Creador de Páginas Web Instalación en tu sitio web Ajustar el motor de reservas Diseño & CSS Campos de entrada Función "Revisa tu reserva" Rastreo
  • Administrador de canales
    Configurar nuevos canales Mapeo de los tipos de habitación General Actualizaciones de tarifas y disponibilidad Sobreventa
  • Finanzas
    Establecer una solución de pago Gestión de pagos Facturas y comprobantes Contabilidad Impuestos y recargos
  • Reservas
    Modificar reservas Ver reservas Plantillas de mesajes y mensajeria automatizada Comunicación Programación de limpieza y tareas
  • Tarifas y restricciones
    Tarifas y descuentos Restricciones Promociones y códigos de cupón
  • Mi cuenta
    Personaliza tu cuenta Suscripción Estadísticas Exportar & API
+ Más

En este artículo

Ejemplo de cómo cambiar el título del botón «Buscar»

 

Sirvoy ofrece la posibilidad de cambiar textos y traducciones en las páginas de administración del motor de reservas, pero en los casos en los que no hay ninguna opción, puedes modificar algunos textos con CSS mediante dirigir a una clase de elemento específica.

Los elementos que tienen la clase «sirvoy-flexible-text» pueden modificarse desde la página de CSS personalizado. 

  1. Ve a Configuración -> Motores de reservas. 
  2. Haz clic en los tres puntos situados junto al motor de reservas que quieras.
  3. En la lista desplegable, haz clic en «Editar».
  4. Selecciona la pestaña «CSS personalizado».

Todos los elementos que tienen la clase «sirvoy-flexible-text» también tienen:

  1. Clase específica “sft-trans-key-SPECIFIC-KEY”.
  2. Clase de idioma específico para señalar un cambio de texto para un idioma específico, por ejemplo en inglés: «sft-lang-en».. (Cada idioma está representado por un código de idioma de dos letras; inglés «-en», francés «-fr», sueco «-sv», etc.)

Ejemplo de cómo cambiar el título del botón «Buscar»

El markup para el título del botón «Buscar» es:

(observa las dos clases «sft-lang-en» y «sft-trans-key-booking-form-button-search» )

<span class="
   sirvoy-flexible-text 
   sft-lang-en 
   sft-trans-key-shared-button-search 
   sft-initialized" 
   data-translation-key="shared.button.search">
            
   <div class="sft-text">
      Search
   </div>

</span>

Para cambiar el título del botón «Buscar» para inglés y sueco, podemos hacer lo siguiente:

.sft-lang-en.sft-trans-key-shared-button-search .sft-text, .sft-lang-sv.sft-trans-key-shared-button-search .sft-text { 
  display: none !important;
}

.sft-lang-en.sft-trans-key-shared-button-search::after { 
  content: "My button title";
}

.sft-lang-sv.sft-trans-key-shared-button-search::after { 
  content: "Min knapptitel";
}

 

Versión en inglés:

 

Versión en sueco:

Los principios anteriores para cambiar textos se aplican a cualquier otro cambio de texto que quieras realizar en el motor de reservas en elementos con la clase «sirvoy-flexible-text».

Nota: Cualquier CSS personalizado solo afectará la versión incrustada del motor de reservas y el plugin de WordPress. No afectará al motor de reservas en el Creador de sitios web de Sirvoy o el de la página independiente.

 

 

¿Valió la pena leerlo?

Sí
No
¿Notaste algo raro? Cuéntanoslo.

Artículos relacionados

  • ¿Cómo aceptar pagos en línea para las reservas?
  • ¿Cómo aceptar pagos con PayPal?
  • Métodos de pago de Stripe

¿Necesitas ayuda con Sirvoy?

Estás en el lugar adecuado.

  • Sirvoy
  • Ingresar
  • Contacto

©2025 Sirvoy . All Rights reserved.

Knowledge Base Software by Helpjuice

Expand