Announcement Page Type tutorial    
This topic is assigned to Victor Robu

Dec 02, 2014 10:10 AM

                                    Announcements Page Type Tutorial  

The Announcements Page was created to replace the old Notification Page and old Notification Popup window. The new page allows keeping and saving the sent Notifications inside an app.

In order to add a new Announcements Page in your app, go to "Edit Pages" menu then click on the "+" (Add New Page) button. From the list of the page types available, select Announcement and click on the "create" button.

                                  Once the page is added, you may proceed with editing it.

You do not have to edit anything in this page. It works as it is when you add it in the app. However you may customize the Style of it and also preview in real mode.

1) Edit Style. Here you can edit the Design of the Page.  There are 2 settings: 

a) Edit Style Class Body

         This setting allows editing the design which is outside the Push Notifications box. 

b) Edit embedded CSS. Here you can edit the Style of the Push Notification box and messages. There are  4 CSS classes:

     1. push-box. This CSS class is for entire Box that contains the message. You can change the background color, add margin, padding, etc.

     2. push-item. This CSS class is for a Message cell only. 

     3. push-date. This CSS class is for the Date message.

     4. push-message. This CSS class is for Message tex. 

See the next step where the Preview shows where each class is located.

2) Preview.  You can preview how the Announcements Page looks like. 

* Please edit the CSS style settings only if you want to have a custom design for this page. By Default the page will have Standard Design for iOS and Android platforms. 

Also, you may edit this page form HTML mode. You may add Header Images or any other elements. Make sure to NOT delete the placeholders '$messageDate$' and '$messageText$'. 

The Styles you set for the Announcements Page will take effect also for the Push Notification Popup window which shows on the device. 

                                       Android                                                                                iOS


  You can modify the "Announcements" text from App Dashboard > App Settings Localization. 

The keys are:

iOS:  "Announcements" = "Announcements"; 

Android: announcements_title (Announcements)

3) Delete sent messages. You may delete the sent messages using this option.

The Announcements Page and Popup window can be tested only in new Applications (or new versions) submitted after November 28th 2014.

Mar 20, 2015 02:04 AM
hi victor. it is really great the information you provided about the announcement page.
you see I am concerned about the statistics and report of delivery. how do i know if people  (my application user) saw my announcement and how many saw it.

do you think you can advice



Mar 23, 2015 01:37 PM

Once you send a Push Notification from the website or from the App Previewer, it will show on how many devices the messages was delivered. 
You will also see a live progress bar. See a screenshot with an example

best regards,
SC Team.

Apr 04, 2015 01:26 AM
How can I add a topic with PushNotification

Apr 11, 2015 02:51 PM
Yes How works the topic pushNotification on Announcements page type?

Jun 22, 2015 05:14 PM
How can i make my push notification look like a text msg rather than the message on top of the phone...  like this...

Jul 10, 2015 05:35 AM

You can add a topic (created in the PN Topics Page) in the "Topic filter" field.

best regards,
SC Team.

Mar 04, 2016 12:40 AM
Hi Victor,
Do we need to create different announcement page for EACH topic created?

Because ALL of messages are displayed in announcement page (and pop-up) even though the user does not subscribe to particular Topics.

There was an improvement made on this case, so each message will be added to announcements page based on individual Push Notifications or subscribed topics.

SC Support Team

Apr 23, 2018 08:41 AM