El widget de reservas y su apariencia

Activar el botón Reservar ahora

Use Abrir el editor del tema en la guía de configuración. Abre las Inserciones de apps del editor de temas con la inserción Reservar ahora de Rezervito ya activada: pulse Guardar y listo. También puede abrir usted mismo Configuración del tema → Inserciones de apps en el editor de temas y activar Reservar ahora.

Es lo único que tiene que estar activado. Con la inserción activada, aparece un botón flotante Reservar ahora en una esquina de cada página de su tienda, y todos los demás botones Reservar ahora funcionan. No aparece en la página donde el cliente ve su reserva: ya ha reservado, y en el móvil taparía los botones de esa página. Mientras el carrito lateral, el menú o la búsqueda de su tema están abiertos, se aparta, para no tapar nunca sus botones. Con ella desactivada, ninguno funciona.

El paso Activa el botón Reservar ahora de la guía de configuración se marca solo cuando la inserción está activada en su tema publicado. Consulte Primeros pasos.

Los ajustes de la inserción en el editor de temas:

• Mostrar botón flotante: activado al principio. Desactívelo si prefiere colocar sus propios botones.
• Posición: Abajo a la derecha, Abajo a la izquierda, Centro derecha o Centro izquierda.
• Distancia al lateral y Distancia a la parte inferior, en píxeles: 20 al principio. Con una posición Centro, la distancia a la parte inferior baja el botón desde el centro.
• Otra distancia a la parte inferior en móviles: actívelo para fijar la Distancia a la parte inferior en móviles, por ejemplo para subir el botón por encima de la barra fija de Añadir al carrito de su tema o de un botón de chat.
• Texto del botón: déjelo vacío para mostrar «Reservar ahora» en el idioma en que navega su cliente.
• Etiqueta del campo de notas y Texto de ejemplo del campo de notas: el texto del campo de notas. Si se piden notas a los clientes se configura en Rezervito, en Ajustes → Reglas de reserva → Datos del cliente. Si lo deja vacío, el campo muestra un recordatorio de no escribir datos de salud u otros datos sensibles; con su propio texto de ejemplo, ese recordatorio aparece debajo del campo.

Más botones Reservar ahora

Todos los botones Reservar ahora abren la misma ventana de reserva:

• El bloque Botón de reserva. En el editor de temas, añada el bloque Botón de reserva a cualquier sección que admita bloques de apps, por ejemplo la cabecera de su página de inicio o el encabezado de su tienda. Sus ajustes son Texto (vacío muestra «Reservar ahora» en el idioma de su cliente) y Alineación: Izquierda, Centro o Derecha. En el encabezado, Posición en el encabezado lo coloca Antes de los iconos, Antes del carrito (la opción inicial) o Después del carrito; hasta dónde se puede mover depende de su tema. En el móvil se muestra más pequeño y en una línea; en un tema con un logotipo ancho en el centro del encabezado puede que aun así no quepa, así que revise su tienda en el móvil y, si es el caso, use allí el botón flotante o un enlace del menú. El bloque solo se muestra mientras la inserción está activada.
• Cualquier enlace a `#book-now`. Añada un elemento de menú, o un botón en su tema, cuyo enlace sea #book-now (o /#book-now). Abre la ventana de reserva en la página en la que esté el cliente. También funciona donde su tema no admite bloques de apps.
• Un enlace para compartir. La dirección de su tienda seguida de /#book-now, por ejemplo https://your-store.com/#book-now, abre la tienda con la ventana de reserva ya abierta. Úselo en correos, publicaciones en redes sociales o un código QR.

Si desactiva el botón flotante y no coloca ningún otro botón Reservar ahora, los clientes no tienen forma de reservar, y nada se lo avisa. Revise su tienda después de cambiar estos ajustes.

La ventana de reserva sigue el idioma de su tienda. Cuando Calendario abierto a nuevas reservas está desactivado en Ajustes → Reglas de reserva, indica que el negocio no acepta reservas en este momento. Consulte Cómo reservan los clientes.

Su página de reservas

Su tienda también tiene una página de reservas: la dirección de su tienda seguida de /apps/booking, por ejemplo https://su-tienda.es/apps/booking. En cuanto se carga, abre la ventana de reserva. Debajo de la ventana, la página muestra "Reserva una cita" y un botón Reservar ahora, para que un cliente que cierre la ventana pueda volver a abrirla.

La página de reservas funciona aunque la inserción esté desactivada o su tema no admita apps, así que es el enlace más seguro para compartir: en su menú, en redes sociales, en correos o como código QR en el mostrador. Copie su dirección con Copiar enlace en la tarjeta Dónde pueden reservar los clientes de Ajustes → Apariencia. La página se muestra dentro de su tema, en el idioma en que navega el cliente. Su botón Reservar ahora toma sus colores Botón y Texto del botón; con Tema elegido, se ve como los botones de su tema.

Dónde pueden reservar los clientes

La tarjeta Dónde pueden reservar los clientes de Ajustes → Apariencia muestra cada forma de abrir la ventana de reserva, cada una con su propio acceso directo:

• Botón flotante: Activado o Desactivado, según su tema publicado, y dónde está, por ejemplo "Abajo a la derecha, en todas las páginas."
• Botón en el encabezado o en una sección: Añadir ↗ abre el editor de temas añadiendo el bloque Botón de reserva a su encabezado. Algunos temas no lo admiten en el encabezado; añádalo entonces a una sección.
• Enlace de menú: #book-now con Copiar enlace. En Shopify, vaya a Contenido → Menús y añada un elemento de menú con este enlace.
• Página de reservas: la dirección de su página de reservas con Copiar enlace.

La tarjeta los agrupa: En tu tema reúne los tres primeros, que necesitan la inserción Reservar ahora, y su encabezado dice Inserción activada o Inserción desactivada. Editar ↗ abre las inserciones de apps del editor de temas. En cualquier lugar reúne su página de reservas, que funciona sin la inserción.

Cuando parece que Canvas creó su tema publicado desde cero, o no se puede ver en absoluto, En tu tema dice No disponible y sus filas no tienen accesos directos, porque un tema así todavía no admite apps: use su página de reservas.

Elegir los colores del widget

Abra Ajustes → Apariencia. La tarjeta Widget de reservas tiene:

• Esquema de colores: conjuntos de colores ya preparados. Tema, la opción inicial, no define colores propios: los botones Reservar ahora se ven como los botones de su tema, y la ventana de reserva es blanca con texto oscuro. Cualquier otro esquema define los cinco colores, que luego puede cambiar uno a uno. Personalizado aparece cuando cambia un color a mano, y se queda ahí para volver a él si prueba otro esquema.
• Los cinco colores: Texto, Fondo, Botón, Texto del botón y Botón con contorno.

Una pareja de colores difícil de leer se marca como Difícil de leer. Es solo un aviso: puede guardarla igualmente.

La Vista previa muestra el botón flotante Reservar ahora y la ventana de reserva con datos de ejemplo, con ancho de Móvil o Escritorio: la lista de servicios y las horas. En un ordenador aparece junto a las tarjetas; en un móvil, debajo.

Guardar aplica los colores a su tienda al instante. Si su tienda no se puede actualizar, no se guarda nada y puede volver a intentarlo.

Los botones Reservar ahora usan los colores Botón y Texto del botón. Mantienen la forma de los botones de su tema: esquinas, tamaño y letra. Con Tema elegido, se ven como los botones de su propio tema. Si no se reconocen los botones de su tema, reciben un botón sencillo con contorno.

La ventana de reserva siempre usa la fuente de su tema y los grosores que su tema da al texto y a los títulos, así que se ve tan ligera o tan marcada como el resto de su tienda. Todo lo demás en la ventana es propio: mantiene sus mayúsculas y minúsculas, su espaciado entre letras, sus tamaños y su diseño, haga lo que haga su tema con los títulos, las etiquetas y los campos, y su texto en negrita (el mes, el paso actual, el total) nunca es más fino que el texto de su tienda. Además se lee de izquierda a derecha, como todos sus idiomas, aunque su tienda esté configurada de derecha a izquierda (para hebreo o árabe). Para cualquier otro estilo, use el CSS personalizado de su tema; una regla para la ventana de reserva tiene que empezar por .rezervito-modal[data-rezervito-modal][open] (o usar !important) para aplicarse. Los colores se aplican a todos los botones Reservar ahora y a la ventana de reserva en todos los temas, y a la página donde los clientes ven, cambian o cancelan su reserva. También los usan sus correos de reservas: el color de Botón es su acento (un gris oscuro con Tema o con un botón demasiado claro sobre blanco), junto con el logotipo de su tienda, y las páginas de Rezervito dentro de su admin de Shopify siempre se ven como Shopify.

La página de reserva de tus clientes se presenta como sus correos: arriba, el nombre de tu tienda y el N.º de reserva, como #1042 (el mismo número que ves en el panel); después, el estado de la reserva, la hora y el servicio con su profesional, duración y precio. Debajo, Cambiar o cancelar indica hasta cuándo el cliente puede cambiar la hora o cancelar online —en una sola frase cuando ambos plazos terminan a la vez— con los botones Cambiar la hora y Cancelar reserva. Cambiar la hora abre la misma ventana de reserva en la que reservan los clientes, en Elija una hora, para el servicio de esa reserva: el profesional ya está elegido, y solo se ofrecen otros que la atienden al mismo precio y duración. Tras elegir una hora, la ventana muestra la nueva hora, y Mover mi reserva la mueve y vuelve a cargar la página. Cancelar reserva pregunta antes, en una ventana con Mantener la reserva. Cambiar la hora solo aparece mientras el app embed «Book now» esté activado en su tema. Cuando ya no se puede hacer nada online, lo dice en una frase y muestra el botón Escribir al salón. La página de una visita muestra el número una vez y cada servicio uno tras otro.

La marca Rezervito

Los correos a sus clientes terminan con una línea breve, «Reservado con Rezervito», con un pequeño icono. Su tienda no muestra ninguna marca de Rezervito: ni en la ventana de reserva ni en la página de reserva de sus clientes. Es igual en todos los planes.

Para quitarlos, contáctenos y los desactivaremos para su tienda.

La apariencia del portal del equipo

La tarjeta Portal del personal de la misma pestaña define el Color de acento del portal: sus resaltados y botones.

• Igual que el botón del widget (la opción inicial) sigue el color Botón del widget.
• Mi propio color le permite elegir uno.

Un acento demasiado claro para leerse en el portal no se usa: el portal mantiene el azul de Rezervito, y la tarjeta se lo indica. El fondo, el texto y los colores de las reservas del portal no cambian nunca, para que siga siendo fácil de leer como herramienta de trabajo.

El portal muestra el Logotipo de su tienda de Configuración → Marca en Shopify; Abrir configuración de marca le lleva allí. Sin logotipo, muestra el nombre de su tienda. Consulte Equipo y horarios.

El botón Reservar ahora en un tema creado con Canvas

Canvas es la nueva forma de Shopify de crear un tema con Sidekick. Un tema duplicado con Canvas (en el menú ⋯ del tema: Duplicate in Canvas) conserva sus apps tal como estaban: si la inserción Reservar ahora estaba activada en el original, en la copia funcionan el botón flotante, la ventana de reservas, los enlaces de menú a #book-now y su página de reservas, y Rezervito lo ve como cualquier otro tema. Un tema que Canvas crea desde cero todavía no admite apps, y en el propio Canvas no hay nada que activar. Rezervito reconoce un tema así: mientras esté publicado y la inserción esté desactivada, el paso Activa el botón Reservar ahora de la guía de configuración dice que parece que su tema publicado se creó con Canvas, y muestra la dirección de su página de reservas con Copiar enlace en lugar de Abrir el editor del tema. (Si Rezervito no puede ver su tema publicado en absoluto, el paso dice "No podemos ver tu tema publicado" y ofrece la misma dirección.)

En ese caso, puede:

• enviar a sus clientes a su página de reservas: añádala a su menú y úsela en redes sociales, correos y códigos QR; o
• publicar un tema normal y activar allí la inserción Reservar ahora.

El paso sigue abierto mientras no se vea su tema publicado, y se marca solo cuando la inserción está activada en un tema publicado que Rezervito puede ver.

Al reservar aparece "Algo ha fallado"

La dirección de Rezervito en casi todas las tiendas es /apps/booking, pero en la suya puede ser otra. Puede cambiarla en Shopify (Configuración → Aplicaciones → Rezervito → App proxy), y Shopify le da a Rezervito otra dirección, como /apps/booking-1, cuando otra app ya usa /apps/booking. Rezervito sigue la nueva dirección por sí solo en cuanto una visita le llega: la ventana de reserva prueba /apps/booking-1, /apps/booking-2 y /apps/booking-3 por sí misma, y la tarjeta Dónde pueden reservar los clientes muestra entonces su página de reservas en la nueva dirección. Los correos de reservas enviados después también enlazan a la nueva dirección.

Si la ventana de reserva sigue diciendo solo "Algo ha fallado. Inténtelo de nuevo.", abra su tienda en el editor de temas: allí la ventana de reserva le dice a usted, y solo a usted, qué pasa. En Shopify, vaya a Configuración → Aplicaciones → Rezervito, abra una vez la URL de App proxy que aparece allí y vuelva a cargar su tienda.