Skip to main content

Newsletter — converter mapping

Source newsletternewsletter. This page shows the recognizer rule and every option on the shortcode, with how the converter fills it — so you can see at a glance which options are mapped, which are reproduced via CSS, and which are left for manual editing.

Recognizer

Priority55
Recognizernewsletter
Matches whenAn email sign-up form — an email field + a subscribe button (often with a name field, on a call-to-action band).
Becomesnewsletter
Recognizer block shape{ placeholder, button_label, name_placeholder, align, rounded, button_bg }
FallbackDegrades to code_block.

The visible copy maps — the email (and name) placeholder, the button label, alignment, corner rounding, and the button colour. The list binding and the surrounding colours/messages are left for you to set.

Option coverage

8/20 options mapped natively (40%) — 🟡 0 via CSS · ⚠️ 2 gaps (derivable, not yet) · ⚪ 10 default · ⚙️ 1 auto.

2 derivable gaps

The ⚠️ rows below are options a source realistically expresses that the converter doesn't derive yet — the real to-do list for improving this element's fidelity. The ⚪ default rows are intentional (no reliable signal, or a UnysonPlus-specific choice).

OptionTabTypeStatusMapped from / note
titleContenttext⚪ Unmappedexplicitly cleared to '' by mapper
descriptionContenttextarea⚪ Unmappedexplicitly cleared to '' by mapper
show_nameContentswitch✅ Nativederived-from captured show_name flag
name_placeholderContenttext✅ Nativederived-from source name field placeholder (when show_name)
email_placeholderContenttext✅ Nativederived-from source email input placeholder
button_labelContenttext✅ Nativederived-from source submit button label
consent_textContenttextarea⚪ Unmappednot set
success_messageContenttext⚪ Unmappednot set
error_messageContenttext⚪ Unmappednot set
list_idContenttext⚪ Unmappednot set; UnysonPlus/integration-specific
designDesignimage-picker⚪ Unmappedhardcoded 'inline'; not derived
alignDesignimage-picker✅ Nativederived-from source align (left/center/right)
roundedDesignselect✅ Nativederived-from source rounded (rounded-0/rounded/pill)
accent_colorStylingpredefined-colors-color-picker-compact✅ Nativederived-from computed submit button background (custom color)
field_bgStylingpredefined-colors-color-picker-compact✅ Nativederived-from computed input field background (custom color)
bg_colorStylingpredefined-colors-color-picker-compact⚠️ Gapsignal: computed background-color of newsletter block
text_colorStylingpredefined-colors-color-picker-compact⚠️ Gapsignal: computed text color (button fg is captured for custom_css but bg_color/text_color not mapped)
font_size_presetStylingselect⚪ Unmappednot set
animation · gsap_motion · interaction · text_effect · scroll_* · flip_card · motion_path · confetti · …Animationsmulti-picker⚪ UnmappedDefault — Animation Engine effects (no source mapping)
spacing · css_id · css_class · custom_css · element_position · element_overflow · dc_*Advancedtext / code-editor⚪ UnmappedDefault — outer spacing + per-instance advanced fields, set by hand
unique_id · custom_attrs · responsive_hideAdvancedgroup⚙️ AutoPlumbing — generated / not set

Status legend

  • Native — Set as the native option from the source.
  • 🟡 Via CSS — Reproduced via scoped CSS / the styler; the native option is left empty (candidate to promote to a native mapping).
  • ⚠️ Gap — A source signal exists, but the converter does not derive this yet — a mapping worth adding (a real TODO, not a limitation).
  • Unmapped — Left at default — no reliable source signal, or an intentional/UnysonPlus-specific choice with nothing to translate.
  • ⚙️ Auto — Plumbing (unique id, custom attrs). Excluded from the coverage percentage.

← Back to Element Mapping