To use Push Notifications you will need to first enable this through your install settings and have installed the ChatFlow Javascript code on your website.
Getting Started with the Subscriber Button #
The Subscriber Button allows you to collect push notification subscribers directly from your website. This guide explains how to configure your button’s appearance, targeting, display settings, and behavior after user interaction. Setting up a subscriber button can help increase your audience reach and re-engagement with just one click.
Style Your Button #
What this does:
Customize the appearance of your subscriber button to align with your website’s brand.
Steps to configure:
- Logo – Upload or edit the icon shown beside the title. Choose a recognizable image, like your brand logo, for familiarity.
- Title – Add a compelling call to action. Example: “Be the first to get property updates!”
- Description – Add a short, clear explanation of what the user is subscribing to. Example: “Get the latest available rental properties right to your device instantly.”
- Accent Color – Adjust the color to match your site’s theme and draw attention to the button.
Targeting Settings #
What this does:
Control which visitors see your subscriber button.
Steps to configure:
- Click on the Targeting Settings tab.
- Define audience segments based on location, device type, or user behavior.
- Set conditions like time delay, exit intent, or scroll depth to trigger visibility.
Display Settings #
What this does:
Decide where and how the button appears on your website.
Steps to configure:
- Navigate to Display Settings.
- Choose the position: bottom-left, bottom-right, or custom placement.
- Adjust visibility for mobile and desktop if needed.
After User Action #
What this does:
Determine what happens after a user subscribes or dismisses the button.
Steps to configure:
- Go to After User Action.
- Set actions such as:
- Show confirmation message
- Hide button permanently
- Redirect user to another page
Installation #
Once you’re happy with the configuration:
- Click Installation in the top-right corner.
- Copy the embed code.
- Paste the code into your website’s
<html>section relevant of where you want to display the button.
Final Notes #
- You can disable or re-enable the button at any time using the toggle in the upper-right corner.
- Use A/B testing through your Journeys or Campaigns feature to optimize messaging and design.
