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

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.

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"

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 -

Allows to display notification to anyone coming from the internet

Came directly by typing URL or bookmark -

Allows to display notification to the visitor who is directly typing the link or has bookmarked the page and coming from the bookmark.

Came to your site and the referring domain -

If traffic is coming from some referring domain or affiliate program this event would appear only to those visitors.

Came to the site from search engine -

Came to the website from the top 10 search engines. This event would appear to them

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>;
              var icon = args[0][Constants.icon];
              var title = args[0][Constants.title];
              var body = args[0][Constants.body];
              var type = args[0][Constants.type];
              Logs.d(icon! + title! + body! + type!);
            }
          },
          title: 'Flutter Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
          ),
          home: const MyHomePage(title: 'Flutter Demo Home Page'),
        );
      }
    }

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: