How To: Always show the Promo/Discount field while booking

Follow

Kalem - Technical Support Manager

• May 11, 2023 18:57
• Edited

Hi there everyone,

My name is Kalem, and I wanted to share a helpful solution for making the discount field more easily noticed by customers. 

Currently, the Discount/Voucher field appears in the bottom left of the booking module as shown in this image.  This can go easily missed by customers sometimes. 

Using CSS, which can be accessed by navigating to Manage > Layout > Booking Page and selecting CSS Editor on the left-hand side. You can simply copy and paste the following code into the CSS Editor and Save.

#promo {display: block !important;} a.cf-add-discount {display: none !important;}

Now, the Discount/Voucher field is always visible on the module, as seen in this image.

I hope you found this quick tip helpful 😄

Happy bookings from all of us on the Support team!

0

• 

  Phillip Hullquist

  • May 12, 2023 13:59

  Thanks for sharing.

  If the UI isn't working for customers, why is this not fixed at a higher level instead of requiring CSS hacks?

  0

  Comment actions Permalink
• 

  Patrick Karantinos

  • April 05, 2024 20:18

  Thank you so much! Super helpful!!

  0

  Comment actions Permalink
• 

  Eric Hansen

  • May 14, 2024 13:44

  Thank you! This is very helpful

  0

  Comment actions Permalink

Please sign in to leave a comment.