Goldie creează automat o pagină de programări online când îți faci contul, astfel încât clienții tăi să poată face programări oricând.
Totuși, mulți dintre voi ne-ați întrebat dacă există o modalitate de a integra pagina de programări online ca buton pe website-ul existent al afacerii. Poți integra acest link de programări pe website-ul tău urmând acești pași simpli.
Copiază și lipește codul HTML pe website-ul tău și înlocuiește „Linkul paginii tale de programări online” cu linkul tău real de programări Goldie.
Pașii pentru adăugarea linkului de programări
Deschide aplicația Goldie și asigură-te că ești conectat la contul tău.
Accesează Meniu (☰) → Programări online.
Apasă pe Distribuie, apoi pe Copiază pentru a copia adresa URL a paginii tale de programări
1. Buton simplu rotunjit
<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. Buton cu gradient și margine
<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. Buton cu efect de umbră
<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. Buton conturat cu efect de 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. Buton minimalist modern
<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>
Nu ai găsit ce cauți? Revino la pagina de pornire a Centrului de Ajutor pentru a căuta articole suplimentare sau contactează-ne! Suntem întotdeauna aici să te ajutăm.