How to show notification message as popup on webpages

Developing with Concrete
#1

Hello Developers,
I am using Concrete5 version 8.5.9 and PHP version 7.4 .
I am excited to figure out how to display notification message on my webpages.
The notification message popup shows on the top right corner of my webpages as a alert message and it’s closed with a push button of close.
I have read the documentation, provided by you but I am confused, where I can add those codes as given in the Example.

I am new with Concrete5, so please clarify in simple words.

Thanks

Add pop-up notice in HTML block
#2

Hello @Emilia_Mh
The developers are never going to tell you this secret because if they tell, the popup seller sitting in the marketplace will be shutting down their shops.
Here is the code:

 <div class="alert">
 <meta name="viewport" content="width=device-width, initial-scale=1">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
  <h1>Notice</h1>
<p>
Today's Biggest News!
<br/>
<br/>
<a href='' class='close'>Details</a>
</p>
</div> 
<style type="text/css">
 /* The alert message box */
.alert {
  padding: 20px;
  background-color: #FF0000; /* RED */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
} </style>

Go to> Login > Stacks and Blocks > Global Region > Where You Want like (Header Search) > Add Block > HTML > Paste the Code > Done.

Thanks

2 Likes