Better and better, everyday...

Our team is hard at work building with new features and upgrades to make your booking experience the best in the industry.

Below we have highlighted a few highlights from the latest release...

Custom Button Hover on Bottom or Side

Our newest feature allows you to embed a button on the page as a hover, callback, chat, appointment “Call to action”.

In this case, we are using the button “Talk with an Expert” on the bottom right of our page, here is a view of our website:

Chat-with-scheduling-appointment-to-chat-or-call-1 Newest Updates

 

 

 

 

 

 

 

 

 

To embed this on your own page, use this code:

<a href=”#”style=’float:none;position:fixed;right:-2px;bottom:1%;display:block;z-index:20000;’><button alt=”Booknow button” id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/service/small-business-demo”>Talk with an Expert</button></a>
<style> #bookafy-scheduling {visibility: show; height: 50px; width: 200px; background-color: white; color: #57D5E4; font-size: 16px; border-color: #57D5E4; border-style:solid; border-radius: 30px; cursor: pointer;} #bookafy-scheduling:hover {background-color: #57D5E4 ; color:white; border-color:#57D5E4;} </style>
<script id=”bookafy_script” type=”text/javascript”src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>

 

This code shows this button at the bottom of our page:

2019-02-01_13-10-14 Newest Updates

 

 

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.

<a href=”#”style=’float:none;position:fixed;right:-2px;bottom:1%;display:block;z-index:20000;’><button alt=”Booknow button” id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/service/small-business-demo“>Talk with an Expert</button></a>
<style> #bookafy-scheduling {visibility: show; height: 50px; width: 200px; background-color: white; color: #57D5E4; font-size: 16px; border-color: #57D5E4; border-style:solid; border-radius: 30px; cursor: pointer;} #bookafy-scheduling:hover {background-color: #57D5E4 ; color:white; border-color:#57D5E4;} </style>
<script id=”bookafy_script” type=”text/javascript”src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>

 

Button hover with popup

iframe> Newest Updates

Custom Button with HTML

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.

Example Code:

<a href=”#”><img style=’visibility: hidden;’ src=”https://app.bookafy.com/booknow_btn.png” alt=”Booknow button” width=”150″ height=”50″ id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/”></a><script id=”bookafy_script” type=”text/javascript” src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>

 

Step 2. Making the button look the way you want.

Our default code shows a blue and white button.

Book_Now_Button Newest Updates

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.

<a href=”#”><img style=’visibility: hidden;’ src=”https://app.bookafy.com/booknow_btn.png” alt=”Booknow button” width=”150” height=”50” id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/”></a><script id=”bookafy_script” type=”text/javascript” src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>

 

Step 3. Customize the code with HTML. This code below is the exact code to display our booking button. You can change the highlighted areas to match your own design and styling.

You can change the bold areas below to make it your own!

<center>
<a href=”#”><button style=’visibility: show;
height: 45px;
width: 200px;
background-color: white;
color: black;
font-size: 16px;
border-color: black;
border-radius: 20px;
cursor: pointer;’
alt=”Booknow button” id=’bookafy-scheduling’ data-domain-name=”http://demo.bookafy.com/”>Schedule a Call or Tour</button></a><script id=”bookafy_script” type=”text/javascript”
src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>
</center>

 

Step 4. Use the button to only show a specific category, staff member, appointment type, classes, etc.

Replace the URL in the code to reflect the particular link you want displayed.

Example: (great for call to action on website, for 1 specific appointment type)

<center>
<a href=”#”><button style=’visibility: show;
height: 45px;
width: 200px;
background-color: white;
color: black;
font-size: 16px;
border-color: black;
border-radius: 20px;
cursor: pointer;’
alt=”Booknow button” id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/service/small-business-demo“>Schedule a Demo</button></a><script id=”bookafy_script” type=”text/javascript”
src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>
</center>

 

Or Staff example: (about us page, bio page, etc)

<center>
<a href=”#”><button style=’visibility: show;
height: 45px;
width: 200px;
background-color: white;
color: black;
font-size: 16px;
border-color: black;
border-radius: 20px;
cursor: pointer;’
alt=”Booknow button” id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/casey“>Schedule a Demo</button></a><script id=”bookafy_script” type=”text/javascript”
src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>
</center>

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.

Example: (French)

<center>
<a href=”#”><button style=’visibility: show;
height: 45px;
width: 200px;
background-color: white;
color: black;
font-size: 16px;
border-color: black;
border-radius: 20px;
cursor: pointer;’
alt=”Booknow button” id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/service/small-business-demo?locale=fr“>Schedule a Demo</button></a><script id=”bookafy_script” type=”text/javascript”
src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>
</center>

 

Example: (Spanish)

<center>
<a href=”#”><button style=’visibility: show;
height: 45px;
width: 200px;
background-color: white;
color: black;
font-size: 16px;
border-color: black;
border-radius: 20px;
cursor: pointer;’
alt=”Booknow button” id=’bookafy-scheduling’ data-domain-name=”https://demo.bookafy.com/service/small-business-demo?locale=es“>Schedule a Demo</button></a><script id=”bookafy_script” type=”text/javascript”
src=”https://demo.bookafy.com/bookafy-popup-code.js”></script>
</center>

 

Thats it, if you need any help please let us know!

 

Bookafy

Inject Data into Bookafy with URL Parameters

Bookafy now allows businesses to automatically inject data that you collect from your website, and insert it into our booking application.

Here is an example:

Say you have a contact form, or a prequalification form on your page like this

images?q=tbn:ANd9GcQgEy2oQ0lD6epO31R1nEYo2IMFmi1s_6cNOnDib-73rvJVs96O9A Newest Updates

Maybe you have a couple of fields (Name, Email, Phone) or maybe you have a bunch of fields like Name, Business Name, Position, Website, Email, Phone, Address, City, State, Zip.

When your customer fill out the information in the form on your page, you can pass on the content of those fields from the form.

Most form builders allow this functionality… you will have to check with your specific form company on how you can pass the info in the URL when the customer clicks Send or Enter or maybe “book now”.

Once the data from the forms is injected into the URL, you can pass that URL to our booking page through the link combination below.

  1. Example Link: booking an appointment for a specific appointment type, but staff/employee/user selection goes to round robin:

https://YOURCOMPANY.bookafy.com/schedule?type=iframe&service_id=APPOINTMENTTYPE&selected_staff=nopreference&FullName=CASEY%20SULLIVAN&Email=XYZ@BOOKAFY.COM&CellPhone=8008499934&StreetAddress=1416%2046th%20STREET&Suburb=SEATTLE&State=WA&PostCode=98107&Abn=XXXXXX&BusinessName=BOOKAFY&Description=BOOKED%20FROM%20WEBSITE%20INJECTION 

  1. Link without selected staff, will work according to client settings for staff but fields will be populated

https://YOURCOMPANY.bookafy.com/schedule?type=iframe&service_id=initial-consultation&FullName=Casey%20Sullivan&Email=xyz@bookafy.com&CellPhone=8008499934&StreetAddress=1416%2046th%20Street&Suburb=Seattle&State=WA&PostCode=YOURCOMPANY&BusinessName=Bookafy&Description=Booked%20from%20website%20redirect

 

  1. Link with selected staff

https://YOURCOMPANY.bookafy.com/schedule?type=iframe&service_id=initial-consultation&selected_staff=joe-john&FullName=Casey%20Sullivan&Email=xyz@bookafy.com&CellPhone=8008499934&StreetAddress=1416%2046th%20Street&Suburb=Seattle&State=WA&PostCode=98107&BusinessName=Bookafy&Description=Booked%20from%20website%20redirect

 

Example to book a free “Call with Casey” in our account:

https://demo.bookafy.com/schedule?type=iframe&service_id=free-account-setup-and-optimization&selected_staff=casey&FullName=Test%20Name&Email=xyz@bookafy.com&CellPhone=8008499934&Description=Booked%20from%20website%20redirect

Watch Demo: https://www.youtube.com/watch?v=-PxPaJu0Ju0

 

 


    

Redirect URL Based on appointment types

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

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)

 

 

 

 

 

 

 

 

 

 

 

access-80x80 Newest Updates
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!

custom-80x80 Newest Updates
EDIT PROFILE

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!

fit-80x80 Newest Updates
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!