Subscribe Widget

Footer social call-out items (icon + "Like us / on Facebook" text) using the .subscribe-widget markup. It is shown in the block inserter as Canvas Subscribe Widget and registered as canvas-core/subscribe-widget.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Subscribe Widget settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

  • Subscribe ItemsDefaulta preset list of 2 rows

    The rows in the widget, each one an icon beside a two line invitation to follow you somewhere.

    Each row of Subscribe Items takes:

    • Icon ClassDefaultEmpty

      The brand glyph shown at the start of this row.

    • Solid Brand ClassDefaultEmpty

      Canvas brand background class applied at rest (e.g. bg-facebook, bg-rss).

    • Hover / Brand ClassDefaultEmpty

      Canvas brand hover background class (e.g. h-bg-facebook, h-bg-rss).

    • URLDefault#

      Where the icon and the caption both lead.

    • Title (bold)DefaultEmpty

      First line of the caption, set in bold. This is the invitation, such as "Like us".

    • SubtitleDefaultEmpty

      Second line of the caption, naming the destination, such as "on Facebook".

    • Open in New TabDefaultOff

      Open this item's links in a new tab.

Style

  • Item Column ClassesDefaultcol-12 col-sm-6

    Bootstrap grid classes for each subscribe item column.

  • Widget ClassesDefaultwidget subscribe-widget

    Classes on the widget wrapper.

  • Icon Base ClassesDefaultsocial-icon bg-dark

    Classes before each item's own brand class.

  • Icon Utility ClassesDefaultmb-0 me-3

    Classes after each item's own brand class (spacing / float).

  • Caption Link ClassesDefaultEmpty

    Class names on the caption link beside the icon, most often to adjust the gap between the two.

  • Caption ClassesDefaultd-block text-smaller

    Classes on the two-line caption .

  • Caption Title ClassesDefaultEmpty

    Classes on the bold first line: d-block breaks the line without a .

  • Line Break Before SubtitleDefaultOn

    Emit a between the two caption lines. Turn off when the title is already a block-level line.

  • Item Inner Wrapper ClassesDefaultEmpty

    When set, the icon and caption are wrapped in a div with these classes: a flex row keeps them on one baseline instead of floating.

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Layout: Column, Container, Copyrights, Footer About, Footer Contacts, Footer Instagram.

Was this page helpful?