← All widgetsWidget 131 · emcp_custom_131

News Ticker

Elementor widget5 layouts19 content options28 style options7 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: ticker, news, marquee, breaking, headlines, feed.

Setup guide

  1. Open a page in Elementor, search the panel for News Ticker and drag it into a container.
  2. Content › Source: Headlines From, Custom Items, Show Post Thumbnail, Show Post Date, Show Category Tag, Empty Text.
  3. Content › Posts Query: Posts.
  4. Content › JSON Feed: Feed.
  5. Content › Ticker: Animation, Label, Label Icon, Label Position, Marquee Duration (s), Direction, Interval (ms), Pause on Hover and 3 more.
  6. Pick a Animation: Continuous marquee, Slide up, one at a time, Fade, one at a time, Typewriter, Static list (no animation). Each one is shown below.
  7. Style tab sections: Bar, Label, Headlines. Colours, typography and spacing set here are scoped to this widget instance.
  8. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Posts is a live query (source: posts). A "Posts" panel with filters, ordering and count is generated for it; results come from this site's data on every page load.
Feed is a live query (source: remote). A "Feed" panel with filters, ordering and count is generated for it; results come from this site's data on every page load. Remote presets need an API key on EMCP Tools, Connection tab, Live data providers.
Conditional options: Custom Items appears when Headlines From is custom; Show Post Thumbnail appears when Headlines From is posts; Show Post Date appears when Headlines From is posts; Show Category Tag appears when Headlines From is posts; Marquee Duration (s) appears when Animation is marquee; Direction appears when Animation is marquee.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Continuous marquee

Animation = marquee

Layout

Slide up, one at a time

Animation = slide

Notice
  • Free shipping on orders over $50 this week
  • New arrivals: the spring collection is live
  • Our store is open late on Fridays

    No headlines yet. This widget needs its Query settings filled in.

    Layout

    Fade, one at a time

    Animation = fade

    Releases
    • Free shipping on orders over $50 this week
    • New arrivals: the spring collection is live
    • Our store is open late on Fridays

    No headlines yet.

    Layout

    Typewriter

    Animation = type

    Releases
    • Free shipping on orders over $50 this week
    • New arrivals: the spring collection is live
    • Our store is open late on Fridays

    No headlines yet.

    Layout

    Static list (no animation)

    Animation = static

    Releases
    • Free shipping on orders over $50 this week
    • New arrivals: the spring collection is live
    • Our store is open late on Fridays

    No headlines yet.

    Options reference

    Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

    Content tab

    Source

    OptionTypeChoices / rangeDefaultNotes
    Headlines From
    source
    DropdownWordPress posts (Query panel), Custom items, JSON feed (Feed panel)posts
    Custom Items
    custom_items
    Repeater3 itemsShown when source = custom
    ↳ Headline
    text
    TextHeadline
    ↳ Link
    link
    Link
    ↳ Tag
    tag
    Text
    Show Post Thumbnail
    show_thumb
    Toggleon / offShown when source = posts
    Show Post Date
    show_date
    Toggleon / offyesShown when source = posts
    Show Category Tag
    show_cat
    Toggleon / offyesShown when source = posts
    Empty Text
    empty_text
    TextNo headlines yet.

    Posts Query

    OptionTypeChoices / rangeDefaultNotes
    Posts
    news
    QuerySource: posts

    JSON Feed

    OptionTypeChoices / rangeDefaultNotes
    Feed
    feed
    QuerySource: remote

    Ticker

    OptionTypeChoices / rangeDefaultNotes
    Animation
    mode
    DropdownContinuous marquee, Slide up, one at a time, Fade, one at a time, Typewriter, Static list (no animation)marquee
    Label
    label
    TextBreaking
    Label Icon
    label_icon
    Icon
    Label Position
    label_pos
    DropdownLeft, Right, Hiddenleft
    Marquee Duration (s)
    speed
    Numbermin 5, max 20030Shown when mode = marquee
    Direction
    direction
    DropdownRight to left, Left to rightleftShown when mode = marquee
    Interval (ms)
    interval
    Numbermin 1000, max 200004000
    Pause on Hover
    pause_hover
    Toggleon / offyes
    Prev / Next / Pause Controls
    controls
    Toggleon / off
    Separator
    separator
    DropdownDot, Bar, Slash, Nonedot
    Open Links in New Tab
    new_tab
    Toggleon / off

    Style tab

    Bar

    OptionTypeChoices / rangeDefaultNotes
    Background
    bar_bg
    Background
    Height
    bar_h
    Slidermin 28, max 120, px48
    Padding
    bar_pad
    Dimensions
    Border
    bar_border
    Border
    Radius
    bar_radius
    Slidermin 0, max 60, px8
    Shadow
    bar_shadow
    Box shadow
    Fade Edges
    fade_edges
    Toggleon / offyes
    Fade Color (match background)
    fade_color
    Color#ffffff

    Label

    OptionTypeChoices / rangeDefaultNotes
    Typography
    label_typo
    Typography
    Color
    label_color
    Color#ffffff
    Background
    label_bg
    Color#d92d20
    Padding
    label_pad
    Dimensions
    Radius
    label_radius
    Slidermin 0, max 60, px6
    Style
    label_style
    DropdownSolid, Arrow tip, Pulsing dotsolid
    Gap to Items
    label_gap
    Slidermin 0, max 60, px16

    Headlines

    OptionTypeChoices / rangeDefaultNotes
    Typography
    item_typo
    Typography
    Color
    item_color
    Color#101828
    Hover Color
    item_color_h
    Color#d92d20
    Space Between Items
    item_gap
    Slidermin 8, max 160, px40
    Separator Color
    sep_color
    Color#d0d5dd
    Tag Typography
    tag_typo
    Typography
    Tag Color
    tag_color
    Color#d92d20
    Tag Background
    tag_bg
    Color#fef3f2
    Date Color
    date_color
    Color#98a2b3
    Thumbnail Size
    thumb_size
    Slidermin 16, max 64, px28
    Thumbnail Radius
    thumb_radius
    Slidermin 0, max 50, px/%6
    Controls Color
    ctrl_color
    Color#475467
    Controls Background
    ctrl_bg
    Color#f2f4f7

    Add it with the MCP tools

    Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_131" and a settings object using the keys above. Run get-custom-widget with id 131 for the full JSON spec.