What is Flink WordPress App Builder?

Flink Wordpress App Builder makes it possible to create the Android application of your Wordpress website & blog in an easy way.

• Installing Android Studio or similar software to your computer and device is not necessary.
• You can create your app via the WordPress plugin with one-click automatically. The “.apk” file of your application is sent to your email address.
• You can manage your application in detail with the WordPress plugin.

• WordPress 4.6 or higher
• PHP 5.6 or higher
• OpenSSL (PHP extension) enabled
• Mysqli (PHP extension) enabled
• cURL (PHP extension) enabled
• GD (PHP extension) enabled
• Mbstring (PHP extension) enabled
• Zip (PHP extension) enabled
• GZip (PHP extension) enabled
• Exif (PHP extension) enabled
• DOMDocument (PHP extension) enabled
• mod_rewrite (Apache module) enabled

Used Plugins

• Android :

  - ButterKnife
  - Picasso
  - Retrofit
  - PrettyTime
  - Eventbus
  - Material Dialogs
  - BottomSheet
  - ChipView
  - AcpProgressLite
  - DotLoader
  - Android Image Cropper
  - ExoPlayer
  
  

• WordPress Plugin :

  - Bootstrap Framework
  - jQuery Javascript Library
  - jQuery UI
  - Bootstrap Select
  - Chart JS
  - DateTimePicker
  - Pickr
  - Serialize Object
  - SpeakingURL
  - SweetAlert2

Plugin Installation

1. Go to “Downloads” page on Codecanyon.net and find “Flink - WordPress App Builder” product. Click on “Download” button and then choose “All files & documentation” option to download the product files.
   
2. Open the “.zip” file that you downloaded. Then, login to your Wordpress admin dashboard and go to “Plugins" >> "Add New” page. On this page, click on “Upload Plugin” button, choose the “flink.zip” file and click “Install Now” button to start the installation.
   
   (Optional : You can also install the plugin by extracting the content of “flink.zip” file and uploading the “flink” folder to the “wp-content" >> "plugins” directory of your website via FTP connection.)
   
3. On the page opened after the installation, click on “Activate Plugin” to activate it.
   
4. Click on “Flink App” located in the left-side menu of your WordPress admin dashboard. Then, click on “Get Flink Code” that can be found in the first page of the installation.
   
5. On the opened “Fyncode” page, click “Login with Envato Account” button.
   
   
6. For the access with “Envato API”, click “Approve” button.
   
7. Click “Add Purchase Code” button.
   
8. Go to “Downloads” page on Codecanyon.net and find “Flink - Wordpress App Builder” product. Click on “Download” button and then download your license file by clicking “License certificate & purchase code (text)” option. Copy the “Item Purchase Code” that can be found in the file you just downloaded, enter it to the related field and then click “Add” button.
   
   
   
9. From the “Flink - Wordpress App Builder” section, click “Add Domain” button.
   
10. To the “Enter domain” field, enter the domain of your website in which you want to use Flink - Wordpress App Builder and click “Add”. (Example: yourwebsite.com)
    
11. Click “Show Access Codes”. Then, you will see the access code that belongs to your domain, copy it.
    
    
12. Go back to the installation page. Copy the access code that you got from the previous step into the “Enter your Flink access code...” field and click “Verify”.
    
    When you see the green-colored “The access code you provided is valid.” notification, you can click “Next Step” button and proceed with the next step.
    
13. If all requirements are met by your server (if green tick can be seen next to each requirement line), then you can proceed by clicking “Next Step” button.
    
    If there is any requirement that can’t be met, you cannot proceed with the installation in order not to experience a problem with your plugin. In such a case, you can contact your hosting provider and request information.
    
14. Complete all information regarding your app and complete the installation by clicking “Complete” button.
    (Please note the value in “App Package Name” field down. You will need this value later.)
    
15. Finish the installation process by clicking “Start Now” button. Now, you are ready to use Flink - Wordpress App Builder!
    

Push notifications : You can send instant notifications to your users’ devices (mobile phones, tablets etc.)

Firebase Analytics : With Firebase Analytics, you can see several data like active user count, daily interaction of your users, device information of your users, operating systems of those devices, demographic information of your users, countries in which your application is used and many other instantaneously.

Let’s start...

Creating Firebase Project

1. Since Firebase is a Google service, you need a Google account to use it. Go to https://firebase.google.com and click “Get started” button.
   
   
2. Login with your Google account. If you don’t have a Google account, you can create a new one and use it to login.
   
   
3. Click on “Create a project” button.
   (Important Note: You will see this screen only if you will create a Firebase project for the first time. If there is any other Firebase project that you created before, then you will not see this page but the page on the next step, to which you should pay attention in this case.)
4. Click “Add project” button.
   
   
5. Enter your project name, accept the Firebase terms and conditions and click “Continue”. (Project name examples: FlinkAppBuilder, BreakingNews etc.)
   
   
6. Select “Set up Google Analytics for my project” and click “Continue” button.
   
   
7. Click “Select an account” button.
   
   
8. Click “Create a new account” button. (If you have a previously defined Google Analytics account, you can select it as well.)
   
   
9. Define a name for the Google Analytics account that you will create and enter it to the respective field (you can use the same project name that you defined previously or you can define a different account name). Then, click “Save”.
   
   
10. Select your location, tick all confirmation boxes and click “Create project” button.
    
    
11. Your Firebase project will begin to be prepared and you will see an installation page. Please wait while your project is being prepared. After it is ready, click “Continue” button and complete the project creating part.
    
    
    

Adding Your Application

1. Click on Android icon.
   
   
2. Enter the application package name that you defined while you are installing Flink Wordpress App Builder to the “App package name” field (example: com.flinkappbuilder.android). Then, click “Register App” button and proceed to the next step.
   
   
3. Click “Download google-services.json” button, download the JSON file related with your app and click “Next”.
   
   
4. You don’t need to do anything in this tep, just click “Next”.
   
   
   
5. Click “Skip this step” button.
   
   
6. Login to your Wordpress admin dashboard and from the side menu, click “Flink App” in order to open the Flink WordPress App Builder page.
   
   On this page, find “API Settings” and click it. Click “Upload New File” button in the “Configuration File” part of the “Google Firebase” section and upload the JSON file that you previously downloaded (google-services.json).
   
   

Getting the Web API Key

1. Click on settings icon and then click “Project Settings” to go to the page where project settings can be configured.
   
   
2. Click “Cloud Messaging” button. Copy the key in “Server Key” field.
   
   
3. Go to your WordPress admin dashboard and click “Flink App” on the side menu to open the page for Flink WordPress App Builder.
   
   On this page, find and click “API Settings”. Copy the API key that you previously obtained and paste it to the “Server Key” field in the “Google Firebase” section, then click “Save” button.
   

1. Go to https://admob.google.com/home/?hl=en. If you have a Google account, click “Sign in” button located on top of the page and login. If you don’t have a Google account, click “Sign up” to register first and then login.
   
2. If you are using AdMob for the first time, you will see the screen below (if you used AdMob in the past, skip this screen). Enter all necessary information, tick the approval box and click “CREATE ADMOB ACCOUNT”.
   
3. A confirmation email will be sent to your email address. Click the button in this email to verify your email address. Then, select the options that you see in the screenshot below as you wish and click “CONTINUE TO ADMOB” button.
   

Adding Your App

1. Click “Apps” in the left-side menu.
   
2. Click “ADD YOUR FIRST APP” button. (If you used AdMob before and if there is an app that you previously added, you will see “ADD APP” button instead - in this case, click that button.)
   
3. If you already published your app in which you will use AdMob advertisements on Play Store, click “YES” button, otherwise click “NO” button.
   
   If you clicked “YES” button, search for your app name, find it and click “ADD” button. On the next screen, click “I’LL DO IT LATER” and complete this step.
   
   
   If you clicked “NO” button, enter your app’s name, select “Android” as platform and click “ADD” button. On the next screen, click “I’LL DO IT LATER” and complete this step.
   
   
   *** IMPORTANT: ***
   If you clicked “NO” button, you have to synchronize your app in AdMob and your app on Play Store when you published your app on Play Store. To do so, follow these steps:
   
   1. Click “Apps” in the side menu and select your app. From the submenu, click “App settings”.
   
   In the “App name & store link” section, click the editing button in the section where you see “Not linked to Google Play” notification.2. Click “LINK YOUR APP WITH GOOGLE PLAY” button.3. Search for your app’s name or package name, find your app and click “SELECT”.4. Complete the process by clicking “LINK APP” button.

Creating Ad Unit

1. Click “Apps” in the side menu and select your app.
   
2. Click “Ad units”.
   
3. Click “GET STARTED” button.
   
4. In order to select the advertisement type that you want to create, click “SELECT” button in the respective box.
   - For the “Bottom Banner” area of your app, you should choose “Banner” and for the “Native Ad” area of your app, you should select “Native advanced” option.
   
5. Define a name for the ad unit that you are creating and enter it to the “Ad unit bame” field (example: Flink App - Bottom Banner).
   
   Click “CREATE AD UNIT” button and finish ad unit creating process.
   
6. Note the codes in “........app ID:” and “.......unit ID:” sections down and click “DONE” button.
   
7. Go to your Wordpress Admin Dashboard and in the side menu, click “Flink App” to open the page for Flink Wordpress App Builder.
   
   1. Find the “Ad Management” tab on the opened page and click.
   2. Click the ad type, of which data you want to update (bottom banner, native ad etc.)
   3. Enter the “App ID” and “Advertisement Unit ID” values that you previously noted down to the respective fields in “Advertisement Platform” section (while AdMob is selected).
   4. Click “SAVE” button.
   

Audience Network is an advertisement service by Facebook that provides the chance for mobile app developers to earn money.

Login and Creating App

If you are using “Facebook for Developers” for the first time, follow these steps.

1. Go to https://developers.facebook.com and click “Log In” button. If you have a Facebook account, login with your credentials. If you don’t have a Facebook account, register for one and then login.
   
   
2. Click “Get Started” button. On the pop-up window, click “Next” button.
   
3. Select the option that fits you the best (developer, marketer etc.)
   
4. Click “Create First App” button.
   
5. Define a name for your App ID and enter it to the “Display Name” field. Then, click “Create App ID” button.
   
6. Complete the verification step and click “Submit” button.
   

If you already used “Facebook for Developers” before, follow these steps:

1. Go to https://developers.facebook.com and click “Log In”. If you have a Facebook account, login with your credentials. If you don’t have a Facebook account, register for one and then login.
   
   
2. Click “My Apps”. If you already created the app, select it from the menu; if you didn’t, click “Create App” button.
   

 - If you clicked "Create App" button, follow these steps:

1. Define a name for your app and enter it to the “Display Name” field. Then, click “Create App ID” button.
   
2. Complete the verification step and click “Submit” button.
   

Creating Business

In order to use Facebook Audience Network service, you should first create a business account. With a business account, you can manage several work related things on Facebook, including earning money with Audience Network.

Facebook Manager is a trusted way to manage your pages and advertisement accounts.

1. Go to Facebook Business and click “LOG IN” button. If you have a Facebook account, login with your credentials. If you don’t have a Facebook account, register for one and then login.
   
2. After logging in, click “CREATE ACCOUNT” button.
   
3. Enter the requested information and click “Next” button.
   
4. Enter the information about your business and click “Submit” button.
   

Creating Property

Facebook’s Monetization Manager service is a platform that will help you grow your business with Audience Network. It helps you manage your ad placements, understand your performance and maximize your income.

1. Go to Monetization Manager.
2. Select the business that you created or create a new business as explained under “Creating Business” title.
   
3. Scroll down and click “Create Property” button.
   
4. Enter the name of the new property and click “Create Property” button.
   

Adding Your Platform and App

After you create your property, the next step is adding the platform that you want to make money from.

1. Click “+ Add” button that is next to “Android” option.
   
2. If you already published the app, in which you will use Facebook Audience Network ads, on Play Store, select “App is live” option, enter the URL of your app on Play Store to the respective field and choose your application. If not, click “App is not live” button and then “Submit” button to proceed.
   
3. Select an ad type as placement type (native banner, etc.) in “Create your first placement” step and click “Create Placement” button.
   (NOTE: This ad area will not be used, so you can choose any type.)
4. Don’t do anything else after this step. (like ticking an option, etc.)

Creating Ad Space

In order to create an ad placement, you have to create an ad space first.

1. Click “Properties” button located under the “Integration” option in the left-side menu and then click the name of your property.
   
2. Click “Create Ad Space” button.
   
3. Enter a name for your ad area to the “Name” field. Upload a video to the “Describe the steps we need to find the ad” field and write an explanation about when your ad should be triggered. Lastly, click “Create Ad Space” button and finish ad space creating process.
   

Creating Ad Placement

Facebook Audience Network offers different types of ad units. Each ad unit in your application is defined by using a unique placement identity.

1. Click “+ Create Placement” button.
   
2. Add your Placement name. Select your Display format. (For the “Bottom Banner” area of your app, you should choose “Banner” and for the “Native Ad” area of your app, you should select “Native” option.)
   
3. Scroll down, configure values and click “Create Placement” button.
   
4. Click “Get Code” button.
   
5. Copy the Placement ID.
   
6. Go to your WordPress admin dashboard, click “Flink App” from the side menu and open the page for Flink WordPress App Builder.
   
   1. On the page that is opened, find and click “Ad Management”.
   2. Click the ad type, of which data you want to update (bottom banner, native ad etc.)
   3. Enter the Placement ID that you previously copied to the “Advertisement Field Code” field in the “Advertisement Platform” section (while Facebook Audience Network is selected).
   4. Click “SAVE” button.
   

1. Go to your Wordpress admin dashboard, click “Flink App” from the side menu and open the page for Flink Wordpress App Builder.
   
   
2. Click “Create My Application” button.
   
   
3. To the “Version” field, enter a version value that you state for your app. This version value is displayed on Play Store when you publish your app (examples: 1.0.1, 2.2, 2.3.0).
   
   Enter the email address that you want your application to be sent to into the “Email” field. (When your app is prepared by the server, it is sent to your email address automatically. You don’t have to take another action for that.)
   
   Lastly, click “CREATE” button. (The time that passes until you receive the app to your email address may vary depending on the server. It is sent automatically to your email address in 5 minutes on average.)
   
   

Downloading Your App

You can download your app (the “apk” file) by clicking “Download My App” button in the email that you received.

Uploading Your App to Play Store

You can upload your app to Play Store by following the steps on “Upload an app” page.