Custom HTML

Insert custom HTML blocks when you need layouts or markup beyond standard widgets.

widgets content html

Insert raw HTML for advanced layouts. Supports {{ variable }} templates; unsafe HTML is rejected in the editor.

In the builder: ElementsContent WidgetsCustom HTML


Widget Settings

HTML

UI field Description
HTML Raw HTML markup. Use Formula (value starting with =) for computed HTML.
Invalid or unsafe HTML shows an editor error.

Icon shortcodes are not supported in Custom HTML — use HTML or Custom Text for icons.

Visibility

Expand Visibility to show or hide the widget based on an active View Mode or a formula. See Show and Hide Fields with Conditional Logic.

UI field Description
Show Always or Conditionally
Active mode is Name of the View Mode that must be active for this widget to appear (when Show is Conditionally).
Formula result is positive Optional formula; evaluated on Calculate

Design

Style the container (.custom-html, .custom_html-widget). Inner HTML uses your markup.

Custom CSS:

Selector / class Targets
#cp-{ID} Outer container.
.custom-html HTML block wrapper.

← Back to Reference

Still have unanswered questions?

We are here to help. Reach out and our team will get back to you.

Contact support