Signale Widget

Use Cases | Tour

There are plenty of ways to show your announcement on your website. Depending on the purpose of the announcement the styles varies.

Out of the Box we provide styles for typical themes and you can customize them further or start your own from scratch.

Example Announcement that has a start and end date:

This is our Signal Widget in action.

The publishing date was set to Monday, 12.08.2019 at 8:00.

It will stop showing on Friday, 23.08.2019 at 22:00, because we set the date , when we created this announcement.

We want to show you how this works. So when you come back on Saturday (24.08), you will see an updated announcement here.

Announcement that your business is closed for a holiday:

This is a longer announcement:

We are on holidays. Our business is closed from 12.08 until the 26.08.

We welcome you again on Monday, the 26.08.

A short notice announcement, that your business is closed today and tomorrow:

Today (19.08) and tomorrow (20.08) our shop is closed.

We are sorry for the inconvenience.

This is the first example, with the Standard theme. This is only a short notice. Using .standard-CSS Class

Example Announcement that has a start and end date:

This is our Signal Widget in action.

The publishing date was set to Monday, 12.08.2019 at 8:00.

It will stop showing on Friday, 23.08.2019 at 22:00, because we set the date , when we created this announcement.

We want to show you how this works. So when you come back on Saturday (24.08), you will see an updated announcement here.

Announcement that your business is closed for a holiday:

This is a longer announcement:

We are on holidays. Our business is closed from 12.08 until the 26.08.

We welcome you again on Monday, the 26.08.

A short notice announcement, that your business is closed today and tomorrow:

Today (19.08) and tomorrow (20.08) our shop is closed.

We are sorry for the inconvenience.

This is the first example, with the Bootstrap 3 theme. This is only a short notice. Using .bootstrap3-CSS Class

Example Announcement that has a start and end date:

This is our Signal Widget in action.

The publishing date was set to Monday, 12.08.2019 at 8:00.

It will stop showing on Friday, 23.08.2019 at 22:00, because we set the date , when we created this announcement.

We want to show you how this works. So when you come back on Saturday (24.08), you will see an updated announcement here.

Announcement that your business is closed for a holiday:

This is a longer announcement:

We are on holidays. Our business is closed from 12.08 until the 26.08.

We welcome you again on Monday, the 26.08.

A short notice announcement, that your business is closed today and tomorrow:

Today (19.08) and tomorrow (20.08) our shop is closed.

We are sorry for the inconvenience.

This is the first example, with the Foundation theme. This is only a short notice. Using .foundation-CSS Class

Example Announcement that has a start and end date:

This is our Signal Widget in action.

The publishing date was set to Monday, 12.08.2019 at 8:00.

It will stop showing on Friday, 23.08.2019 at 22:00, because we set the date , when we created this announcement.

We want to show you how this works. So when you come back on Saturday (24.08), you will see an updated announcement here.

Announcement that your business is closed for a holiday:

This is a longer announcement:

We are on holidays. Our business is closed from 12.08 until the 26.08.

We welcome you again on Monday, the 26.08.

A short notice announcement, that your business is closed today and tomorrow:

Today (19.08) and tomorrow (20.08) our shop is closed.

We are sorry for the inconvenience.

This is the first example, with the Material Design theme. This is only a short notice. Using .material-CSS Class

Example Announcement that has a start and end date:

This is our Signal Widget in action.

The publishing date was set to Monday, 12.08.2019 at 8:00.

It will stop showing on Friday, 23.08.2019 at 22:00, because we set the date , when we created this announcement.

We want to show you how this works. So when you come back on Saturday (24.08), you will see an updated announcement here.

Announcement that your business is closed for a holiday:

This is a longer announcement:

We are on holidays. Our business is closed from 12.08 until the 26.08.

We welcome you again on Monday, the 26.08.

A short notice announcement, that your business is closed today and tomorrow:

Today (19.08) and tomorrow (20.08) our shop is closed.

We are sorry for the inconvenience.

This is the first example, with the Bootstrap 4 theme. This is only a short notice. Using .bootstrap4-CSS Class

Select one of the themes already included or style your custom one: