Skip to main content

How do I add a Content section to a page on WanderOS?

How to use Content and Large Content sections for storytelling, brand narratives, and presenting detailed property information.

Now I have the exact rich text capabilities. Here's the corrected article:


What are Content sections and how do the two types differ?

Content sections provide flexible layouts for text and media. There are two variants with different functionality.

Content (Default)

  • Purpose: A simple, text-only section for body copy and descriptions. No images, no buttons, no backgrounds.

  • Content: An optional title and a rich text body.

  • Layout: Single centered column.

  • Best for: Written descriptions, policy text, neighborhood guides, about us copy, blog content, or any section where text is the entire focus.

Large Content

  • Purpose: A visual showcase section that combines a heading, description, CTA buttons, and a featured image or video.

  • Content: A title, a plain text description (no rich text formatting), and optional media below.

  • Media: An optional image or video displayed below the text in a wide, rounded container. Video autoplays silently on loop.

  • Background color: Set a solid color behind the entire section.

  • CTA buttons: Primary and secondary with customizable text, link, and color.

  • Best for: Visual storytelling, mid-page hero breaks between text-heavy sections, or showcasing a property photo alongside a brand message.


How do I add a Content section?

  1. Go to app.wander.com → Website (left menu) → Pages.

  2. Select the page you want to edit.

  3. Click the + Section button and select Content under the Basics group.

  4. Choose your variant: Content (default) or Large Content.

  5. Click the section in the page preview to open the editing sidebar.


What can I customize on Content (Default)?

  • Title: An optional heading displayed above the text body.

  • Text: A rich text editor powered by TipTap. The following formatting options are supported:

Format

Description

Headings (H1, H2, H3, H4)

Structure your content with multiple heading levels.

Bold

Emphasize key words or phrases.

Italic

Add emphasis or style to text.

Strikethrough

Show crossed-out text for corrections or comparisons.

Links

Add clickable links to internal pages or external sites. Links open in a new tab by default.

Bullet Lists

Unordered lists for features, amenities, or key points.

Numbered Lists

Ordered lists for steps, rankings, or sequences.

Line Breaks

Add spacing between paragraphs.

Note: Images, videos, buttons, and background colors are not available in the default Content section. Use the Large Content variant if you need those features.


What can I customize on Large Content?

  • Title: A large display heading on the left side of the section.

  • Text: A plain text description displayed on the right side (stacks below the title on mobile). Rich text formatting is not supported in this field.

  • Background Color: Set a solid color behind the entire section.

  • Image: A featured image displayed below the text content in a wide, rounded container. Use a high-resolution landscape image for best results.

  • Video: A video displayed below the text content. Autoplays silently on loop. Takes precedence over the image if both are set.

  • Primary and Secondary CTA Buttons: Each with customizable text, link, and color. Displayed below the title on the left side.


How should I format my button links?

For details on how to format internal page links vs. external URLs in WanderOS, see the How to Format Links in WanderOS article.


Tips

  • Use Large Content as a "mid-page hero." Place it between text-heavy sections to create a visual break with a strong image or video and a clear call to action.

  • Keep Default Content scannable. Use bold text, headers, and bullet points in the rich text editor to make longer copy easier to read.

  • Pair with other sections. A Default Content section works well above an FAQ, Feature List, or CTA section to provide context before the visitor takes action.

Did this answer your question?