This code shows this button at the bottom of our page:
You can then restyle this button by changing the elements of the code above to determine the color, shape, size, font size, hover effects, etc. You can also change the code to determine where on the page you want it to be placed. We chose the bottom right… as you can see with the “bottom:1%” label in the code.
Here I will highlight the areas that you will want to edit to make your code perfect… Also, notice the second bold area at the end of the URL… We used this to go direct to an appointment type rather than going to our menu of differnent appoitment types. You can get this link by going to Settings, Appointment types and then clicking on the link icon next to the appointment type you want to send the customer to… and then copy and paste the URL into the code.
One of the most popular requests we get is asking about building a custom button… we are working on ways to automate this…. but for now we want to share a few tricks.
Step 1. Find the HTML embed code by going to Settings > Integrations. The button code shows on the bottom of the page… this code can be copied and pasted as an HTML element into any website (wordpress, square space, weebly, wix, etc) and used immediately.
This button is referenced in the first line of code with the PNG file. You can replace this PNG file with your own button image URL, changing the size parameters too. You can create your own button at www.dabuttonfactory.com, click the embed button and it will give you a url. You can replace the url in bold below with your new URL.
5. Lastly, using the link with a different language…
If you are taking appointments in 2 languages, we recommend creating the appointment types in different languages as well… and then linking to that specific appointment type or the category of appointments, and the link will end with the language differentiator.
URL Redirect per appointment type – Now you can choose which URL your customers are redirected to after they book their appointment… based on the appointment type they are booking. Send one type to a thank you page, another type to a form and maybe another to your FAQ page. 🙂
Custom labels – our default language in the settings is users, appointments, classes, services, etc. Clearly, this language doesn’t work for everyone… and we wanted to allow you to customize the language to match your business’ vernacular. You can edit by going to Settings, Account, Booking Page Settings
Booking Button – currently it says “Book an Appointment” but now you can change it to anything you want. Schedule Now, Book, Book Here, etc.
Appointment Types – Services, Event, One-on-one…
Classes – update to events, group events, seminar, webinar…
Staff – you can change to staff, employees, instructors, teachers, contractors…
Notes button on booking page – change this to say notes, reminders, cancellation policy… (The text that appears when the button is clicked is pulled from the custom email message field in Settings, Booking Options)
FREE SET-UP SUPPORT
Bookafy’s support team is available to help you set up your account from start to finish. We can help set up new staff, set up services and even help integrate the software into your existing website.
And… it’s all free! Contact us anytime and we will be ready to help!
Most of Bookafy’s settings can be found in the Edit Profile tab. There you can edit contact info, set your subdomain address, get code to iframe, set business hours and much much more!
CUSTOM STAFF SCHEDULING
Your staff can all have their own customized schedules… You can set hours for each staff member individually, regardless of how many staff members you have. Scheduling staff has never been easier!