Bloques de OpenTable

Incentiva a los visitantes a hacer reservaciones o registrarse en listas de espera a través de OpenTable.

Última actualización: 19 de enero de 2025

Use bloques de OpenTable para agregar reservas de restaurantes o un registro de lista de espera a tu sitio. Te recomendamos que agregues el bloque de OpenTable a tu página de inicio, pie de página o una página especial para reservas en tu navegación principal.

To get started, you'll need your OpenTable Restaurant ID. If your restaurant isn't on OpenTable yet, register here.

Cómo acceder a esta función

Los bloques de OpenTable están disponibles en los planes Básico, Core, Plus, Advanced, Empresa, Commerce Básico y Commerce Avanzado. Para obtener más información, visita Elegir el plan de Squarespace adecuado.

Antes de comenzar

  • Las reservas realizadas a través de bloques de OpenTable pueden estar sujetas a las tarifas de OpenTable. Para obtener más información, ponte en contacto con atención al cliente de OpenTable.
  • Asegúrate de que SSL esté habilitado y funcione para tu dominio. Si hay algún problema con tus certificados SSL, es posible que el botón Buscar una tabla del bloque no responda en dispositivos móviles.
  • Esta guía incluye la última versión de los bloques de OpenTable. Si agregaste un bloque antes del 16 de noviembre de 2017, elimínalo y reemplázalo con un nuevo bloque para ver las funciones más recientes.

Supported countries and languages

Los bloques de OpenTable están optimizados para restaurantes de estos países:

  • Canadá
  • Alemania
  • Irlanda
  • Japón
  • México
  • Reino Unido
  • Estados Unidos

Puedes elegir uno de estos idiomas al configurar bloques de OpenTable:

  • Inglés
  • Francés
  • Alemán
  • japonés
  • Español

Para restaurantes fuera de los países admitidos, recomendamos vincular la página de OpenTable a un bloque de botón o un vínculo de texto; también, puedes utilizar el código de inserción de OpenTable dentro de un bloque de código.

Agregar un bloque de OpenTable

Para agregar un bloque de OpenTable:

  1. Edita una página, pie de página o publicación, haz clic en Agregar bloque o un punto de inserción y haz clic en OpenTable en el menú. Para obtener ayuda, consulta Agregar contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. En la pestaña Contenido, ingresa tu ID de restaurante de OpenTable.
  4. Select the OpenTable domain for your country from the Location (Domain) drop-down menu.
  5. Select your language from the Language drop-down menu.
  6. Usa la pestaña Diseño para personalizar lo que se muestra en el bloque. Si tu sitio está en la versión 7.0, haz clic en Aplicar para publicar los cambios.
  7. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

¿Puedo agregar más de un bloque de OpenTable a una página?

Recomendamos agregar un solo un bloque de OpenTable por página. Si agregas más de uno a la misma página, ninguno funcionará correctamente.

To add booking for multiple restaurants, there are a few other options:

Customize what shows in the block

En la pestaña de diseño, puedes personalizar lo que se muestra en el bloque:

  • Marca Ocultar título para eliminar el texto "Hacer una reserva" o "Lista de espera en línea".
  • Check Hide Icons to remove the icons in the reservation drop-down menus.
  • Check Hide OpenTable Logo to remove the OpenTable logo.

Style the block

To customize the block's appearance:

Fuentes

Para cambiar el estilo de las fuentes del bloque:

  1. Mientras editas una página, abre estilos del sitio y, a continuación, haz clic en > junto a Fuentes.
  2. Haz clic en Encabezados.
  3. Utiliza los retoques para aplicar estilo a la fuente del título del bloque de OpenTable. El tamaño de fuente del bloque sigue el retoque Encabezado 3.
  4. Haz clic en Atrás y luego en Estilos del sitio para volver a los estilos del sitio. Puedes hacer clic en Guardar para guardar tus cambios y seguir editando, o hacer clic en Salir y luego Guardar para cerrar el editor.
    .

Colores

Para cambiar el estilo de los colores del bloque:

  1. Mientras editas una página, abre estilos del sitio y, a continuación, haz clic en > al lado de Colores.
  2. Posiciona el cursor sobre el tema cromático y haz clic en el ícono del lápiz.
  3. Utiliza el retoque Color de fondo de OpenTable para cambiar el color de fondo del bloque. El color del título del bloque sigue el retoque Párrafo (mediano).
  4. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.
  1. Abre el panel Estilos del sitio.
  2. Find the corresponding style tweaks.
  3. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Use these style tweaks to change the block's appearance:

  • Color de fondo de OpenTable: cambia el color de fondo. El texto se volverá más claro y oscuro automáticamente, por lo que contrasta con el color de fondo.
  • Heading 1 - Change the font and color of "Make a Reservation" text.

Ejemplo

Los bloques de OpenTable se parecen al siguiente ejemplo, en función de cómo se diseñe el estilo. Cuando los visitantes hacen clic en Buscar una mesa, se abre una ventana donde pueden completar la reserva.

Si tu restaurante no acepta reservas activas y utiliza una lista de espera, el bloque de OpenTable muestra el botón Unirse a la lista de espera.

Screen_Shot_2017-11-16_at_11.25.10_AM.png

Los bloques de OpenTable no se muestran

Es posible que los bloques de OpenTable no se muestren correctamente al iniciar sesión porque nuestra integración reconoce el widget de reserva como código. Para obtener una vista previa del bloque, cierra la sesión o abre la página en una ventana de incógnito.

Próximo paso

Si estás creando un sitio web de restaurante, tal vez quieras usar bloques de menú para agregar menús a tu sitio.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.