# Widget Area at the Top of Every Page

> Adds a "Top Bar" widget area that prints right after the opening body tag, handy for a contact line, social links or a short promo across the whole site.

- Type: PHP
- Runs: Run everywhere
- Category: [Widgets](https://wpide.com/library/category/widgets/)
- Tags: widgets, header, top-bar
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/header-widget-area/

## Code

```php
add_action( 'widgets_init', function () {
    register_sidebar( array(
        'name'          => 'Top Bar',
        'id'            => 'wpide-top-bar',
        'description'   => 'Shown at the very top of every page.',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<span class="widget-title screen-reader-text">',
        'after_title'   => '</span>',
    ) );
} );

add_action( 'wp_body_open', function () {
    if ( ! is_active_sidebar( 'wpide-top-bar' ) ) {
        return;
    }

    echo '<div class="wpide-top-bar" style="display:flex;flex-wrap:wrap;justify-content:center;gap:1.5em;padding:.5em 1em;font-size:.9em;background:#1d2327;color:#fff;">';
    dynamic_sidebar( 'wpide-top-bar' );
    echo '</div>';
} );
```

## Notes

Your theme must call wp_body_open(), which all modern themes do.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Widget Area at the Top of Every Page" in its snippet library and add it in one click; or create a new PHP snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/