Crosby Website Instructions

Click on Entries in the left nav. Then click on Pages. Then click on the red create button in the top right. Then select "New Pages Entry". This will create a new page (oftened referred to as an entry) for you, ready to create content.

The Hero block is used at the top of a page to introduce its primary message and set the overall tone. It supports multiple background images that automatically rotate in a slideshow format. These images are purely visual and should be chosen to reinforce the theme of the page rather than communicate detailed information.

Editors can add a headline and supporting text that appears over the background imagery. Keep the headline concise and clear, as it is the main focal point of the page. The supporting text should provide brief context or a short introduction—avoid long paragraphs in this area.

The timing of the background image transitions can be adjusted in the Settings tab. Use longer transition times for calm, story-driven pages and shorter transitions for more dynamic or promotional pages.

Best practices:

The Banner block is used to introduce or highlight a specific section of a page. It typically appears below the hero or between major content sections and combines a single background image with a headline, supporting text, and optional buttons.

This block is ideal for drawing attention to key areas such as team introductions, services, featured content, or calls to action. The background image should be relevant to the section it introduces and provide enough visual contrast so text remains easy to read.

Editors can add a headline and short paragraph of text. Keep the copy concise—this block is meant to guide users into the next section rather than fully explain it. Buttons can be included to link to a related page or section.

Best practices:

The Sticky block pairs text content with an image and can be used either as a standalone section or as part of a scrolling sequence.

When used on its own, the block functions as a simple text-and-image layout, similar to a standard content section. The image appears alongside the text and scrolls normally with the page.

When multiple Sticky blocks are placed one after another, the images on the right become “sticky” as the user scrolls. In this layout, the image area remains fixed while the text content changes with each block, creating a guided, step-by-step reading experience. This is useful for explaining processes, workflows, or multi-part stories.

Editors should keep each Sticky block focused on a single idea. When using multiple blocks in succession, ensure the content flows logically from one block to the next.

Best practices:

The Text block is used for general page content and supports rich text editing through CKEditor. This block is ideal for headings, paragraphs, lists, links, and embedded media such as images or videos. It should be used for longer-form content or any section that requires flexible formatting.

Editors can select heading levels, apply basic text styling (bold, italics, underline), add links, and insert media using the toolbar at the top of the editor. Headings should be used to structure content clearly and improve readability, with Heading 1 reserved for hero sections and lower heading levels used within the page.

The editor automatically handles spacing and styling to maintain consistency across the site. Avoid manually adding extra line breaks or excessive formatting, as this can disrupt layout spacing.

Best practices:

The Iframe block is used to embed external content directly into a page by pasting an embed code into the field on the backend. This is commonly used for content such as videos (YouTube, Vimeo), maps, or other third-party media that provides an embed snippet.

To use this block, copy the embed code from the external platform and paste it directly into the field without modifying it. The embedded content will automatically display within the page layout and scale responsively to fit different screen sizes.

This block should be used intentionally, as embedded content can affect page performance and layout. Avoid stacking multiple iframe blocks back-to-back unless necessary, and ensure the embedded content is relevant to the surrounding page content.

Best practices:

The Slider block displays a horizontal carousel made up of individual slides, each of which is built using its own set of Matrix fields. This allows each slide to contain flexible content while maintaining a consistent visual layout across the slider.

Each slide can include different elements such as text, images, buttons, and captions. Editors can choose which elements to add per slide and adjust the content as needed. Slides are ordered vertically in the CMS, but display horizontally on the front end.

In the Settings tab for each slide, editors can control styling options such as Column Span. The column span determines how wide a slide appears within the slider:

This allows sliders to feel either dense and scannable or more immersive, depending on the content.

When creating sliders, aim for consistency across slides so the experience feels intentional rather than disjointed.

Best practices:

The Pull Quote block is used to highlight an important statement, quote, or key message within a page. It is powered by the same CKEditor text field used in the Text block, allowing full control over formatting.

This block is most commonly used with Heading 2–style text to create strong visual emphasis, but editors are free to use other heading levels or body text depending on the context. Because the pull quote is visually prominent, the content should be concise and impactful.

Pull Quote blocks work best when used sparingly to break up longer sections of text or to reinforce a central idea. Avoid placing multiple pull quotes back-to-back, as this can reduce their effectiveness.

A builder-based homepage draft now exists in the Pages section as Home Builder Draft. Use that page to model homepage content safely before touching the real homepage route.

The Media Section block now supports more of the live homepage video behavior directly in the CMS.

For new builder pages, use Slider Block as the main slider component.

Land service pages and company pages now show matching Explore more cards below the form area.

Tracking should remain managed in SEOmatic, while consent UI is handled in code.