Modules are the building blocks of your pages. Each one is a ready-made section, like a hero banner, a gallery or a booking calendar, that you add to a page and fill in. Stack as many as you like, in any order, and drag them around until the page looks right.
Modules can be used on pages and in Reusable Sections. To add one, click on Add Module under the page title, pick a module and fill in its fields. See First steps for the basics.
All modules
- Hero Banner
- Page Title
- Text
- Text & Media
- Feature Cards
- Amenities
- Stats Cards
- Media CTA
- Gallery
- Testimonials
- FAQs
- CTA
- Image Card Carousel
- Accommodations
- Contact
- WP Booking System Embed
- Reusable Section
Headings & Options
Most modules have a Headings & Options tab with the same fields:
- Subtitle: a small line above the title, in your accent color.
- Title: the heading of the module.
- Description: an optional short text under the title.
- Alignment: Centered puts the heading (and the module’s button) in the middle. Left puts the heading on the left, with the button next to it on desktop.
- Background Style: Transparent uses the page background; Highlight adds a tinted background (the Highlight Background color from General Options). Highlighted modules placed next to each other join into one block.
All heading fields are optional: leave them empty and the module starts directly with its content.
Links and buttons
Buttons use a link field: click on it, search for one of your pages or paste a URL, and enter the Link Text, which becomes the button label. Tick “Open link in a new tab” if needed. Each button also has a Style: Primary (filled, in your accent color) or Secondary (outlined).
Icons
Modules with icons (Feature Cards, Contact, and the details and features of accommodations) let you choose the Icon Source:
- Google Icon: type the name of an icon from Google Fonts Icons, e.g. wifi, hot_tub or local_parking.
- Upload: your own icon. SVG icons take the theme colors; PNG and JPG icons keep their original colors.
Tips
- Start each page with a Hero Banner or a Page Title: their title is the main heading of the page.
- When a Hero Banner is the first module, the header sits on top of the image, with the white version of your logo.
- Alternate Transparent and Highlight backgrounds to separate the sections of a long page.
- Duplicate a module with the icon on its bar to reuse its settings.
