# Cómo añadir un botón de reservas a tu web: WordPress, Wix, Squarespace y Shopify Publicado el 2026-10-02 por el equipo de TicketPa. Fuente: https://ticketpa.com/es/blog/boton-de-reservas-en-tu-web Para añadir un botón de reservas a tu web, copia el enlace de tu página de reservas desde tu software de reservas y asígnalo a un botón de tu web, o pega en un bloque HTML o de código el código del botón que te da tu software de reservas. Con cualquiera de los dos métodos se tarda unos minutos y no hace falta un desarrollador. Más abajo tienes los pasos para WordPress, Wix, Squarespace, Shopify y cualquier otra web. Esta guía cubre los dos métodos, dónde poner el botón para que tus clientes lo usen de verdad y cómo probarlo. Los ejemplos usan TicketPa, pero los pasos son iguales con la mayoría de los programas de reservas. ## Dos formas de añadir un botón de reservas | Método | Cómo funciona | Ideal para | | ------------------------------ | -------------------------------------------------------------------------- | -------------------------------------------------------------------------- | | Enlazar un botón que ya tienes | Usa el botón de tu creador de webs y pon como enlace tu página de reservas | Cualquier creador de webs, también los que limitan el código personalizado | | Pegar un fragmento de código | Pega el código del botón de tu software de reservas en un bloque HTML | Webs que admiten HTML personalizado, cuando quieres el botón ya hecho | Enlazar un botón es lo más sencillo y funciona en todas partes. El fragmento te da un botón ya diseñado y, con algunos programas de reservas, puede abrir la página de reservas en una ventana junto a tu web. ## Paso 1: consigue tu enlace de reservas o el código del botón Todos los sistemas de reservas te dan un enlace a tu página de reservas, y muchos también un enlace para cada actividad y un fragmento de código con el botón. En TicketPa, abre la página **Share** (Compartir). Ahí tienes: - **Tu página de reservas:** un enlace a todas las actividades que pueden reservar tus clientes. Úsalo en el menú principal y en tu página de inicio. - **Una actividad:** un enlace directo al calendario de una actividad. Úsalo en la página de esa actividad y en publicaciones o anuncios sobre ella. - **Botón Reservar:** código para pegar en tu web, con el color de acento de tu página de reservas. Hay dos versiones: - un **botón simple**, que funciona en todas partes, incluso en emails - un **botón que abre la reserva en una ventana** junto a tu web en el ordenador Copia el enlace o el código que necesites. ## Paso 2: añádelo a tu web ### WordPress **Para enlazar un botón:** en el editor de bloques, añade un bloque **Botones** donde quieras el botón, escribe "Reservar" y pega tu enlace de reservas en el campo del enlace del botón. **Para pegar el fragmento:** añade un bloque **HTML personalizado** donde quieras el botón y pega el código. Previsualiza la página para ver el botón. Si tu tema tiene un menú en la cabecera, añade también tu enlace de reservas como elemento del menú, en Apariencia, Menús, o en el bloque de navegación del editor del sitio. ### Wix **Para enlazar un botón:** añade un botón desde el panel de añadir elementos, cambia su texto a "Reservar", abre los ajustes del enlace y elige una dirección web. Pega tu enlace de reservas. Wix coloca el código personalizado dentro de un marco, y eso puede impedir que un botón abra una ventana nueva. En Wix, enlazar un botón es la opción más fiable. ### Squarespace **Para enlazar un botón:** edita la página, añade un bloque de botón, escribe "Reservar" y pega tu enlace de reservas como su enlace. **Para pegar el fragmento:** añade un bloque de código y pega el código. Los bloques de código que ejecutan scripts solo están disponibles en algunos planes de Squarespace, así que si el fragmento no funciona en el tuyo, enlaza un botón. ### Shopify **Para enlazar un botón:** en el editor de temas, añade o edita una sección que tenga un botón, como un banner con imagen, y pega tu enlace de reservas como enlace del botón. Para añadirlo a tu menú, ve a Tienda online, Navegación, abre tu menú principal y añade un elemento con tu enlace de reservas. **Para pegar el fragmento:** añade en el editor de temas una sección de Liquid personalizado (Custom Liquid) y pega el código. ### Cualquier otra web En una web hecha a medida, o en creadores como Webflow, Framer o Carrd, pega el fragmento en el HTML de la página, o en el elemento de inserción o de HTML del creador, justo donde deba aparecer el botón. Si no puedes añadir código, usa cualquier enlace o botón y haz que apunte a tu enlace de reservas. ## Dónde poner tu botón de reservas Un botón de reservas solo funciona si tus clientes lo ven cuando están listos para reservar: - **En la parte superior de cada página de actividad,** junto al precio, para que no tengan que hacer scroll. - **En tu menú principal,** como último elemento, con aspecto de botón. - **Al final de cada página de actividad,** después de la descripción y las fotos. - **En tu página de inicio,** cerca del primer titular. - **En tu página de contacto,** para los clientes que iban a escribirte para preguntar por la disponibilidad. Usa "Reservar" o "Ver disponibilidad" como texto del botón. Los clientes entienden los dos, y los dos empiezan por lo que quieren hacer. ## Enlaza cada actividad con su propio calendario Si tu web tiene una página por actividad, enlaza el botón de cada página con esa actividad, no con tu página de reservas general. Los clientes llegan al calendario correcto y se ahorran un paso, así que menos personas abandonan antes de reservar. En TicketPa, la página Share tiene un enlace para cada actividad. Usa el enlace de tu página de reservas general solo en los sitios que lo abarcan todo, como el menú y la página de inicio. ## Prueba tu botón de reservas Antes de contárselo a nadie, pruébalo como lo haría un cliente: 1. **Abre tu web en el móvil** y toca el botón. 2. **Comprueba que llega a la página correcta,** con la actividad correcta y las horas en tiempo real. 3. **Haz una reserva de prueba,** o llega hasta el paso del pago. 4. **Repite en el ordenador.** Si tu botón abre la reserva en una ventana, comprueba que se abre y que la página de reservas sigue abriéndose si el navegador bloquea las ventanas. ## Usa el mismo enlace en todas partes Tu enlace de reservas funciona en cualquier sitio donde un cliente pueda tocar un enlace, no solo en tu web. Añádelo a tu Perfil de Empresa de Google, a la bio de Instagram y a tus respuestas de WhatsApp. Nuestra guía para [recibir reservas desde Instagram, Google y WhatsApp](https://ticketpa.com/es/blog/enlace-de-reservas-instagram-whatsapp) explica dónde va en cada uno. ## Cómo funciona el botón de TicketPa El botón de TicketPa es un enlace con un pequeño script. En el ordenador, abre tu página de reservas en una ventana junto a tu web, así que tus clientes siguen teniendo tu web abierta detrás. En el móvil, o si el navegador bloquea la ventana, abre tu página de reservas como un enlace normal. El script no rastrea a tus visitantes, y el botón usa el color de acento de tu página de reservas. TicketPa es un software de reservas para tours, clases y actividades, con una página de reservas que también funciona sin web. Mira [todas las funcionalidades](https://ticketpa.com/es/funcionalidades), o la página de tu tipo de actividad, como [tours](https://ticketpa.com/es/software-reservas-tours) o [talleres](https://ticketpa.com/es/software-reservas-talleres). ## Preguntas frecuentes ### ¿Necesito un desarrollador para añadir un botón de reservas? No. Con casi cualquier creador de webs, puedes añadir un botón y enlazarlo con tu página de reservas en unos minutos. Pegar un fragmento de código con el botón lleva más o menos lo mismo si tu creador tiene un bloque HTML o de código. Solo necesitas un desarrollador para un diseño totalmente a medida. ### ¿Se puede abrir la página de reservas dentro de mi web? Depende del software de reservas. Algunos muestran la página de reservas dentro de tu web en un marco, y otros la abren como una página o una ventana aparte. TicketPa abre la reserva en una ventana junto a tu web en el ordenador, y como una página normal en el móvil, así el pago funciona bien en cualquier navegador. ### ¿Un botón de reservas hará más lenta mi web? Un botón enlazado no añade nada al tiempo de carga de tu página, porque es solo un enlace. Un fragmento con script añade un archivo pequeño, y uno bien hecho se carga después del resto de la página, así que tus visitantes no lo notan. El script de TicketPa se carga así y no rastrea a tus visitantes. ### ¿Puedo usar mi propio diseño de botón? Sí. Usa cualquier botón o enlace de tu creador de webs, con el estilo que quieras, y enlázalo con tu página de reservas o con el enlace de una actividad. El fragmento ya hecho está ahí para ahorrarte trabajo, no porque lo necesites. ### ¿Puedo añadir un botón de reservas a mis emails? Sí. Pega tu enlace de reservas en un botón de tu herramienta de email, o usa el fragmento del botón simple si tu herramienta acepta HTML. Los scripts no funcionan en los emails, así que usa el botón simple, que es un enlace con estilo. Por eso el botón simple de TicketPa funciona en los emails.