Goldie creează automat o pagină pentru programări online atunci când vă înscrieți, facilitându-le clienților dumneavoastră crearea de programări oricând doresc.
Cu toate acestea, mulți dintre dumneavoastră au întrebat dacă există o modalitate de a integra pagina de programări online ca un buton pe site-urile dumneavoastră de afaceri existente.
Puteți integra acest link de programare pe site-ul dumneavoastră urmând acești pași simpli.
Pur și simplu copiați și lipiți codul HTML în site-ul dumneavoastră și înlocuiți „your online booking page here” cu linkul dumneavoastră de programare Goldie.
Pași pentru a adăuga linkul de programare:
Deschideți aplicația Goldie și asigurați-vă că sunteți conectat la contul dumneavoastră.
Accesați Meniu (☰) → Programări Online.
Apăsați pe "Partajează", apoi pe "Copiază" pentru a copia URL-ul site-ului 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>
Încă nu găsiți ceea ce căutați? Reveniți la pagina de pornire a Centrului de Ajutor pentru a căuta articole suplimentare sau contactați-ne! Suntem întotdeauna aici pentru a vă ajuta.