Sidecar Visual Verification – All Special Blocks

Sidecar Visual Verification: All Special Blocks

This post contains every special block type supported by the HTML sidecar, generated for visual verification of builder-native rendering.

Bullet List Section

  • First bullet point: checking unordered list rendering

  • Second bullet point: verifying spacing and indentation

  • Third bullet point: confirming marker styles

Ordered List Section

  1. Step one: verify numbered list rendering

  2. Step two: check number formatting and alignment

  3. Step three: confirm sequential numbering

Table Section

Service

Price

Rating

Basic Plan

$29/month

4.2 / 5.0

Pro Plan

$59/month

4.7 / 5.0

FAQ Section

What is the sidecar HTML generator?
The sidecar is a Node.js service that converts TipTap content_json into builder-native HTML, supporting Elementor, Divi, WPBakery, Flatsome, and Avada page builders.

How does builder-native rendering work?
Each builder uses its own shortcode or HTML class system. The sidecar translates generic content blocks into the specific markup that each builder renders natively, ensuring consistent styling without custom CSS.

CTA Block

Stats Grid

500
Projects Completed
98
Customer Satisfaction
24
Response Time

Callout Block

Blockquote Section

Builder-native rendering ensures that every piece of content looks exactly as intended, leveraging the full power of each page builder's design system.

— AgileCo Engineering Team

End of visual verification test post. All special block types have been included above.