# Añadir un botón de reserva a tu web

Actualizado el 2026-10-15 por el equipo de TicketPa. Fuente: https://ticketpa.com/es/ayuda/anadir-un-boton-de-reserva

Un botón de reserva en tu web lleva a los visitantes a tu página de reservas. TicketPa da el código de dos tipos, listo para pegar y con tu color de acento.

## Pasos para añadir el botón

1. Abre **Compartir** en el menú lateral.
2. En **Botón Reservar ahora**, revisa **Vista previa**. Muestra el botón con tu color.
3. Elige uno y selecciona **Copiar código** a su lado:
    - **Botón sencillo (funciona en cualquier sitio, incluso en emails)**: un enlace con aspecto de botón. Úsalo en cualquier web, email o newsletter.
    - **Botón que abre la reserva en una ventana junto a tu web**: en un ordenador, abre una ventana pequeña de reservas y deja tu web detrás.
4. Pega el código en el HTML de tu web donde deba aparecer.

## Cómo funciona el botón con ventana

- En un ordenador abre una ventana de 480 píxeles de ancho, a la derecha de la ventana del navegador.
- En un móvil o pantalla de menos de 640 píxeles, abre la página como un enlace normal.
- Si el visitante mantiene Ctrl, Cmd o Mayús al seleccionarlo, el navegador abre el enlace como acostumbra, por ejemplo en otra pestaña.
- Si el navegador bloquea la ventana, abre la página como un enlace normal.

Este botón añade un pequeño script de TicketPa. Donde no se permiten scripts, como en emails, aparece como enlace de texto: usa allí el botón sencillo.

## Cambia el botón

- Texto: cambia «Reservar ahora» en el código por lo que quieras.
- Una actividad: sustituye la dirección después de `href=` por el enlace de **Una actividad** en **Compartir**. Consulta [cómo compartir tu página](https://ticketpa.com/es/ayuda/compartir-la-pagina-de-reservas).
- Varios botones: pega el código donde quieras cada botón. Todos los enlaces de la página con `data-ticketpa` se convierten en botones.
- Un idioma: elige uno en **Idioma del enlace** de **Compartir** antes de copiar el código. El botón abre la página en ese idioma. Consulta [los idiomas de la página](https://ticketpa.com/es/ayuda/idiomas-de-la-pagina-de-reservas).

> **Nota:** Los colores quedan escritos en el código al copiarlo. Si cambias el color en **Página de reservas**, copia el código otra vez y sustituye el anterior en tu web. Consulta [cómo personalizar tu página](https://ticketpa.com/es/ayuda/personalizar-la-pagina-de-reservas).

## Preguntas frecuentes

### ¿Puedo usar mi propio estilo de botón?

Sí. En el sencillo, cambia el estilo del código. En el de ventana, cambia `data-ticketpa` por `data-ticketpa="link"`: el script respeta el estilo de tu enlace y sigue abriendo la ventana de reservas.

### ¿Funciona en emails y newsletters?

Usa el sencillo. Es un enlace normal con el estilo incluido y no necesita scripts.