To start using Web Push, you\u2019ll first need to integrate it into your website by adding a small setup file and code snippet. Once integrated, your visitors will see a browser prompt asking whether they want to receive notifications from your business. In REVE chat, you can fully customize this opt-in prompt\u2014adjusting the icon, text, and display settings\u2014to match your brand and maximize subscription rates.<\/p>\n\n\n\n
How to Integrate web push on your website<\/h2>\n\n\n\n
To enable Web Push notifications on your website, follow these steps:<\/p>\n\n\n\n
\n
Navigate to the chat widget<\/em><\/strong> section under settings<\/strong><\/em>. <\/li>\n\n\n\n
Click a chat widget for which you want to enable the web push feature and navigate to the Code Snippet tab<\/em><\/strong>.<\/li>\n\n\n\n
Expand the web push script. From there, click the Download File<\/em><\/strong> button. A file named firebase-messaging-sw.js<\/code> will be downloaded. <\/li>\n\n\n\n
Upload the downloaded file to the root directory of your website. One placed, you should be able to access it from your browser by going to this URL https:\/\/yourwebsite<\/mark>\/firebase-messaging-sw.js<\/li>\n\n\n\n
Next click Copy Code<\/em><\/strong> button in the step 2, to copy the web push code snippet. Paste it just below the website widget script’s <!-- Start of REVE Chat Script-><\/code> and above the <script type='text\/javascript'><\/code> that you have integrated in your website .<\/li>\n<\/ul>\n\n\n\n
After completing these steps, your website will be ready to send and receive Web Push notifications.<\/p>\n\n\n\n
Customizing the web push opt-in prompt<\/h2>\n\n\n\n
To customize the opt-in prompt follow the below steps:<\/p>\n\n\n\n
\n
Navigate to the chat widget<\/em><\/strong> section under settings<\/strong><\/em>. <\/li>\n\n\n\n
Click a chat widget for which you want to enable the web push feature and navigate to the Notification <\/em><\/strong>tab. <\/li>\n\n\n\n
Upload an icon such as your brand logo or any image you want displayed in the prompt.<\/li>\n\n\n\n
Enter a short headline that tells users what the prompt is about.<\/li>\n\n\n\n
Add a description explaining why you\u2019re requesting notifications, such as updates, offers, or news.<\/li>\n\n\n\n
Customize the text of the approve button (e.g., \u201cYes, Notify Me\u201d) and cancel button (e.g., \u201cMaybe Later\u201d).<\/li>\n<\/ul>\n\n\n\n
Configuring opt-in prompt settings<\/h2>\n\n\n\n
Users can configure where to show or when to show the opt-in prompt notification using the notification settings. Follow the below steps to configure the notification settings by scrolling down-<\/p>\n\n\n\n
\n
Enable Notification Permission<\/strong>\n
\n
Turn on the toggle to allow opt-in notifications on your website.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
Set When to Show the Prompt<\/strong>\n
\n
After a visitor spends a certain number of seconds on the site.<\/li>\n\n\n\n
After a visitor views a specific number of pages.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
Customize the Prompt Design<\/strong>\n
\n
Design Style: Select from two available designs.<\/li>\n\n\n\n
Animation: Choose how it appears\u2014Drop-in or Slide-in.<\/li>\n\n\n\n
Position: Decide whether to display the prompt at the top of the page or in the center for maximum visibility.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
Configure Re-prompt Delay<\/strong>\n
\n
If a visitor declines the notification, set after how many days the opt-in prompt should reappear.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<\/figure>\n\n\n\n
To start using Web Push, you\u2019ll first need to integrate it into your website by adding a small setup file and code snippet. Once integrated, your visitors will see a browser prompt asking whether they want to receive notifications from your business. In REVE chat, you can fully customize this opt-in prompt\u2014adjusting the icon, text, […]<\/p>\n","protected":false},"author":36,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"help_center_type":[1865],"class_list":["post-273380","help-center","type-help-center","status-publish","hentry","help_center_type-web-push-campaign"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center\/273380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center"}],"about":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/types\/help-center"}],"author":[{"embeddable":true,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/users\/36"}],"version-history":[{"count":3,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center\/273380\/revisions"}],"predecessor-version":[{"id":302899,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help-center\/273380\/revisions\/302899"}],"wp:attachment":[{"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/media?parent=273380"}],"wp:term":[{"taxonomy":"help_center_type","embeddable":true,"href":"https:\/\/www.revechat.com\/wp-json\/wp\/v2\/help_center_type?post=273380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/www.revechat.com\/wp-content\/uploads\/2025\/09\/Web-Push-Integration.png\")
<\/li>\n\n\n\n![\"\"](\"https:\/\/www.revechat.com\/wp-content\/uploads\/2025\/09\/Web-Push-Integration-2.png\")
<\/li>\n\n\n\n![\"\"](\"https:\/\/www.revechat.com\/wp-content\/uploads\/2025\/09\/Web-Push-Integration-3.png\")
<\/li>\n\n\n\n![\"\"](\"https:\/\/www.revechat.com\/wp-content\/uploads\/2025\/09\/Web-Push-Integration-4-1024x504.png\")
<\/figure>\n\n\n\n