FreeWeb partSharePoint OnlineSPFx

Free SharePoint popup announcements web part

Zen Popup Announcements makes sure nobody misses the news: active announcements open in a popup when the page loads. Each one has a date window, rich text, an optional image and a button, all managed from a SharePoint list.

Version 1.0.4 · 87 KB · .zip with the .sppkg package and an install guide

Features

What Zen Popup Announcements does

Date-bound

Each announcement has a show-from and show-until date; blank means open-ended.

Rich content

Formatted text, an attached image above the text, and a call-to-action button.

Several at once

Readers page through announcements with previous/next and a counter.

Remembers dismissals

Show again on every visit, once per browser session, or never again for those items.

Invisible on the page

The web part takes no space; only the popup is visible.

Creates its own list

One button in the settings creates the list with a sample announcement.

See it in action

Zen Popup Announcements, live

These are live replicas of the web part on a SharePoint Online page, built from the same content as our showcase intranet. Try the buttons, search and arrows. Each example lists the settings it uses.

The popup readers see when the page opens

  • Header text: Zen Systems
  • After a reader closes the popup: Show it again on every visit
  • 3 active announcements

Welcome to the Zen Systems intranetNews, tools and people in one calm place.

Announcements that open with the page


This page carries a Zen Popup Announcements web part. Active announcements whose date window includes today open in a popup, with an image, rich text and a button.

Zen Systems

We have been awarded a custom real estate management system

Zen Systems has been selected to design and build a custom real estate management system, covering property registers, tenancy, owners associations and finance.

Kick-off is on 10 October. Thank you to everyone who made it happen.

Read the announcement

Configuration

The property pane, setting by setting

This is what an editor sees after choosing Edit web part. The Zen Systems group at the bottom is in every Zen web part.

Zen Popup Announcements

Zen Popup Announcements by Zen Systems. Shows active, date-bound announcements from a SharePoint list in a popup when the page opens.

Data source

List nameZenAnnouncementsColumns: Title, Body (rich text), LinkUrl, ButtonText, ShowButton, OpenInNewTab, FromDate, ToDate, IsActive, SortOrder. Attach an image to show it above the text.
Create the list on this siteCreates the list with the right columns and sample items.

Display

Header textZen SystemsShown in the popup header bar. Blank = the site title.
After a reader closes the popup
  • Show it again on every visit (selected)
  • Hide it for the rest of the browser session
  • Do not show those announcements again on this browser
Preview while editingOff

Zen Systems

This web part is built and maintained by Zen Systems and is free to use in your SharePoint Online tenant.

Need a custom web part, an extra feature, or a complete intranet? We build SharePoint Framework solutions to order. Email us or use the contact page and we will reply within one working day.

Settings

Zen Popup Announcements settings
SettingWhat it does
List nameThe SharePoint list that holds the announcements (default ZenAnnouncements).
Create the list on this siteCreates the list with the right columns and a sample announcement.
Header textText in the popup header bar. Blank uses the site title.
After a reader closes the popupShow again on every visit, hide for the session, or never show those again.
Preview while editingOpens the popup in edit mode so you can check the look.

List columns

The web part creates this list for you. Attach an image to show it above the text.

Zen Popup Announcements list columns
ColumnTypePurpose
TitleSingle line of textAnnouncement heading.
BodyMultiple lines (rich text)The announcement.
LinkUrlHyperlinkWhere the button goes.
ButtonTextSingle line of textButton label.
ShowButtonYes/NoShows or hides the button.
OpenInNewTabYes/NoOpens the link in a new tab.
FromDateDateShow from this day.
ToDateDateShow until this day.
IsActiveYes/NoShows or hides the announcement.
SortOrderNumberDisplay order, lowest first.

Setup

Install it in a few minutes

Zen Popup Announcements

Version 1.0.4 · 87 KB · .zip with the .sppkg package and an install guide. Free for any SharePoint Online tenant.

Download (.zip, package + install guide) for Zen Popup Announcements
  1. Download the package

    Download the free .zip for Zen Popup Announcements. It holds the .sppkg package and an install guide.

  2. Add it to your App Catalog

    A SharePoint administrator uploads the package to the tenant App Catalog, ticks Make this solution available to all sites and selects Deploy.

  3. Add it to a page

    Edit a page, choose the plus sign and find the web part in the Zen Systems group.

  4. Create the list

    Open the web part settings and choose Create the list on this site. It adds the columns shown below and sample items.

Questions

Before you install

Will readers see it every time?

You decide: every visit, once per browser session, or once per browser.

Can I target a specific audience?

Not in this version. Contact us for an audience-targeted edition.

Is this web part really free?

Yes. Zen Systems provides Zen Popup Announcements free of charge to download and use in your organisation's SharePoint Online tenant.

Does it work with SharePoint Server on-premises?

It is built for SharePoint Online in Microsoft 365. We also build web parts for SharePoint Server Subscription Edition, 2019 and 2016; contact us if you need an on-premises version.

Can you customise it for our intranet?

Yes. We can adapt the design, add fields or build a fully custom version as part of our SPFx development service.

Need a custom web part?

We build SPFx web parts and extensions for SharePoint Online, and web parts, master pages and page layouts for SharePoint Server Subscription Edition, 2019 and 2016. Tell us what you need and we will reply within one business day.