- \n
- Notification with PWA <\/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>\n\n\n\n
- Allow for notification <\/strong>\u2013 Every user can also choose to enable or disable Push Notification when new notifications are received.<\/li>\n<\/ul>\n\n\n\n
Compatibility plugin<\/h4>\n\n\n\n
- \n
- Buddypress <\/li>\n\n\n\n
- Buddyboss platform [Documentation link]<\/a><\/li>\n<\/ol>\n\n\n\n
Step 1 \u2013 <\/strong>First, you need to purchase and install BuddyPress for PWA for WP<\/a> plugin.<\/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>\u00a0Once you click on settings links it will redirect to the Features <\/strong>option here to enable the \u201cBuddypress<\/strong>\u201d option. Click on the \u201csettings \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\u00a0<\/strong>Once you click on the settings, you can see the\u00a0BuddyPress<\/strong> page. To allow the functionality of push notifications with BuddyPress, you need to enable Push Notifications for WP, AMP,<\/a><\/strong>\u00a0and\u00a0BuddyPress<\/a><\/strong>\u00a0plugins.<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Screenshot_7-1-1024x165.png\")
<\/figure>\n\n\n\nStep 4 –<\/strong> After installing the Push Notifications for WP, AMP,<\/a><\/strong> and BuddyPress<\/a><\/strong> plugins, You will see the Compatibility Enabled in the plugin status.<\/p>\n\n\n\n
![\"\"](\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2023\/07\/Screenshot_8-1024x235.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- \n
- Admin will now accept the notification of push notification<\/li>\n<\/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>\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":"
Notify BuddyPress users and engage actively with push notifications in realtime. PLUGIN FEATURES Compatibility plugin Step 1 \u2013 First, you need to purchase and install BuddyPress for PWA for WP plugin. For more details on how to download an extension for this Click Here Step 2 \u2013\u00a0Once you click on settings links it will…<\/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-1212","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\/1212","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=1212"}],"version-history":[{"count":11,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1212\/revisions"}],"predecessor-version":[{"id":1659,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1212\/revisions\/1659"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1212"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1212"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Admin will now accept the notification of push notification<\/li>\n<\/ol>\n\n\n\n
- Allow for notification <\/strong>\u2013 Every user can also choose to enable or disable Push Notification when new notifications are received.<\/li>\n<\/ul>\n\n\n\n