Agregar texto personalizado debajo del nombre del Plan de tarifas en el Motor de Reservas.

Introducción

Usa esta personalización cuando quieras darles a los huéspedes un poco más de información sobre una tarifa directamente en el motor de reservas de Cloudbeds. Por ejemplo, puedes añadir una nota breve debajo del nombre de la tarifa estándar (tarifa base) o del plan de tarifas para aclarar si el desayuno está incluido, mencionar una tasa del resort o destacar otro detalle importante de la tarifa.

Puedes aplicar el mismo texto personalizado de forma general a los títulos de la tarifa estándar y los planes de tarifas, o configurarlo para planes individuales cuando cada tarifa necesite un mensaje diferente. Por ejemplo, puedes mostrar un mensaje debajo de una tarifa no reembolsable y otro debajo de un plan de tarifas con desayuno incluido.

El texto añadido solo se muestra en pantalla. No cambia el nombre de la tarifa base ni del plan de tarifas, y tampoco modifica los precios, las políticas, las imágenes, los correos ni la configuración de las tarifas.

Elige la personalización según lo que necesites: aplicar el mismo texto de forma general, usar una traducción independiente al español o mostrar textos diferentes para planes de tarifas específicos. Luego, añade el código correspondiente al campo Metaetiquetas personalizadas.

Índice

• Elige una versión de personalización
• Añade texto personalizado debajo de los nombres de la tarifa estándar y los planes de tarifas
• Usa textos personalizados diferentes para planes de tarifas específicos
• Verifica el texto personalizado en el motor de reservas
• Usa otros idiomas o una personalización avanzada

Elige una versión de personalización

Elige la opción que corresponda al lugar donde quieres mostrar el texto personalizado y a si necesitas textos diferentes para planes de tarifas individuales.

Añade texto personalizado debajo de los nombres de la tarifa estándar y los planes de tarifas

Añade la personalización en el campo Metaetiquetas personalizadas de la pestaña Personalizar del motor de reservas. La ruta de navegación es la misma para ambas versiones.

Versión 1: Usa el mismo texto en inglés para todos los idiomas

Usa esta versión cuando quieras mostrar el mismo mensaje en inglés debajo de los nombres de la tarifa estándar y los planes de tarifas en todas las versiones de idioma del motor de reservas.

Los pasos numerados a continuación corresponden a los controles numerados en la imagen.

1. Abre el menú de la cuenta y selecciona Configuración.
2. Haz clic en Motor de reservas.
3. Haz clic en la pestaña Personalizar.
4. En el campo Metaetiquetas personalizadas, pega el código que se proporciona a continuación. Reemplaza (Custom Text) por el texto que quieres mostrar a los huéspedes, por ejemplo, (Incluye una tasa del resort de $30).
5. Haz clic en Guardar.

Copia el código a continuación y reemplaza únicamente el valor (Custom Text) por el mensaje que prefieras.

<!-- **START** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; all accommodation types - Single-language version 12.08.2024 **START** -->
<style>
.cb-rate-plan .cb-rate-plan-title-text::after {
  content: '(Custom Text)';
  font-size: 13px; /* Adjust font size as needed */
  color: #000; /* Adjust text color as needed */
  display: block; /* do not edit */
  margin-top: 4px; /* Adjust spacing as needed */
}
</style>
<!-- **END** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; all accommodation types - Single-language version 12.08.2024 **END** -->

Versión 2: Usa texto en inglés con una traducción independiente al español

Usa esta versión cuando quieras mostrar un mensaje traducido al seleccionar español y mantener el texto en inglés como predeterminado para los demás idiomas del motor de reservas.

1. Abre el menú de la cuenta y selecciona Configuración.
2. Haz clic en Motor de reservas.
3. Haz clic en la pestaña Personalizar.
4. En el campo Metaetiquetas personalizadas, pega el código que se proporciona a continuación. Reemplaza el valor en inglés (Custom Text) y el valor en español (Texto Personalizado) por los mensajes que quieres mostrar a los huéspedes.
5. Haz clic en Guardar.

<!-- **START** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; English + Spanish version 12.08.2024 **START** -->
<style>
/* English Customization - applies to all languages except Spanish */
.cb-rate-plan .cb-rate-plan-title-text::after {
  content: '(Custom Text)';
  font-size: 13px;
  color: #000;
  margin-top: 4px;
  font-weight: 500;
  display: block;
}

/* Spanish Customization - applies only when page is set to Spanish */
html:lang(es) .cb-rate-plan .cb-rate-plan-title-text::after {
  content: '(Texto Personalizado)';
  font-size: 13px;
  color: #000;
  margin-top: 4px;
  font-weight: 500;
  display: block;
}
</style>
<!-- **END** Includes (Custom Text) on a new line after All Rate Plan and Standard Rate titles; English + Spanish version 12.08.2024 **END** -->

Usa textos personalizados diferentes para planes de tarifas específicos

Usa esta opción cuando tengas varios planes de tarifas y quieras mostrar un mensaje diferente debajo del nombre de cada plan específico, en lugar de aplicar el mismo texto a todas las tarifas que se muestran.

Para aplicar el texto a un plan de tarifas individual, primero busca el ID único de ese plan. Luego, añade ese ID al selector CSS en el campo Metaetiquetas personalizadas.

Paso 1: Busca el ID del plan de tarifas

1. Abre el menú de la cuenta y selecciona Configuración.
2. Haz clic en Tarifas especiales y paquetes.
3. En el plan de tarifas que quieras personalizar, haz clic en el menú de tres puntos y selecciona Editar.
4. Revisa la URL en la barra de direcciones de tu navegador. El número al final de la URL es el ID único del plan de tarifas.

Por ejemplo, si la URL termina en /packages/43932690342044, el ID del plan de tarifas es 43932690342044.

La imagen destaca dónde encontrar el ID del plan de tarifas al final de la URL cuando editas un plan.

Paso 2: Añade la personalización

1. Abre el menú de la cuenta y selecciona Configuración.
2. Haz clic en Motor de reservas.
3. Haz clic en la pestaña Personalizar.
4. En el campo Metaetiquetas personalizadas, pega el código de la plantilla que se proporciona a continuación.
5. Reemplaza 123456 por el ID real del plan de tarifas y reemplaza el texto de ejemplo por el mensaje que quieres mostrar a los huéspedes.
6. Si quieres personalizar otros planes de tarifas, duplica el bloque CSS del plan de tarifas y actualiza el ID y el mensaje para cada uno.
7. Haz clic en Guardar.

Copia la plantilla a continuación. Conserva el selector -0 si quieres añadir texto debajo de la tarifa estándar. Para cada plan de tarifas específico, reemplaza 123456 por el ID de ese plan.

<!-- **START** Custom text for specific Rate Plans **START** -->
<style>

/* Base Rate / Standard Rate (Always uses ID 0) */
.cb-rate-plan[class*='-0'] .cb-rate-plan-title-text::after {
  content: '(Custom Text for Standard Rate)';
  font-size: 12px;
  color: #555;
  display: block;
  margin-top: 8px;
  margin-bottom: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

/* Replace 123456 with the unique Rate Plan ID */
.cb-rate-plan[class*='-123456'] .cb-rate-plan-title-text::after {
  content: '(Custom Text for Rate Plan)';
  font-size: 12px;
  color: #555;
  display: block;
  margin-top: 8px;
  margin-bottom: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

</style>
<!-- **END** Custom text for specific Rate Plans **END** -->

Verifica el texto personalizado en el motor de reservas

Después de guardar la personalización, abre tu motor de reservas y confirma que el texto personalizado aparezca debajo de los nombres de la tarifa estándar o de los planes de tarifas correspondientes. Si personalizaste planes individuales, confirma que cada tarifa seleccionada muestre el mensaje que le corresponde. Revisa cada idioma que hayas personalizado antes de mostrar el resultado a los huéspedes.

Verifica que aparezca el mismo texto debajo de los títulos de las tarifas

Con la versión 1, el mismo texto personalizado debe aparecer debajo de los títulos de la tarifa estándar y de los planes de tarifas a los que se aplique el código.

Verifica la traducción al español

Con la versión 2, cambia el idioma del motor de reservas a español y confirma que el texto personalizado en español aparezca debajo de ambos títulos de tarifas.

Verifica los textos diferentes para planes de tarifas específicos

Si aplicaste el texto a planes de tarifas individuales, confirma que cada uno muestre el mensaje personalizado asignado a su ID. La tarifa estándar debe mostrar el texto configurado para el ID 0, si incluiste ese bloque.

El siguiente ejemplo muestra mensajes personalizados diferentes debajo de planes de tarifas individuales y de la tarifa estándar.

Usa otros idiomas o una personalización avanzada

Los ejemplos de idiomas de este artículo muestran cómo usar el mismo texto en inglés en todos los idiomas del motor de reservas o proporcionar una traducción independiente al español. Para otros idiomas, usa selectores CSS específicos por idioma para que cada versión del motor de reservas muestre el texto personalizado correspondiente.

• Usa los selectores de idioma del motor de reservas Plus para aplicar el texto a otros idiomas del motor de reservas.
• Si necesitas funciones que vayan más allá de los ejemplos de código proporcionados en la base de conocimiento, consulta los servicios de personalización del motor de reservas Plus de Cloudbeds.

Siguiente paso operativo

Después de verificar el texto personalizado en tu motor de reservas, consulta Motor de reservas Plus: códigos de personalización más comunes si quieres aplicar otras personalizaciones visuales compatibles.