Components· Section items
Section items
Blocks that live inside a particular section: accordion item, tab, slide, pricing plan, testimonial and team member.
21 components
The examples work in test mode: nothing is saved to a real site, no messages are sent and payments are test payments.
Accordion item
Block Try it accordionItem
An accordion item: a heading and the content that opens under it in the accordion section.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Otsikko |
Body content | Formatted text | Lyhyt sisältö. |
Icon icon | Icon | – |
Accessibility
Content that opens is a button with a name and a state (aria-expanded or the selected tab). Works with a keyboard: Tab moves, Enter and Space open, Esc closes what opened. The content can be read without JavaScript too.
Used in 90 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
All 90 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
- Small hotel
- Guesthouse and B&B
- Cottage and villa
- Experiences and tours
- Equipment rental
- Online shop
- Gym
- Personal trainer
- Sports club
- League team
- Team sports club
- Individual sports club
- Association
- Election candidate
- Party venue
- Wedding
- Restaurant
- Car repair shop
- Tyre shop and tyre hotel
- Driving school
- Vehicle inspection
- Car wash
- Used car dealer
- Body shop
- Car rental
- Towing service
- Taxi
- Farm and direct sales
- Athlete
- Author
- Outdoor club
- Literary society and classic
- Course centre and training company
- Piano school and music lessons
- Music and dance school
- Musician and band
- Influencer and content creator
- League or series
- Photographer
- Haulage and logistics
- Electrician
- Plumbing and heating
- Building and renovation
- Earthworks and infrastructure
- Cleaning service
- Property maintenance
- Consultant and coach
- Expert firm
- Design office
- Advertising and communications agency
- Law firm
- Software house and consulting
- IT support for small businesses
- Staffing and recruitment
- Estate agent
- Accounting firm
- Café and bakery
- Lunch restaurant
- Pizzeria
- Dentist
- Physiotherapy and therapy
- Veterinary clinic
- Beauty or nail salon
- Florist
- Bicycle shop
- Local grocery
- Clothing and shoe shop
- Interior and gift shop
- Hardware store
- Specialist shop
- Housing company
- Manufacturer and wholesaler
- Painter, roofer, flooring and carpentry
- Care home and day care
- Flea market
- Chimney sweep
- Card and payment app
- Climbing gym (A)
- Climbing gym (B)
- Venue chain
- Pharmacy
- Design, graphic design and video
- Translator and translation agency
- Insurance agent
Checklist task
Block Try it dateChecklistTask
A checklist task: one task and its timing relative to the chosen date. Tasks live inside the date checklist.
Settings (13)
| Setting | Edited as | Default |
|---|---|---|
Task title | Text | Uusi tehtävä |
List phase | Choice | Before the day |
Not before, days earliestDays | Number | – |
By, days latestDays | Number | – |
Basis of the date deadlineKind | Choice | Suggestion |
Timing in words timing | Text | – |
Show only when when | Text | – |
Body details | Formatted text | – |
Link text linkLabel | Text | – |
Link linkUrl | Link | – |
Source sourceName | Text | – |
Source address sourceUrl | Link | – |
Checked on reviewedAt | Text | – |
Accessibility
Every field has a visible label, a required field says so in text, errors are announced and lead to the field, and autocomplete fills in familiar details. Touch targets are at least 44 px.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Tab
Block Try it tabItem
A tab: one tab of the tabs section with its title and content.
Settings (7)
| Setting | Edited as | Default |
|---|---|---|
Tab title title | Text | Välilehti |
Tab body body | Formatted text | Sisältö. |
Icon icon | Icon | – |
Tag (e.g. Add-on) tag | Text | – |
Image image | Image | – |
Alternative text imageAlt | Text | – |
Weekday weekday | Choice | – |
Accessibility
Content that opens is a button with a name and a state (aria-expanded or the selected tab). Works with a keyboard: Tab moves, Enter and Space open, Esc closes what opened. The content can be read without JavaScript too.
Carousel slide
Block Try it carouselSlide
A carousel slide: one slide with picture, heading and button.
Settings (8)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | Kohde |
Text text | Long text | – |
Image image | Image | – |
Alternative text imageAlt | Text | – |
Button link url | Link | # |
Button label buttonLabel | Text | – |
Image sizes to make imageWidths | Text | 800,1200,1600 |
Image width on the page imageSizes | Text | 100vw |
Accessibility
No automatic motion by default. If the owner turns motion on, a Pause button is the first control and prefers-reduced-motion always stops it (WCAG 2.2.2). The controls have names in the site's language.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Icon box
Block iconBoxItem
An icon box: icon, heading and text in the icon boxes section.
Settings (5)
| Setting | Edited as | Default |
|---|---|---|
Icon icon | Icon | Star |
Title title | Text | Otsikko |
Body body | Formatted text | Kuvaus. |
Link link | Link | – |
Link text linkLabel | Text | – |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 91 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
All 91 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
- Small hotel
- Guesthouse and B&B
- Cottage and villa
- Experiences and tours
- Equipment rental
- Online shop
- Gym
- Personal trainer
- Sports club
- League team
- Team sports club
- Individual sports club
- Association
- Election candidate
- Party venue
- Wedding
- Restaurant
- Car repair shop
- Tyre shop and tyre hotel
- Driving school
- Vehicle inspection
- Car wash
- Used car dealer
- Body shop
- Car rental
- Towing service
- Taxi
- Farm and direct sales
- Athlete
- Author
- Outdoor club
- Literary society and classic
- Course centre and training company
- Piano school and music lessons
- Music and dance school
- Musician and band
- Influencer and content creator
- League or series
- Photographer
- Haulage and logistics
- Electrician
- Plumbing and heating
- Building and renovation
- Earthworks and infrastructure
- Cleaning service
- Property maintenance
- Consultant and coach
- Expert firm
- Design office
- Advertising and communications agency
- Law firm
- Software house and consulting
- IT support for small businesses
- Staffing and recruitment
- Estate agent
- Accounting firm
- Café and bakery
- Lunch restaurant
- Pizzeria
- Dentist
- Physiotherapy and therapy
- Veterinary clinic
- Beauty or nail salon
- Florist
- Bicycle shop
- Local grocery
- Clothing and shoe shop
- Interior and gift shop
- Hardware store
- Specialist shop
- Housing company
- Foundation
- Manufacturer and wholesaler
- Painter, roofer, flooring and carpentry
- Care home and day care
- Flea market
- Chimney sweep
- Card and payment app
- Climbing gym (A)
- Climbing gym (B)
- Venue chain
- Pharmacy
- Design, graphic design and video
- Translator and translation agency
- Insurance agent
Pricing plan
Block pricingPlan
A pricing plan: one pricing card with name, price and what is included.
Settings (11)
| Setting | Edited as | Default |
|---|---|---|
Plan name name | Text | Paketti |
Price price | Text | 0 € |
Period period | Text | – |
Features features | Formatted text | Ominaisuudet. |
Button label ctaLabel | Text | – |
Button link ctaUrl | Link | – |
Featured highlighted | On / off | false |
Recommendation badge text featuredLabel | Text | – |
Yearly price yearlyPrice | Text | – |
Yearly price period yearlyPeriod | Text | – |
Yearly price note yearlyNote | Text | – |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 65 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
All 65 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
- Small hotel
- Equipment rental
- Gym
- Personal trainer
- Sports club
- League team
- Association
- Party venue
- Restaurant
- Car repair shop
- Tyre shop and tyre hotel
- Driving school
- Vehicle inspection
- Car wash
- Body shop
- Car rental
- Towing service
- Taxi
- Farm and direct sales
- Athlete
- Author
- Outdoor club
- Literary society and classic
- Course centre and training company
- Piano school and music lessons
- Music and dance school
- Musician and band
- Influencer and content creator
- League or series
- Photographer
- Electrician
- Plumbing and heating
- Building and renovation
- Cleaning service
- Property maintenance
- Consultant and coach
- Law firm
- Software house and consulting
- IT support for small businesses
- Estate agent
- Accounting firm
- Café and bakery
- Lunch restaurant
- Dentist
- Physiotherapy and therapy
- Veterinary clinic
- Beauty or nail salon
- Florist
- Bicycle shop
- Painter, roofer, flooring and carpentry
- Care home and day care
- Flea market
- Chimney sweep
- Card and payment app
- Climbing gym (A)
- Venue chain
- Pharmacy
- Design, graphic design and video
- Translator and translation agency
Logo
Block logoItem
A logo: one logo in the logos section, optionally as a link.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
Logo image image | Image | – |
Name (shown when there is no image) name | Text | Kumppani |
Link url | Link | – |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 23 templates
All 23 templates
- Padel hall
- Online shop
- Sports club
- League team
- Team sports club
- Individual sports club
- Association
- Tyre shop and tyre hotel
- Athlete
- Influencer and content creator
- League or series
- Haulage and logistics
- Earthworks and infrastructure
- Software house and consulting
- IT support for small businesses
- Staffing and recruitment
- Accounting firm
- Local grocery
- Clothing and shoe shop
- Interior and gift shop
- Hardware store
- Specialist shop
- Design, graphic design and video
Tile
Block bentoItem
A tile: one bento grid tile with size, background and link.
Styles (7)
Every style is shown side by side in the example: Card, Accent colour, Image as background, Dark, Mint, Sky blue, Sunny yellow
Settings (8)
| Setting | Edited as | Default |
|---|---|---|
Icon icon | Icon | – |
Title title | Text | Otsikko |
Body body | Formatted text | Kuvaus. |
Image image | Image | – |
Alternative text imageAlt | Text | – |
Link url | Link | – |
Tile size span | Choice | Small |
Style style | Choice | Card |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 1 templates
Image and text row
Block featureRow
A picture–text row: one row of the alternating picture and text section.
Settings (12)
| Setting | Edited as | Default |
|---|---|---|
Image image | Image | – |
Alternative text imageAlt | Text | – |
Eyebrow eyebrow | Text | – |
Title title | Text | Otsikko |
Body body | Formatted text | Kuvaus. |
Link text linkLabel | Text | – |
Link linkUrl | Link | – |
Enlarge on click zoom | On / off | – |
Video file URL video | Link | – |
Autoplay (muted) videoAutoplay | On / off | – |
Play only while the video is in view playInView | On / off | – |
Frame frame | Choice | – |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 70 templates
All 70 templates
- Padel hall
- Tennis hall
- Beach volleyball hall
- Yoga or pilates studio
- Small hotel
- Guesthouse and B&B
- Cottage and villa
- Experiences and tours
- Equipment rental
- Online shop
- Personal trainer
- Sports club
- League team
- Association
- Election candidate
- Wedding
- Restaurant
- Car repair shop
- Tyre shop and tyre hotel
- Driving school
- Vehicle inspection
- Car wash
- Used car dealer
- Body shop
- Car rental
- Towing service
- Taxi
- Farm and direct sales
- Athlete
- Author
- Outdoor club
- Piano school and music lessons
- Music and dance school
- Influencer and content creator
- Photographer
- Haulage and logistics
- Electrician
- Building and renovation
- Earthworks and infrastructure
- Property maintenance
- Consultant and coach
- Expert firm
- Design office
- Advertising and communications agency
- Law firm
- Software house and consulting
- IT support for small businesses
- Staffing and recruitment
- Estate agent
- Accounting firm
- Physiotherapy and therapy
- Beauty or nail salon
- Bicycle shop
- Local grocery
- Clothing and shoe shop
- Interior and gift shop
- Hardware store
- Specialist shop
- Housing company
- Foundation
- Manufacturer and wholesaler
- Painter, roofer, flooring and carpentry
- Flea market
- Card and payment app
- Climbing gym (A)
- Venue chain
- Pharmacy
- Design, graphic design and video
- Translator and translation agency
- Insurance agent
Testimonial
Block testimonialItem
A testimonial: one customer's quote, name, role, photo and stars.
Settings (5)
| Setting | Edited as | Default |
|---|---|---|
Quote quote | Long text | Kirjoita asiakkaan palaute tähän. |
Name name | Text | Asiakas |
Role or title role | Text | – |
Image image | Image | – |
Stars (0–5) rating | Number | 5 |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 65 templates
- Padel hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
- Small hotel
All 65 templates
- Padel hall
- Beach volleyball hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
- Small hotel
- Guesthouse and B&B
- Cottage and villa
- Experiences and tours
- Equipment rental
- Online shop
- Gym
- Personal trainer
- Election candidate
- Restaurant
- Car repair shop
- Tyre shop and tyre hotel
- Driving school
- Vehicle inspection
- Car wash
- Used car dealer
- Body shop
- Car rental
- Towing service
- Author
- Course centre and training company
- Piano school and music lessons
- Music and dance school
- Musician and band
- Photographer
- Haulage and logistics
- Electrician
- Plumbing and heating
- Building and renovation
- Earthworks and infrastructure
- Cleaning service
- Consultant and coach
- Expert firm
- Design office
- Advertising and communications agency
- Software house and consulting
- IT support for small businesses
- Staffing and recruitment
- Estate agent
- Accounting firm
- Café and bakery
- Pizzeria
- Dentist
- Veterinary clinic
- Beauty or nail salon
- Florist
- Bicycle shop
- Local grocery
- Clothing and shoe shop
- Interior and gift shop
- Hardware store
- Specialist shop
- Manufacturer and wholesaler
- Painter, roofer, flooring and carpentry
- Flea market
- Chimney sweep
- Venue chain
- Design, graphic design and video
- Translator and translation agency
- Insurance agent
Person
Block teamMember
A person: photo, name, role and contact details in the team section.
Settings (10)
| Setting | Edited as | Default |
|---|---|---|
Image image | Image | – |
Name name | Text | Etunimi Sukunimi |
Role or title role | Text | Tehtävänimike |
Short bio bio | Long text | – |
Email email | Text | – |
Phone phone | Text | – |
Languages languages | Text | – |
Specialities (comma-separated) specialities | Text | – |
Booking link bookingUrl | Link | – |
Booking button text bookingLabel | Text | – |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 45 templates
- Padel hall
- Tennis hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
- Equipment rental
All 45 templates
- Padel hall
- Tennis hall
- Yoga or pilates studio
- Massage or treatment clinic
- Barber or hair salon
- Equipment rental
- Online shop
- Gym
- Sports club
- League team
- Individual sports club
- Association
- Wedding
- Restaurant
- Car repair shop
- Driving school
- Used car dealer
- Towing service
- Outdoor club
- Course centre and training company
- Piano school and music lessons
- Music and dance school
- Haulage and logistics
- Earthworks and infrastructure
- Expert firm
- Design office
- Advertising and communications agency
- Law firm
- Software house and consulting
- IT support for small businesses
- Staffing and recruitment
- Estate agent
- Accounting firm
- Dentist
- Physiotherapy and therapy
- Veterinary clinic
- Beauty or nail salon
- Bicycle shop
- Housing company
- Foundation
- Care home and day care
- Pharmacy
- Design, graphic design and video
- Translator and translation agency
- Insurance agent
Trust badge
Block trustBadge
A trust badge: one certificate or membership with its picture.
Settings (6)
| Setting | Edited as | Default |
|---|---|---|
Badge kind | Choice | Reliable Partner (Luotettava Kumppani) |
Own name label | Text | – |
Detail detail | Text | – |
Check link verifyUrl | Link | – |
Own image image | Image | – |
Icon icon | Icon | – |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 11 templates
Card stack card
Block Try it cardStackItem
Card stack card: an icon and a short text.
Settings (2)
| Setting | Edited as | Default |
|---|---|---|
Icon icon | Icon | Check mark |
Text text | Text | Kortin teksti |
Accessibility
No automatic motion by default. If the owner turns motion on, a Pause button is the first control and prefers-reduced-motion always stops it (WCAG 2.2.2). The controls have names in the site's language.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Showcase card
Block Try it showcaseItem
Showcase card: a picture, a name, a short text and two buttons.
Settings (8)
| Setting | Edited as | Default |
|---|---|---|
Image image | Image | – |
Alternative text imageAlt | Text | – |
Title title | Text | Kohde |
Text text | Long text | – |
Button link url | Link | # |
Button label buttonLabel | Text | Katso |
Second button link url2 | Link | – |
Second button text button2Label | Text | – |
Accessibility
Every image has alternative text or is marked decorative. Zoom and the image browser work with a keyboard (arrows, Esc) and announce the position ("Image 2 of 5"). Only the first visible image loads at once.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Statement
Block Try it vaalikoneStatement
A statement: one statement of the voting advice tool and the candidate's answer with reasons.
Settings (4)
| Setting | Edited as | Default |
|---|---|---|
Statement text | Text | Uusi väite |
My answer answer | Choice | Yes |
Importance to me weight | Choice | Normal |
Why I answered this way why | Long text | – |
Accessibility
Every field has a visible label, a required field says so in text, errors are announced and lead to the field, and autocomplete fills in familiar details. Touch targets are at least 44 px.
Used in 1 templates
Location
Block location
A location: one place's address, opening hours and contacts.
Settings (8)
| Setting | Edited as | Default |
|---|---|---|
Location name name | Text | Toimipiste |
Address address | Text | – |
Opening hours hours | Long text | – |
Phone phone | Text | – |
Booking page bookingUrl | Link | – |
Button label bookingLabel | Text | – |
Latitude lat | Number | – |
Longitude lon | Number | – |
Accessibility
A map loads only on request or after consent, and the address is always also given as text with a link. The map can be skipped with a keyboard.
Used in 1 templates
Contact topic
Block contactTopic
Contact topic: the topic's name, a person or team, phone and email links, service hours and a form link.
Settings (9)
| Setting | Edited as | Default |
|---|---|---|
Topic topic | Text | Aihe |
What the topic covers note | Long text | – |
Person or team name | Text | – |
Role or title role | Text | – |
Phone phone | Text | – |
Email email | Text | – |
Service hours hours | Long text | – |
Form address formUrl | Link | – |
Button label formLabel | Text | – |
Accessibility
Headings follow the page's heading levels, an image's alternative text is given in the editor, and colours come from the theme's values, whose contrast is checked to WCAG AA. No motion and no timed content.
Used in 1 templates
Hotspot
Block Try it hotspot
A hotspot: one point marked on a picture with its explanation.
Settings (6)
| Setting | Edited as | Default |
|---|---|---|
Point name label | Text | Kohta |
Text body | Long text | – |
Position across (%) x | Number | 50 |
Position down (%) y | Number | 50 |
Button link linkUrl | Link | – |
Link text linkLabel | Text | – |
Accessibility
Every image has alternative text or is marked decorative. Zoom and the image browser work with a keyboard (arrows, Esc) and announce the position ("Image 2 of 5"). Only the first visible image loads at once.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
360° picture
Block Try it panoramaScene
A 360° photo: one scene of the tour and its links to others.
Settings (3)
| Setting | Edited as | Default |
|---|---|---|
360° picture src | Link | – |
Name of the place title | Text | – |
Start direction (degrees) yaw | Number | – |
Accessibility
Every image has alternative text or is marked decorative. Zoom and the image browser work with a keyboard (arrows, Esc) and announce the position ("Image 2 of 5"). Only the first visible image loads at once.
Used in 5 templates
League link (results service)
Block leagueLink
A league link: a button to the league's results service (e.g. Torneopal).
Settings (7)
| Setting | Edited as | Default |
|---|---|---|
Label label | Text | Sarjataulukko ja tulokset |
Results service sport | Choice | Volleyball (tulospalvelu.lentopallo.fi) |
League code category | Text | ML |
Season season | Text | vb2025a |
Group group | Number | 1 |
URL url | Link | – |
Open in a new tab newTab | On / off | true |
Accessibility
Navigation is a named landmark, the current page is marked with aria-current, the menu button has a state (aria-expanded) and a skip link leads to the content. Everything works with a keyboard and on a 390 px screen without sideways scrolling.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
External service (button)
Block externalService
An external service: a button to a partner's service with its logo.
Styles (2)
Every style is shown side by side in the example: Primary, Secondary
Settings (7)
| Setting | Edited as | Default |
|---|---|---|
Service service | Choice | MyClub |
Who the button is for role | Choice | – |
Label label | Text | – |
URL url | Link | – |
Style variant | Choice | Primary |
Show the service's name under the button showNote | On / off | true |
Open in a new tab newTab | On / off | true |
Accessibility
Navigation is a named landmark, the current page is marked with aria-current, the menu button has a state (aria-expanded) and a skip link leads to the content. Everything works with a keyboard and on a 390 px screen without sideways scrolling.