Ir al contenido principal

Implementar el Widget de Tebi en tu sitio web

Instrucciones paso a paso para agregar el widget de reservas de Tebi a tu sitio web, incluyendo WordPress, Squarespace y Wix.

Cuando empieces a usar Tebi Reservations o ventas para llevar, la forma más fácil de hacerlas disponibles para tus invitados es instalando el Tebi Widget en tu sitio web o utilizando una página de destino compartible.

  • Para el widget de reservas, encontrarás el código del fragmento y el enlace para compartir el URL (para una página de destino) en tu Back Office > Reservas > Configuración > Widget.

  • Para el widget de comida para llevar, encontrarás el código del fragmento en tu Back Office > Pedido QR > Comida para llevar. El widget de comida para llevar no tiene un enlace para compartir.

Aparte del color, la apariencia y el comportamiento del widget no son configurables.


Idioma del widget

El idioma del widget y de los correos electrónicos de confirmación se establecen automáticamente según el idioma del navegador del invitado. Para forzar un solo idioma, selecciónalo en el menú desplegable Idioma del Widget.


Añade el código del fragmento dentro de la etiqueta <body> de tu sitio web.

  • Coloca el código en el pie de página para que se cargue después del contenido principal; esto mantiene la velocidad de tu página y no bloquea los elementos visibles al renderizar.

  • El enlace para compartir de Reservas > Configuración > Widget también puede usarse fuera de tu propio sitio web, por ejemplo en perfiles de redes sociales como la biografía de tu Instagram.


WordPress

Instala el widget de Tebi para WordPress mediante el plugin o añadiendo el fragmento al pie de página de tu sitio web. Necesitas iniciar sesión como un Administrador — las cuentas que no son de Administrador no pueden instalar complementos ni agregar código.

Nota: Si no estás seguro de cómo instalar un complemento en tu sitio web de WordPress, contacta a tu webmaster o desarrollador web.

Instalación del complemento

  1. Download the plugin zip-file.

  2. Inicia sesión en tu sitio web de WordPress con una cuenta de Administrador.

  3. En el panel de control de WordPress, ve a Plugins > Añadir nuevo plugin.

  4. Haz clic en Cargar Plugin.

  5. Selecciona el archivo zip que descargaste en el paso 1.

  6. Haz clic en Instalar Ahora.

  7. Activa el plugin.

Configuración del plugin

  1. Inicia sesión en tu Oficina de Tebi.

  2. Ve a Reservas > Configuración.

  3. Copia el token de Tebi Reservations.

  4. En tu panel de control de WordPress, ve a Configuración > Tebi Reservations.

  5. Pega el token en el campo de Token de Reservas.

  6. Marca la casilla de Activar Widget.

  7. Haz clic en Guardar Cambios.

El widget debería aparecer en tu sitio web de WordPress tras actualizar la página. Si no aparece, intenta cambiar Ubicación de Inyección a Pie de Página.


Squarespace

Nota: Añadir el widget a un sitio de Squarespace requiere una suscripción Business. Los planes Personales no admiten código personalizado en el pie de página.

  1. Visita tu panel de administración de Squarespace a través de la pantalla /configuración.

  2. Ve a Sitio Web > Páginas > Herramientas del Sitio > Inyección de Código.

  3. Pega el fragmento de Tebi en el campo Pie de Página y haz clic en Guardar.

  4. También puedes añadir un botón al editar una página en Squarespace — usa el fragmento de enlaces personalizados desde la página del Widget en Tebi.


Wix

  1. Inicia sesión en Wix.

  2. Selecciona el sitio web al que deseas añadir el widget.

  3. Haz clic en Configuración en el menú de la izquierda, ve a Avanzado y selecciona Código Personalizado.

  4. Haz clic en Añadir Código Personalizado en la esquina superior derecha.

  5. Pega el fragmento de Tebi en el cuadro de código en la parte superior.

  6. En Añadir Código a Páginas, selecciona Todas las Páginas y Cargar código en cada nueva página.

  7. Para Ubicar Código en, selecciona Cuerpo - final.

  8. Haz clic en Aplicar.

El widget ahora debería aparecer en tu sitio web de Wix.


¿Necesitas ayuda?

Si necesitas ayuda para instalar el widget, contacta con Soporte Tebi.

¿Ha quedado contestada tu pregunta?