- Notification with PWA\u00a0<\/strong>\u2013 An clickable pop-up message that appears on your user\u2019s browsers irrespective of which device they use or which browser they are on. Users can be anywhere on the browser and still receive these messages as long as they are online or have their browsers running on their devices.<\/li>
- Allow for notification\u00a0<\/strong>\u2013 Every user can also choose to enable or disable Push Notification when new notifications are received.<\/li><\/ul>\n\n\n\n
Compatibility plugin<\/h4>\n\n\n\n
- Buddypress [Documentation link]<\/a><\/li>
- Buddyboss platform <\/li><\/ol>\n\n\n\n
Step 1 \u2013\u00a0<\/strong>First, you need to purchase and install\u00a0Buddyboss platform<\/a> for PWA for WP\u00a0plugin.<\/p>\n\n\n\n
For more details on how to download an extension for this Click Here<\/a><\/strong><\/p>\n\n\n\n
Step 2 \u2013<\/strong> Once you click on settings links it will redirect to the Features <\/strong>option here to enable the \u201cBuddypress<\/strong>\u201d option. Click on the \u201cgear<\/strong>\u201d icon like below the screenshot.<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/02\/25-1024x511.png\")
<\/figure>\n\n\n\nStep 3 \u2013 <\/strong>Once you click on the gear icon you can see the Buddypress<\/strong><\/strong> page. To allow the functionality of push notification with Buddypress you need to is required Push Notifications for WP & AMP<\/a><\/strong> and BuddyPress<\/a><\/strong> plugins. You need to click on the install plugin button like below the screenshot<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/02\/28-1-1024x204.png\")
<\/figure>\n\n\n\nStep 4 –<\/strong> Click on the \u201cView Setting\u201d<\/strong> Button like below the screenshot.<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/02\/26-1024x210.png\")
<\/figure>\n\n\n\nStep 5 –<\/strong> After installing the plugin you need an API key for this click on the Get the Key<\/strong><\/a> link for more details clicks on this tutorial Click here<\/a> like below the screenshot.<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/02\/27.png\")
<\/figure>\n\n\n\nStep 6 – <\/strong>Once you click on the View Settings<\/strong> button it will redirect to BuddyPress Settings here you need to check these options Private Messaging<\/strong> and Notifications<\/strong> like below the screenshot<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/02\/29-1024x665.png\")
<\/figure>\n\n\n\nThe Output of the BuddyPress for PWA for WP<\/strong><\/h4>\n\n\n\n
To test BuddyPress for PWA for WP you need two users<\/strong> on your website
Let’s one user is Admin and another user<\/strong> is john<\/p>\n\n\n\n- Admin will now accept the notification of push notification<\/li><\/ol>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/03\/pwa-11-1024x449.jpg\")
<\/figure>\n\n\n\n2. Now login “John” in another browser to send the message to Admin (via @admin in send section)<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/03\/pwa-22-1024x457.jpg\")
Another user can tag the user and send it<\/figcaption><\/figure>\n\n\n\n 3. After press send button by User (John), another user will receive a notification<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2021\/03\/pwa-33.jpg\")
<\/figure><\/div>\n\n\n\nThat\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n
We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us here and<\/strong> we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"
We have added compatibility with the Buddyboss platform also. Its features are also similar currently. Now your users also can grab notifications when any other user will send them a private message. To enable this feature is quite simple and similar to BuddyPress. Notify Buddyboss platform users and engage actively…<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[9],"ht-kb-tag":[],"class_list":["post-1234","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-extension"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=1234"}],"version-history":[{"count":5,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1234\/revisions"}],"predecessor-version":[{"id":1240,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1234\/revisions\/1240"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1234"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1234"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Buddyboss platform <\/li><\/ol>\n\n\n\n
- Allow for notification\u00a0<\/strong>\u2013 Every user can also choose to enable or disable Push Notification when new notifications are received.<\/li><\/ul>\n\n\n\n