Goldie automatically creates an online booking site when you sign up, making it easy for your clients to book appointments at any time.
However, many of you asked if there is a way to integrate the online booking page as a button on your existing business websites. Great News! You can integrate this booking link into your website by following these simple steps:
Simply copy and paste the HTML code into your website and replace "your online booking page here"
with your actual Goldie booking link.
Steps to Add Your Booking Link
Open the Goldie app and ensure you are logged into your account.
Go to Menu (☰) → Online Booking.
Tap Share, then tap Copy to copy your booking site URL
1. Simple Rounded Button
<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. Gradient Button with Border
<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. Shadow Effect Button
<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. Outlined Button with Hover Effect
<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. Modern Minimal Button
<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>
We appreciate your feedback and are always working on improving Goldie. If you have any suggestions or need further assistance, feel free to reach out!
Still can’t find what you’re looking for? Return to the Help Center homepage to search for additional articles or reach out to us - we’re always here to help.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article