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.
Website Builder provides the block palette. Your selected Website Builder theme supplies the colour schemes and button and card styles that shape those blocks; templates are managed separately for that theme. Some blocks appear only in the right context or after you connect an app. Sites built with a custom theme use a separate, theme-defined block editor; this section covers Website Builder sites.
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
Use each block's shared layout, appearance, size, padding, and analytics controls alongside its 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, icon, 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
Many page-body blocks share the same controls, although the tabs vary by block. Newer blocks separate them into Layout, Appearance, Size, Padding, and Analytics; some blocks combine several options under Settings. 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
Choose the Website Builder theme that supplies your site's styles.