Goldie crea automáticamente un sitio de reservas en línea cuando se registra, facilitando que sus clientes agenden citas en cualquier momento.
Sin embargo, muchos de nuestros usuarios han preguntado si existe una manera de integrar la página de reservas en línea como un botón en sus sitios web comerciales. ¡Tenemos buenas noticias! Es posible integrar este enlace de reservas en su sitio web siguiendo estos sencillos pasos:
Simplemente copie y pegue el código HTML en su sitio web, reemplazando "tu página de reservas online aquí" con el enlace de reservas de Goldie correspondiente.
Pasos para agregar su enlace de reservas:
- Abra la aplicación Goldie y asegúrese de haber iniciado sesión en su cuenta.
- Vaya a Menú (☰) → Reservas en línea.
- Toque en "Compartir", luego toque en "Copiar" para copiar la URL de su sitio de reservas.
1. Botón simple y redondeado
<div style="padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<h3>1. Simple Rounded Button</h3>
<a href="Your Online Booking Website Here"
style="display: inline-block;
padding: 10px 30px;
background-color: #E9405E;
color: #FFFFFF;
text-decoration: none;
border-radius: 25px;
font-family: Arial, sans-serif;
font-weight: bold;">
Book Now
</a>
</div>2. Botón con gradiente y borde
<div style="padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<h3>2. Gradient Button with Border</h3>
<a href="Your Online Booking Website Here"
style="display: inline-block;
padding: 12px 35px;
background: linear-gradient(45deg, #302792, #1AB501);
color: #FFFFFF;
text-decoration: none;
border-radius: 30px;
font-family: 'Helvetica', sans-serif;
font-weight: bold;
border: 2px solid #1AB501;">
Book Now
</a>
</div>3. Botón con efecto de sombra
<div style="padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<h3>3. Shadow Effect Button</h3>
<a href="Your Online Booking Website Here"
style="display: inline-block;
padding: 15px 40px;
background-color: #FF944F;
color: #FFFFFF;
text-decoration: none;
border-radius: 25px;
font-family: 'Segoe UI', sans-serif;
font-weight: bold;
box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4);">
Book Now
</a>
</div>4. Botón con contorno y efecto hover
<div style="padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<h3>4. Outlined Button with Hover Effect</h3>
<a href="Your Online Booking Website Here"
style="display: inline-block;
padding: 12px 35px;
background-color: transparent;
color: #FFE500;
text-decoration: none;
border-radius: 25px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
border: 2px solid #FFE500;
transition: all 0.3s ease;"
onmouseover="this.style.backgroundColor='#FFE500'; this.style.color='#FFFFFF';"
onmouseout="this.style.backgroundColor='transparent'; this.style.color='#FFE500';">
Book Now
</a>
</div>5. Botón minimalista moderno
<div style="padding: 20px; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<h3>5. Modern Minimal Button</h3>
<a href="Your Online Booking Website Here"
style="display: inline-block;
padding: 14px 38px;
background-color: #302792;
color: #FFFFFF;
text-decoration: none;
border-radius: 50px;
font-family: 'SF Pro Display', -apple-system, sans-serif;
font-weight: 500;
letter-spacing: 0.5px;">
Book Now
</a>
</div>Agradecemos sinceramente sus comentarios y le aseguramos que estamos constantemente trabajando en mejorar Goldie. Si tiene alguna sugerencia o requiere asistencia adicional, no dude en ponerse en contacto con nosotros.
¿Aún no encuentras lo que buscas? Regresa a la página de inicio del Centro de Ayuda para buscar artículos adicionales o comunícate con nosotros; siempre estamos aquí para ayudarte.
¿Le ha sido útil este artículo?
¡Qué bien!
Gracias por sus comentarios
¡Sentimos mucho no haber sido de ayuda!
Gracias por sus comentarios
Sus comentarios se han enviado
Agradecemos su esfuerzo e intentaremos corregir el artículo