Overview
Build and run your Basker site from no-code blocks: the building blocks, the shared controls, and how a page comes together.
You build every page on your site from blocks: self-contained sections of content you stack to form the page. A block might be a banner, a row of text and image, a gallery, or a list of upcoming events. It could also be your site header. You add blocks, arrange them top to bottom, enter their content, and publish.
Website Builder provides the block palette. Your selected Website Builder theme supplies the color schemes, button styles, and card styles that shape those blocks. You manage templates 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. Add blocks, drag them into order, and edit 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, and 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
Show 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 acknowledgment.
To collect signups or inquiries, 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 only while you build an event page. See Create events.
- Spektrix, Elevent, and Tessitura appear once you connect the matching integration. See Spektrix, Elevent, and Tessitura to connect one.
Shared controls across blocks
Many page-body blocks share the same controls, though the tabs vary by block. Basker organizes them into Layout, Appearance, Size, Padding, and Analytics tabs. Each control has its own page under Block controls.
- Container width: how wide the block sits: Full Width, Page, Narrow, Prose, or a custom width. See Layout controls.
- Margin and Padding: space around and inside the block, set per side. See Spacing and padding.
- Size: the width of an element, plus height and a mobile width override on the blocks that offer them. See Size.
- Background Color and Text Color: override the colors 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 behavior. 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 and Heading blocks use the same rich-text editor for their content: headings, formatting, lists, links, color, and special characters. You can also insert a Button, a piece of HTML, or a Media item directly into the text. See The text editor.
Tracking code doesn't belong in inline HTML
The inline HTML option removes <script> tags by default. If you added a domain to your site's trusted embed domains with scripts allowed, scripts from that domain stay. 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 add it to many pages with a Reusable Section. Update it in one place, and every page that uses it follows. See Reusable sections. To start a new page from a saved arrangement of blocks, use a blueprint instead. See Blueprints vs templates for how blueprints, templates, and reusable sections differ.
Where to go next
Building a page
Go from creating a page to publishing it.
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.