How to change the button color of pricing/quote widget ?
To change button color of pricing/quote widget, please follow below steps
Last updated August 24, 2026
Button colour is set in the classic widget builder, and copying widget code needs a Premium plan.
Go to houfy.com/widgets-old. (If you open houfy.com/widgets you will get the AI Widget Builder instead - click Classic widget builder in the left sidebar.)
Choose the Pricing widget and select your listing.
Find Button Color and type a six-character hex code without the # - for example
FF5733. Button Color is available on the Pricing and Calendar widgets only.Click Try it, then copy the code and use it on your website.
You can also reach the widget from the listing editor: Edit listing > Pricing, expand the Widgets section, and click Pricing Widget. That section only appears once your listing is Houfy-verified and 100% complete, and it opens the AI builder rather than the classic one, so use the direct link above if you want the Button Color field.
Did this answer your question?
Related Articles
- How to add Houfy widgets to your own website
- How to share the widget code with someone?
- We embedded some of the Houfy widgets to our own Wordpress website and received a direct booking including payment!
- How to add Houfy widgets to my WordPress website?
- How to add Houfy widgets to my Squarespace website?