Feedify Documentation 
Getting Started with Feedify
Welcome
How to begin your journey with Feedify
- Select a suitable Plan.
- Complete the sign-up and your Feedify account will be created, Login to that account.
- Integrate the script in the header, footer section of the website.
Dashboard
After the integration is complete - You will get a dashboard like this having six sections on the top named as:
- Dashboard (Homepage)
- Push Notification
- Report
- Visitors Feedback
- Setting
- More
Dashboard (Homepage):
In dashboard (Homepage) ,You will get the count of web subscribers, app subscribers, impressions, and conversion rate.
Below that you will see quick links for sending push notification however we have separate section for sending push notification.
Also, you will get to see geographic location of audience which are subscribing to your website and reports of each campaign you run.
How Visitors becomes Subscribers?
While browsing through the content of the website visitors get a pop up.
As soon as they click on the allow button, they receive a welcome message of subscription and that is how these visitors gets converted into the subscribers of the website.
Push Notification
Under push notification section tab, we have six sub entities namely:
- Send Push
- Segments
- Reports
- Web Push Setting
- Mobile Push Setting
- Schedule List
- Template Gallery
Send Push
When you click on this tab , you will see three options for sending push notifications to your subscribers.
- New Push
- Templates
- URL
New Push
It is the most important feature in push notification section.
Creating a Push Notification (Step 1)
Title – Give a short and catchy heading.
Message- Message to grab the interest of the subscribers.
Link - Add a link of the landing page where the subscriber should land after clicking.
Icon – Provide suitable icon.
Banner- Banner is optional for creating push.
On the right-handside, you can see the preview of how your push notification is going to be visible to your subscribers.
This is how the screen looks when you click on new push tab.
You can also add banner image and upto 2 buttons with landing URL for each button. This feature is for the chrome subscribers.
Again, there are some efficient techniques that you can use while sending push notification to the subscribers ,you can see three optionsthere which are:-
- Send Now
- Schedule One Time
- Schedule Recurring
Send Now
Once you click on send now and then after clicking next button you basically move to step 2.
You can choose the audience to whom you want to target like mobile subscribers, desktop subscribers, users who subscribed before 1 day,7 days,15 days,1 month or you can target all subscribers.
You can select multiple domains for sending the same push.
By clicking on the custom button, you can customize your target audience based on your requirement, like if you want to target only subscribers from a particular city or state etc. you can select it accordingly.
And you can create these groups from segment section that we will discuss further.
You can send notifications to app subscribers also by allowing app subscribers.
On clicking Send Push Now button your push notification will be sent to the subscribers.
Schedule One Time
If you want to send the push notification on scheduled date and time you can do it by assigning date and time and it will be sent as per schedule.
Templates
nstead of creating the same push notification every time you can create the template in the similar way, we have created push notification earlier and save the template for sending it whenever you need to send it in future.
You can create multiple templates.
You can select out of the multiple templates you have created and send it. Which eventually will save your time of creating the same push again and again.
Fetch from URL
This feature of sending push notification is very helpful when you want to get the content from website for creating the push notification.
Copy the URL you want to fetch the data from then paste and click on the Fetch button.
You will see as soon as you click on fetch button it fetches the data from the page of the URL and creates the push notification automatically.
Then if needed you can make changes on the fetched data and send the push notification.
Here is the example of how it looks once we provide URL and click on the fetch button. It has fetched the data from the URL page and created pushnotification. Now you can make changes into it if required and send it.
Segments
With segments, you can send notifications to specific groups of users.
You can create the group of audience to whom you want to target and send the push notification only to the selected group.
In the audience section there is an option to create new group of audience.
After clicking on new button, you can create the audience group based on their location or subscription.
Audience group based on Location
If you want to create audience group based on location, you need to select the geographic location like the country, state, city with the group name.
This is the example of how you can create the audience group based on location.
Audience Group Based on subscription
Here you can select the audience group based on the subscription made by them.
Example:- If you want to target the audience who subscribed to your website 10 days back you can select it accordingly. Now if you select the group who subscribed before 10 days the push notification will be sent to only those who subscribed before 10 days.
You would get the custom option while creating the push notification for selecting the audience group that you have created.
These are the examples of already created audience group. You can select out of the group you have created to target your audience.
Reports
You can get the report pertaining to all push notifications under the report tab . A push send by the website stays alive up to 28 days. So even if the subscriber opens the browser after 2 days or 10 days it will be delivered to them. One can get these reports under the report tab.
Web Push Settings
In this section you can customize the push notification subscription pop up message.
You can change the Bell settings that is if someone clicks on the Deny button, they will not get a subscription pop-up again but will have an option to click on the bell to subscribe.
In the bell settings you can change the status of the bell and, also type in a text message that will be displayed on hover.
On subscribing you receive a welcome message like this.
You can make changes into the thank you message.
There is a permission window setting it is for the second window when someone clicks on the Allow button, they are redirected to a second window that asks them to allow notification again. One can even customize a message there.
The subscription pop-up message for asking the users to subscribe comes in two different designs.
You can call this event on any specific page, for that you just have to place a URL in front of equal to option.
UTM Parameter
Native browser option for high Opt-in. It is a one step process where in a user would get a subscription message of this kind.
and on a single click on Allow button one can get subscribed. Downside of this feature is that it is applicable for SSL websites only and customization of the template is not possible with this option. For the NON- SSL websites there is yet another option similar to Native browser for SSL its High Opt-in for NON-SSL .
Mobile Push Settings
Under the mobile push setting almost all the options to customize the template are similar to the web push settings.
You can call subscription message on any specific page and give a customized thank you message or acknowledgement for receiving notifications.
Schedule List
Here in this option, you can see report of all scheduled and recurring push notifications.
Template Gallery
You will get to see the list of all the template you have created in the template gallery. It saves time for creating the same push repeatedly. You can create multiple templates and save them. So whenever required you can select the templates and send it to subscribers instead of creating it from the scratch.
Visitors Feedback
In order to collect feedback, queries and suggestion from the visitors, Feedify has created a very interactive and responsive button called the "Feedback Button"
Setting
A website can customize this button and set upto 3 forms which can be configured with three different e-mail addresses of different departments.
If a query is received at the support department the reply would be sent via the configured mail of the support department.
You can change the color or the front end of the button to match the interface of the website. As well as set the number of fields and categories of that department.
Design
You can select color, alignment, and design of the button as per the requirement of the website.
Category and Fields
You can customize categories and fields of the feedback button very easily from the category & Fields option inside setting.
You can add categories and field for all the three forms which are Support, Suggestion and Billing as per the requirement.
And all your changes you made in categories and field will reflect inside feedback button.
Settings
You can also make settings for the occurrence of the feedback button.
You can select desktop if you want the button to be visible on desktop visitors only.
Similarly you can select mobile if you want the button to be visible for mobile visitors.
Or you can select both desktop and mobile if you want the button to be visible for both desktop and mobile visitors.
You can also provide the Link of the page where you want to show the button along with that you can set up the message when the visitor submits the feedback form.
More
This section provides several additional features that Feedify offers.
There are total six feature which are:
- Notification
- After sale Feedback
- Offer Popup
- Miscellaneous
- Newsletter
- Survey
Notification
You can create a notification by choosing or selecting from a variety of templates that are responsive for all devices and simultaneously one can give it an animation effect as well.
Targeting is the next step where you can accurately time and target the notification to the right user at the right moment from choosing any combination of filters that Feedify offers.
The final step of setting the notification in action is setting a start and an end date of the notification event.
From the list of notifications one can at anytime discontinue or delete any event. Coupon codes, discounts offer and sale are some of the themes on which notifications are set in action to grab visitor's attention. With Feedify one can be as creative as possible.
How to do it?
Select the template out of the varieties of templates which are available according to your need.
After selecting the required template the next step is to customize it. You have to follow simple 3 steps for doing it.
1. Basic detail
You can give title to the selected template.
As you click on the design the live editor opens and which gives all the option to edit the design. You can change the font, add the link, change the text color, etc.
You can select the alignment and effect for your notification so that it would be visible accordingly on your website. And after clicking on save and continue button you will move to second step i.e targeting.
2. Targeting
Under targeting there are various options and they are as follows:
Based on Devices:
If you want your notification to be visible for only desktop users or for only tablets or for both devices then you can select or deselect accordingly.
Based on operating system:
Same functionality here as well for displaying the notification to the visitors. You can select or deselect the operating system. Notification will be visible to those users whose operating systems you have selected and will not be visible for users from deselected ones.
Based on browser:
You can choose the browser also for displaying or not displaying the notification.
Eg. If you select Google Chrome only then your notification will be visible to users coming to your website from Google Chrome only.
Visitor type:
You can select the visitor type out of new, returning or all.
Display frequency:
It is the time after which the notification will reappear on the website.
Eg. If you give display frequency as 60 minute, so your notification will reappear after 60 min on your website for the same user.
Geographic Location:
Notification can be displayed to visitors only from specific area or region.
Eg. If you want your notification to be visible for the visitors from U.S then you can select the country as U.S and you could select state and city from that country also for more specific targeting.
Traffic Source:
If you want to show notification on your website to visitor coming to website by directly typing the URL then you can select that option. There are several other options also which you can use for displaying notification.
- Came from anywhere on the web -
- Came directly by typing URL or bookmark -
- Came to your site and the referring domain -
- Came to the site from search engine -
Call this event on this page:
If you don’t want to put notification on homepage of the website,
So here in this option you can set your notification wherever you want to display on your website.
Eg. If you select ‘equals to’ then you have to provide the URL so that your notification will be displayed on the page whose URL you have provided.
If you select ‘contains’ and provide a word ‘xyz’, now your notification will be displayed on all such pages where the URL contains xyz.
Similarly we have Ends with, contains, matches Regex and their counter parts with not.
You can use those options also for better targeting.
Time Delay:
It is the amount of time after which a particular event should appear on the screen
Eg. If given 15 seconds so your notification will be visible after 15 seconds.
Scroll:
After how much percent of scrolling a page you want notification to be visible to a user.
Eg. If you provide 70% then if a user scrolls down 70% of the page then the notification will be displayed to him/her.
Time zone:
The event can be scheduled based upon the website's time zone or the site visitor’s time zone and can further be broken to any particular time interval on everyday or on the selected day.
3. Completion
The last step is the completion of this event where you have to select a start date and an end date of the event and set the status of the event to active.
After sale Feedback
Yet another tool in the arsenal and one of the most important one for the business to grow is the automated After Sale Feedback along with integrated review mechanism. Feedify allows a website to set the number of days to send an automated customizable mail template when an order has been successfully placed. When the customer receives this mail a mechanism to collect star ratings is integrated so that these ratings can be displayed on the website to gain trust from new visitors or anonymous visitors thereby optimizing the resource utility of the website.
This feedback would help the business to grow as it would point out the areas that needs improvement and the areas that are strong, and would give realistic insights about the quality of service. A rating mechanism integrated with feedback has shown remarkable dividends in terms of sales.
You can select the number of days after which the automated customizable mail will be automatically sent.
Offer Popup
The basic difference between a notification and offer pop-up is the placement, notifications are usually placed in strips and around the corners whereas Offer pop-ups are central notification, offering something big. A punch line with a coupon code or an offer with huge discount is very effective in getting good sales.
With Feedify Offers You can be very precise in targeting Offer pop-ups and getting good conversions and click rates.
Here you can select any template according to your need.
All the steps for creating the offer popup are completely similar to steps which are already mentioned while creating notification.
You will have to follow the same three steps basic details, targeting and completion for creating the offer popup.
There is live editor for editing the template so that you can edit it according to your requirement.
Miscllaneous
Most of the people today spend a lot of time on social media and here is a good chance to attract them as well as ask them to like the website’s page on facebook. Sighting this trend and the impact a social media campaign can have on driving the traffic towards the website, Feedify has created an optimally timed social widget, wherein one just have to give the url of their facebook page and if the user is logged in one can directly like the page on the widget itself. If the user is not logged in it will open a new window for them to login and take them to the Facebook page where one can view the content and and like the page.
You can select out of social popup and rating newsletter.
You have to follow the same steps which are similar to steps mentioned while creating the notification.
You have to provide the URL which will redirect the visitor to like the page.
There are other settings also which you can make like layout, button size, include share button and show friend’s faces.
You can edit the design by using editor, also you can provide the alignment and effects.
Newsletter
Feedify offers responsive newsletters to allow visitors to submit their e-mails to the website to receive newsletters on their e-mail.
You can select an attractive template and catch the attention of the visitor by timing the Newsletter event which can be easily done via plethora of targeting options that are there in Feedify.
Survey
Surveys are very important to collect behavioral data for the websites that give deep insights into the business. The surveys can be based upon the customer experience or can be random for anonymous visitors. With Feedify you can do more with surveys in less steps. Create a set of question by adding steps and choosing options.
Target the survey with accuracy and get valuable data. Creating survey is a tedious and time consuming task but Feedify has reduced its complexity to a great deal.
Under the Survey section there are two options select template and create your own. On Selecting the create option a screen appears through which you can create the survey.
The next step after the selection is done is to ask a visitor a set of questions which can be done in very easy steps with the help of Feedify survey creator. Feedify Survey creator is shown in the image below.
Step 1 which is auto generated consist of a survey Title, Question, Field Type - (Text, dropdown, radio, checkbox) Labels (Text field) which is given as an options to the survey taker. A conditional filed of Required to assign the priority and a Goto option to direct the visitor to go the next step to answer the next question. Lets say on selecting first go to Step 3 , Step 2 or Goto Thank You. In the thank you step one could give an acknowledgement or a thank you message to the participants of the survey. Steps can be easily created by clicking on the add new steps button. And Fields can be easily created by clicking on the add field button.
Sort order is the order in which the options or the fields would appear in the front end. Create interesting surveys within five minutes thereby saving the time of your participants as well as yours.
Next step is targeting and the last step is completion which we already seen while creating the notification.
So this is how you can use all the features of Feedify for better engagement which will eventually help you grow.
If you have any questions you can contact us we will be glad to connect with you.
THANK YOU
APP PUSH
- ANDROID APP PUSH NOTIFICATION INTEGRATION
- FLUTTER ANDROID INTEGRATION
Android App Push Notification integration
Follow the steps mentioned below.
Step 1: Prerequisites
- Your Feedify User ID, Dom Key and domain. You can find it under Settings in your account.
- Google/Firebase Server API Key
- Android Studio
- An Android 4.3 or newer device or emulator with 'Google Play services' installed.
- Google-Services.json file should already be added to your project.
Step 2: Add Feedify Dependencies
2.1 Open your app/build.gradle (Module: app) file, add/modify the following lines of code inside the Android > defaultConfig section:
app/build.gradle
android { compileSdkVersion 30 buildToolsVersion "30.0.3" defaultConfig { applicationId "com.abdul.feedify.demo" minSdkVersion 16 targetSdkVersion 30 versionCode 14 versionName "1.14" testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" manifestPlaceholders = [ feedify_user : "", feedify_dkey : " ", feedify_domain: " " ] } buildTypes { release { debuggable true minifyEnabled true proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' } } compileOptions { sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8 } kotlinOptions { jvmTarget = '1.8' } }
2.2 Add the following lines of code to the dependencies section:
app/build.gradle
dependencies { implementation 'net.feedify.sdk.push:feedify-sdk:1.0.8' implementation platform('com.google.firebase:firebase-bom:26.0.0') implementation 'com.google.firebase:firebase-messaging' implementation 'androidx.preference:preference-ktx:1.1.1' }
Sync Gradle
Make sure to press "Sync Now" on the banner that pops up after saving!
Step 3: AndroidManifest.XML Changes
3.1 Open AndroidManifest.xml and add the following lines of code inside the manifest tag:
AndroidManifest.xml <uses-permission android:name="android.permission.INTERNET"/> //REQUIRED FOR INTERNET PERMISSIONS
3.2 Add the following lines of code inside the application tag:
AndroidManifest.xml <application android:name=".FeedifyApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/Theme.Feedifysdktest" tools:replace="android:name"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application>
Step 4: Add Required Code
4.1 Add the following to the onCreate method in your Application class.
MyApplication.
class FeedifyApplication : Application() { override fun onCreate() { super.onCreate() Logs.setEnabled(true) FeedSDK.init(applicationContext, "Feedify Test app") FeedSDK.setStartActivity(MainActivity::class.java) FeedSDK.setNotificationIcon(R.drawable.ic_notification) } }
FirebaseMessagingService() is already handled in Feedify SDK. If you have added this as an explicit method, please comment out the code.
Step 5: Run and Test your app
Run your app on a device or the Android emulator to make sure your device is subscribed to notifications and can receive notifications sent from the Feedify dashboard.
Make sure that you have configured your FCM Server API Key and Sender ID corresponding to your Android Project on Feedify.
Step 6: Customize what your app does when a notification is clicked or received (Optional)
If you want to override default behaviour of the notification click or wanted to fetch the notification data when user has clicked on it, and wanted to implement deeplink feature etc, then you can use the method:
FeedSDK.setStartActivity(MainActivity::class.java);
The above method will pass all the notification data to the above passed activity (in this case MainActivity class).
Step 6 (a) How to read the notification data?
When you have called the FeedSDK.setStartActivity method as described above then to read the data use:
val model = FeedNotificationDataManager.getNotificationData(intent.extras)
inside onCreate method of your passed activity like:
Then you can use the received data sent from Feedify server to navigate to any screen in your app (deeplinking).
FLUTTER ANDROID INTEGRATION
Speak directly to your subscribers one on one with personalized, targeted and result oriented Push Notifications.
- Available for Android, iOS support is under development, we will update this very soon.
Features
Choose
- Create something interesting and actionable with Feedify. Add images, icons, emojis, action buttons and an interesting crisp text that pops and shines on the subscriber’s device. Read more at Feedify.net.
Campaign
- Initiate a Drip Notifications Campaign and automate an engagement for every new visitor that comes to your site. Pour in a pre-defined stream of Notification at regular intervals and kick-start real time engagement. Read more at Feedify.net.
Count
- Keep a track of your performance with rich analytics that measure user interaction. Read more at Feedify.net.
Getting started (Android)
Add app in your firebase console. You can follow this guide Firebase Setup. Just download google-services.json.
Copy google-services.json into your root of app assets directory this is important step.
Now in order to enable Firebase services in our Android app, add the google-services plugin to our Gradle files.
First in our root-level (project-level) Gradle file (android/build.gradle), add rules to include the Google Services Gradle plugin.
Check if the following configurations are available or not:
buildscript { ext.kotlin_version = '1.5.21' repositories { google() mavenCentral() } dependencies { classpath 'com.android.tools.build:gradle:4.1.0' classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" classpath 'com.google.gms:google-services:4.3.10' } } allprojects { repositories { google() mavenCentral() } } rootProject.buildDir = '../build' subprojects { project.buildDir = "${rootProject.buildDir}/${project.name}" } subprojects { project.evaluationDependsOn(':app') } task clean(type: Delete) { delete rootProject.buildDir }
Now in our module (app-level) Gradle file (android/app/build.gradle), apply the Google Services Gradle plugin. For that, add the piece of code highlighted in the following code snippet to the ./android/app/build.gradle file of our project:
apply plugin: 'com.google.gms.google-services' dependencies { implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version" implementation platform('com.google.firebase:firebase-bom:29.0.0') implementation 'com.google.firebase:firebase-analytics-ktx' }
Now, run the following command so that some automatic configurations can be made:
flutter pub get
Using Feedify you can also send http/ https URLs into the notifications hence to support them android has now introduced to add query parameters into your AndroidManifest.xml like below:
<queries> <!-- If your app opens https URLs --> <intent> <action android:name="android.intent.action.VIEW" /> <data android:scheme="https" /> </intent> <intent> <action android:name="android.intent.action.VIEW" /> <data android:scheme="http" /> </intent> </queries>
You can read more at android developer's site
Usage (common for Android and iOS)
void main() async { initFeedSDK(); runApp(const MyApp()); } void initFeedSDK() async { WidgetsFlutterBinding.ensureInitialized(); var sdk = FeedSDK.getInstance( feedifyKey: 'key', feedifyDomain: 'domain', feedifyUser: 'userKey'); // mandatory to set the notification icon, else notification alert will not show FeedSDK.setNotificationIcon('resource://drawable/ic_notification'); // If FeedSDK.startScreen is set then all the notification payload data is passed to the root widget of your app FeedSDK.startScreen = 'test'; Logs.setEnabled(true); await sdk.init( appName: 'your app name', projectId: 'firebase project Id', firebaseCurrentApiKey: 'firebase api key', firebaseMobileSdkAppId: 'firebase mobile app sdk id', firebaseStorageBucket: 'firebase storage key url', firebaseUrl: '', firebaseProjectNumber: 'firebase project number'); }
- Note: All the above information can be found in google-services.json and info.plist file that has been already downloaded from Google firebase console.
If you have set FeedSDK.startScreen and want to override the SDK's default behaviour by receiving all the data payload to the main app class, then you need to do add the below package into your pubspec.yaml file (don't forget to call - 'flutter pub get')
get: ^4.3.7
then add the GetMaterialApp widget as below sample:
class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return GetMaterialApp( onGenerateRoute: (settings) { if (settings.name == FeedSDK.startScreen) { final args = settings.arguments; Logs.d('onGenerateRoute $args'); } }, title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } }
You can read the data based on the keys available inside Constants class.
How to read the notification data in your app?
When FeedSDK.startScreen = '#any text' is set, then the data is passed to the root widget of your app, then you can read the data as below, which can be used for deeplinking or navigating through your app based on the notification data:
class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return GetMaterialApp( onGenerateRoute: (settings) { if (settings.name == FeedSDK.startScreen) { final args = settings.arguments as List
Getting started (iOS)
Integrating the Cloud Messaging plugin on iOS & macOS devices requires additional setup before your devices receive messages. There are also a number of prerequisites which are required to be able to enable messaging:
After the integration is complete - You will get a dashboard like this having six sections on the top named as:
- You must have an active Apple Developer Account .
- For iOS; you must have a physical iOS device to receive messages.
- Firebase Cloud Messaging integrates with the Apple Push Notification service (APNs), however APNs only works with real devices.
For configuring FCM on iOS devices, follow the steps mentioned in here
The most important part in order to make this library work is
So this is how you can use all the features of Feedify for better engagement which will eventually help you grow.
If you have any questions you can contact us we will be glad to connect with you.
THANK YOU
INSTALLATION
- WordPress
WordPress
So this is how you can use all the features of Feedify for better engagement which will eventually help you grow.
If you have any questions you can contact us we will be glad to connect with you.
THANK YOU
GTM Implementation
So this is how you can use all the features of Feedify for better engagement which will eventually help you grow.
If you have any questions you can contact us we will be glad to connect with you.
THANK YOU
Updated 5 months ago