Overview
Build and run your Basker site from no-code blocks — the building blocks, the shared controls, and how a page comes together.
Every page on your site is built from blocks — self-contained sections of content you stack to make up the page. A block might be a banner, a row of text and image, a gallery, a list of upcoming events, or your site header. You add blocks, arrange them top to bottom, fill in their content, and publish.
The blocks available to you come from your theme. Different themes offer different blocks, so the picker on one site won't match another's. Switching or updating your theme changes which blocks and templates you have to work with — see Themes and Theme fundamentals.
How a page comes together
Create the page
Add a new page, give it a title and description, set its address, and choose whether it shows in navigation and search. You can start from scratch or from a preset arrangement of blocks. See Building a page, with more detail in Create pages and Blueprints vs templates.
Add and arrange blocks
Open the page and build its body by adding blocks, dragging them into order, and editing each one in place. See The block editor.
Tune each block
Most blocks share a Settings tab for width, spacing, and colour, plus their own content options. See the shared controls below.
Preview and publish
Save as a draft, preview it on your live theme, then publish — or schedule it to go live later. See Building a page, and Drafts, preview, and publishing for the full flow.
The building blocks
Blocks fall into a few families. Each block has its own page with the options it offers.
Header & navigation
The site header, announcement bar, call-to-action row, page menu, and site switcher.
Basic
Heading, text, button, logo, opening hours, and custom attribute.
Text & media
Single media, gallery, carousel, and embedded content from the web.
Layout
Group, rich text, text & image, banner, divider, custom section, and reusable section.
Collections & cards
Pull in events, posts, people, and more as lists, featured rows, calendars, cards, and a masthead.
Commerce & ticketing
Donations, memberships, and ticketing through connected apps.
Footer
Footer groups, navigation, button links, address, social links, newsletter, featured people, sponsors, and legal notices like copyright, policies, charity registration, and land acknowledgement.
To collect signups or enquiries, use the Newsletter block, or embed an external form — see Forms.
Some blocks only appear in the picker when the right conditions are met:
- Event Instances and Venue appear when you're building an event page. See Create events.
- Spektrix, Elevent, and Tessitura appear once the matching integration is connected. See Spektrix, Elevent, and Tessitura to connect one.
Shared controls across blocks
Most page-body blocks carry a Settings tab with the same controls, so the look stays consistent whatever the block does. Each control has its own page under Block controls.
- Container width — how wide the block sits: Full Width, Content, Narrow, Prose, or a custom width. Each block can also disable its container padding. See Layout controls.
- Margin and Padding — space around and inside the block, set per side. See Spacing and padding.
- Size — the width, height, and separate mobile size of media and other elements inside a block. See Size.
- Background Color and Text Color — override the colours your theme would otherwise apply. See Colour scheme in blocks.
- Analytics Key and Analytics Label — give a block a stable name in reporting. See Analytics keys.
The Heading and Text blocks add their own inline width, alignment, and background options. Buttons and links across blocks share an icon picker and link behaviour — see Buttons and links.
On phones and tablets, blocks reflow automatically and offer mobile-specific options — see Designing for mobile.
Writing rich text
The Text, Heading, and Rich Text blocks use the same rich-text editor for their content: headings, formatting, lists, links, colour, and special characters. You can also drop a Button, a piece of HTML, or a Media item directly into the flow of text. See The text editor.
Tracking code doesn't belong in inline HTML
The inline HTML option strips out <script> tags. Add tracking or analytics code through your theme's custom code settings or a tag manager instead.
Reuse across pages
Build a section once and drop it onto many pages with a Reusable Section — update it in one place and every page that uses it follows. See Reusable sections. To start a whole new page from a saved arrangement of blocks, use a blueprint — see Blueprints vs templates for how blueprints, templates, and reusable sections differ.
Where to go next
Building a page
Walk a page from create to publish.
The block editor
Add, reorder, hide, and edit blocks.
Blueprints vs templates
How blueprints, templates, and reusable sections differ when you edit them later.
Designing for mobile
How blocks reflow on small screens, and how to preview them.
SEO
Control how your pages appear in search results and social shares.
Themes
What a theme controls, and how it decides which blocks and templates you have.