Highlighting the "Book Now" tab for package items

Follow

Sam Gore

• May 25, 2021 09:12

I have the option for customers to select a delivery location as part of the booking process and I've had comments that the flow is not very good.  I have made it clearer that customers need to make a selection, but once they click into the option it defaults to the "details" page when it at that point it should just enable a selection. Is there a way to either highlight the tab with CSS or to amend the tab order? 

I think there's definitely a theme that every business is going to want a way to highlight the "Book Now" buttons as the main CTA across all areas of their calendar! 

Thanks

0

• 

  Amy, Technical Analyst

  • May 26, 2021 16:32

  Hey Sam,
   
  The Details tab is selected by default whenever an add-on item has information inside its Summary section in the Description page of the item builder. Removing any details in the Summary section will change the default to the Photos tab if there are images or Book Now tab if there are not.
   
  You can also use CSS similar to below to highlight the Book Now tab:

  .ntab.cf-tab.nav.nav-tabs #cf-item-book a {
      background-color: red;
  }

   
  I recommend changing the colour to better match your branding. Here is an online resource to find your desired colour codes: https://htmlcolorcodes.com/
   
  I hope that helps!

  0

  Comment actions Permalink
• 

  Stephanie Tomais

  • June 03, 2021 11:10

  I’ve changed the colour Sam. It makes no difference. Once 1 item is in the cart the flow immediately directs the customer to the check out form. Leaving 98% of people confused as to how to go back and add to their booking.

  0

  Comment actions Permalink

Please sign in to leave a comment.