Guía de SitPup
Cómo añadir un widget de reservas para mascotas a Wix
Wix te da dos formas distintas de añadir código de inserción, y no sirven para lo mismo. Aquí ves cuál elegir, más el paso del diseño móvil que los usuarios de Wix suelen descubrir demasiado tarde.
5 min de lectura
Página relacionada de SitPup: Widget de reservas para mascotas
Termina primero la configuración en SitPup
La parte de Wix lleva un par de minutos. La parte que decide si el flujo de reserva es realmente útil ocurre antes, en SitPup.
Abre la página Widget, añade tus servicios con precios y capacidad, activa los animales que aceptas, fija tu disponibilidad en la página Calendario, y luego publica desde la sección Insertar widget. Publicar es lo que genera tu código, así que no hay nada que pegar hasta que esto esté hecho.
Opción 1: insertar un widget, para una sola página
Esta es la opción correcta cuando quieres el botón en un lugar concreto de una página concreta, posicionado visualmente como cualquier otro elemento.
- 1
Abre el panel añadir
En el editor de Wix, haz clic en el icono de más en la barra lateral izquierda.
- 2
Elige insertar, luego insertar un widget
Según tu versión de Wix esto puede aparecer como "Código de inserción" o "Inserciones personalizadas". Llevan al mismo sitio.
- 3
Pega el código de SitPup
Haz clic en el elemento insertado, elige la opción de introducir código, y pega las dos líneas.
- 4
Redimensiona y posiciona el elemento
Wix renderiza el elemento insertado dentro de una caja fija que arrastras y redimensionas. Dale el ancho completo de tu columna de contenido y suficiente altura para que el botón no se corte.
Wix ejecuta las inserciones dentro de su propio marco. Aquí no hay problema: el widget es autónomo y no necesita acceso al resto de tu página para funcionar.
Opción 2: código personalizado, para todo el sitio
Si quieres el botón en varias páginas, añadir un elemento insertado a cada una a mano se vuelve tedioso e inconsistente. Wix tiene un ajuste propio para esto.
Ve a Ajustes, luego Código personalizado, y añade ahí el código de SitPup. Eliges en qué páginas se carga, todas o una selección concreta, y si se carga en el head o al final del body. Para un botón de reserva, el body es la opción correcta.
Código personalizado está disponible en los planes de pago de Wix con un dominio conectado. En una web gratuita de Wix necesitarás la opción de Insertar un widget en su lugar.
Dónde colocarlo en una web de cuidado de mascotas
El botón convierte mejor donde un visitante acaba de leer algo que le hace querer reservar. En webs de cuidado de mascotas, eso suele ser el final de una descripción de servicio, justo después de tus precios, o como primera opción en tu página de contacto, por encima del formulario de contacto.
El final de una página de inicio larga es la posición más débil, porque asume que la gente baja hasta ahí, y las analíticas en webs de pequeños negocios muestran de forma constante que la mayoría no lo hace. Si dudas entre dos sitios, usa ambos; el mismo código funciona en tantos lugares como quieras.
Comprueba el diseño móvil por separado
Este es el paso específico de Wix que la gente se salta. Wix mantiene un diseño móvil separado del de escritorio, y los elementos que posicionas en escritorio no siempre caen bien en móvil.
Cambia a la vista móvil en el editor y mira específicamente el elemento insertado. Los problemas habituales son que el elemento quede totalmente oculto, se reduzca tanto que el botón sea ilegible, o se solape con la sección de abajo. Arréglalo ahí, porque la mayoría de tus visitantes verán esa versión y no la de escritorio.
Publica, y luego envía una reserva de prueba real
Los cambios en el editor de Wix no están en vivo hasta que publicas, así que el primer paso es obvio pero fácil de olvidar con prisa.
Después abre la URL publicada en una ventana privada del navegador, haz clic en el botón, y envía una solicitud de prueba real con fechas y datos de mascota rellenados. Comprueba que aparece en Reservas de tu panel de SitPup con todo lo que esperabas ver. Repite el clic en tu teléfono. Solo entonces dirige tráfico real a la página.
Ideas clave
- Configura servicios, precios y disponibilidad en SitPup y publica antes de abrir el editor de Wix.
- Usa Insertar un widget para una página; usa Ajustes, luego Código personalizado, para un botón en todo el sitio.
- Código personalizado necesita un plan de pago de Wix con un dominio conectado.
- Wix mantiene un diseño móvil separado: comprueba y arregla el elemento insertado también ahí.
- Publica, y luego prueba desde la página en vivo en escritorio y en móvil antes de enviar tráfico.
Consigue tu botón de reserva para Wix
Configura el formulario, publica, y pega el fragmento en un elemento insertado o en Código personalizado.