How to customize the Beds24 booking page

Where the Beds24 booking page settings live

At the time of writing (October 2026), the Beds24 wiki places the booking page under (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE, split into tabs, with photos in a menu of their own:

Don’t experiment on the live page. Beds24 runs up to six layouts at once: pick layout 2 before saving your changes and preview it by adding &layout=2 to your booking page address. Your normal link keeps the default layout until you switch.

Pick a template and arrange the modules

The page is built from modules in rows, for the property, each room and each offer: picture sliders, features, calendars, price tables, descriptions, policies, a map. Templates are ready-made sets of modules, and Template 7 is the current default.

1. In LAYOUT, choose the closest template and click Restore default to load it. Careful: this also wipes your changes to that layout.
2. Set the Position of modules you don’t need to “not used”. Shorter pages read better on phones.
3. Click Manage on each remaining module to fine-tune it, mobile display included.
4. Set widths: each module takes part of a 12-column row, on desktop and on mobile.

Empty modules don’t display: the ? icons tell you where each one gets its content.

Colours, fonts and your logo

STYLE holds colours and fonts. At the time of writing, the defaults are a light grey background (#f4f4f4), dark grey text (#424242), blue links and buttons (#008acc) and Arial at 14px. Matching background, buttons and font to your website is the quickest visible win. The wiki also has a page on using Google Fonts, and recommends high-contrast colours for accessibility.

For your logo, the wiki’s method is to upload it in PICTURES, copy its address from Manage, and insert it as an image in the “Property Description 1” text under CONTENT.

Photos, room descriptions and languages

Upload photos in (SETTINGS) BOOKING ENGINE > PICTURES and assign them to the property, a room or an offer. The wiki’s Pictures page gives the limits at the time of writing: 10 files (100 MB) per upload, under 5 MB per file recommended, 99 pictures per property, plus up to 20 externally hosted pictures per room over HTTPS.

• Room photos missing? Room pictures only show if the layout has a room pictures module. Many layouts only use offer pictures: assign your photos to Offer 1, which always displays.
• One orientation per slider. Beds24 advises against mixing landscape and portrait.

Set a default language, activate the others you sell in, and fill in the descriptions for each. Then read the page as a guest would: in real accounts, room types often appear under internal codes such as “XGL” or “DBLV”.

Change fixed texts and add custom CSS

In DEVELOPER you can exchange any fixed text, add scripts such as analytics and apply your own CSS. Extra messages, and the warnings shown when a room is not available, live in CONTENT. If guests see “No price found”, fix the cause first: see why rooms vanish from your Beds24 booking page.

Custom CSS goes in (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE DEVELOPERS > “Custom CSS”. Three rules, taken as they are from Beds24’s Custom CSS page:

/* Hide the cents in prices */
.bookingpagecents {display:none;}

/* Room name size: raise the number for bigger names */
.at_roomnametext{font-size: 14px;}

/* Remove the 0 from the adults selector */
#inputnumadult option[value="0"] {display:none !important;}

Add one rule at a time and check the page after each: class names can differ between page versions.

Check it on mobile before you publish

In LAYOUT, under Manage, each module can show on mobile directly, behind a link, or not at all. Keep the phone version short, then check it on a real phone:

• Search 2 nights for 2 adults: are dates, guests and price visible without scrolling past long texts?
• Are photos sharp, texts readable and buttons easy to tap?
• Does the number of nights show? If not, the wiki’s fix is .b24-selector-numnight { display: inline-block !important; }.
• Is every language complete, down to the last screen?
• Go to the payment step without paying: is the total the same as on the first screen?

If the total jumps, check city tax. Beds24 handles it as an obligatory upsell item, and the Upsell Items page explains how to include such fees in the first prices shown: Total Price Style = “Total including obligatory” (not with “Per Booking” fees on multi-room bookings).

Your domain and the “Powered by Beds24” link

No template or CSS rule in this guide changes two things: the beds24.com address and the small “powered by Beds24.com” link. Beds24’s answer is Private Label, a paid add-on that moves the page to a subdomain such as book.yourhotel.com and removes the link. See our guide to Beds24 white label and removing “Powered by Beds24”.

When doing it yourself stops being worth it

Money is rarely the obstacle: at the time of writing, Beds24’s pricing page lists a “mobile friendly and fully customizable booking engine” as included at no extra cost, and Private Label at €19.00 a month. The cost is your time, which grows with every room type, every language and every CSS rule to recheck on mobile.

Consider stopping when your room types still reach guests as internal codes, when texts are missing in some languages, or when you want guests to book inside your own website, in its design.

That is the gap our Beds24 booking engine fills, without leaving Beds24: real room names, beds, descriptions and photos in English, German, French, Italian and Spanish; your colours, fonts and logo, as a widget on your own website or a hosted page; city tax added per person per night and shown upfront; no “powered by Beds24” link. Rates and channels stay in Beds24, and if you prefer, we set it up for you.

Frequently asked questions