Announcements Page Type    
This topic is assigned to Admin

--Admin--
Dec 26, 2019 08:38 AM

Announcements Page Type  

 

   To announce about promotions, sending advertisements or individual notification to your customers is possible through Push Notifications. Users won't miss important Notifications / Pop-ups, as they are kept in Announcement Page type, which currently is updated.  

You can find Announcement Page type in Marketplace and use it on Android, iOS, WebApp and PWA:

 


Once Announcement Page Type is added, let's see how to Edit it:


 

1 - Edit Style - allows to edit interface of Announcements page

 

 

1.1. Design Page Style is the area where you can edit the body of Announcements page:

 

  1. Background Color

  2. Background Image

  3. Background Position 

  4. Background Clip

  5. Font Style

  6. Font Variant

  7. Text Color

  8. Text Align

  9. Line Height

10. Letter Spacing

 

1.2. Edit embedded CSS for Announcement box, here are 4 CSS classes for editing:

 

 

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

push-item - this CSS class is for a Message cell only 

push-date - this CSS class is for the Date message

push-message - this CSS class is for Message text 

 

 

2 - Preview - possibility to preview on web how this page type will look on device

 

3 - Message area - also called Announcements Dashboardhere you can see all the notifications that were sent and manage them.

 

Note!  You are able to edit the CSS style settings if you would like to have a custom design for this page.

By Default the page has Standard Design for both platforms (iOS, Android). 

 

        

 

Also, you may edit this page in 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 Pop-up window which shows on the device.                                      

 

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

The keys are:

iOS:  "Announcements" = "Announcements"; 

Android: announcements_title (Announcements)

 

Also, Delete Message option is available. When you delete sent messages, they automatically are deleted from users 'Announcements page'. 

 

Users will see that a message was deleted just after page refresh or at app's synchronization. 

 

To delete message you need to open -> Edit Announcements Page -> choose messages that would you like to remove from the list / maybe remove all push notifications -> click on 'Delete Selected Messages' button.

 

 

If you would like to give your customers topics of Push Notification, we propose PN Topics page type. In case a certain topic is not necessary for this moment, you are able to hide it for customers, just by writing topic(s) in Topic Filter -> Edit Announcements Page:

 

                                                                

 

Good News! We have been implemented features related to 'Announcement Page' functionality for Android and iOS platforms, namely:

 

1. Storage and displaying individual Push Notification in Announcements Dashboard

 

Individual Push Notification have no differences with simple notification, except that it's sent to 'privileged' users, to one user, or a group of users.

 

Now there is a feature to see this individual Push Notification in Announcements Dashboard. From here this individual notification can be deleted, also.   

 

2. Pull to refresh of Announcement Page (on user's devices).

 

It is very practical improvement. 

No need to synchronize the app, one simple finger's flick keep the Announcements Page up - to - date.  

 

Your customer is surfing through  Announcements page and suddenly receive a new notification from you, he just refresh this page and voilà, new notification immediately appears.

 

 

iOS

 
Android
  
 
Consider to open a support ticket if you'll have any questions or issues.
 
THANK YOU FOR USING SEATTLECLOUD!
 
 
 
 
 

    1