Inserting an Element

Elements are pre-built layout components that help you organize content in a clean, predictable way inside a dynamic text area. Every site includes two default elements, and some sites may have additional custom elements created specifically for their design.

Default Elements

1. Accordion Section

The Accordion Section is a collapsible content block with a title and expandable container.

• Title Area
  Click into the accordion title to update the text. While editing, you’ll see the toolbar update with element-specific tools.
  
  

• Customization Options

  • Add paragraph breaks above or below

  • Apply basic formatting (bold, italics, underline) to the title

  • Choose marker style: triangle, caret, or plus/minus

  • Set marker position (left or right)

  • Adjust title size using the Summary Size dropdown

  • If available, choose a color using the Style Guide Color dropdown. If you don't see the style guide dropdown on your element, reach out to clientservices@cybernautic.com to discuss your customization options.
    
    

• Accordion Content
  Click the marker to expand the section. Inside the accordion container (outlined in light gray), you can insert and format content just like any other part of the text area—text, images, buttons, video, and more.

2. Testimonial

This element includes three editable fields grouped together:

• Image

• Testimonial Content

• Author Name

Although originally designed for testimonials, this layout is flexible and can be used for other structured content like features, team members, or quotes.

• How to Edit
  Click on any field to begin editing:

  • Clicking the image opens the File Manager

  • Text fields can be edited directly in place
    
    

• Toolbar Controls

  • Add paragraph breaks

  • Apply basic formatting

  • Hyperlink text (no full formatting menu)

  • Choose layout: Horizontal (image on left) or Vertical (image on top)

  • Choose image shape: Round or Square

  • On some sites, select a color via the Style Guide Color dropdown. If you don't see the style guide dropdown on your element, reach out to clientservices@cybernautic.com to discuss your customization options. 

Pro Tip: Use Elements Inside Responsive Columns

Elements can be placed inside responsive columns for even more layout flexibility. For example, you can use a row of Testimonial elements to highlight features, each with an icon, a short description, and a title.

Custom Elements

Some websites have access to custom elements that follow the same insertion process. If you’d like to explore options for custom elements tailored to your content, reach out to our team!

Here are a few examples of custom Elements: