How to Add and Manage Facebook Page Shop to Expand Your Business?

The most pressing question for an eCommerce is how many platforms should they start selling on? Obviously, if you are expanding then you need to start selling on different platforms like Amazon, ETSY, etc. Facebook is the most popular platform and a social network with the highest user base worldwide. Then why not start selling on Facebook?

Facebook introduced a Facebook shop for small businesses after the COVID crises and is flourishing! Recently, Facebook added a Facebook Page Shop feature to it which might rule the marketplace industry in the coming future for small businesses.

The new Facebook interface is clean and has a lot of white space in day and night mode. But, it is receiving a lot of criticism as the settings are quite difficult to navigate; also, many people are calling it a nightmare! To cope up with the competitors you must know how to use the latest version and must take the advantage of its popularity as an eCommerce business merchant.

It took me some effort in navigating and understanding the Facebook Page Shop functionality. Now, I am going to share everything about it that you need to know.

What is Facebook Page Shop?

The Facebook page shop allows a business to sell their physical products through the Facebook marketplace platform by creating a shop on the business page. This shop features best serves merchants, retail, and e-commerce advertisers.

Facebook recommended it for companies selling clothes, accessories, home furnishings, and baby or children’s items. But a Facebook page store can also be used by other businesses to attract more users on Facebook.

It helps you to meet your prospective customers, create ties, and bind your goods to their network. In addition, the advantages of the different features provided by the Page Shop can be leveraged to help you grow your company and navigate shoppers to your website and drive further sales.

Who can create and add products on the Facebook Page Shop?

Any merchant who has a business page with Facebook and is the admin of that page can easily create or add a Facebook page shop.

The main requirements for selling on Facebook Page Shop are:

You must sell a physical product
You must agree to the Merchant terms and conditions of the Facebook

The merchant can add products in two ways:

In your catalog, which is connected to your Page Shop and contains your goods
On Your Page’s Shop tab

The step by step guide for adding the products is explained on the official Facebook Business Help Centre page.

The Product listing on the Facebook marketplace cannot get easier:

If you face issues in managing your existing Facebook marketplace and in enlisting the products then Knowband’s FB-store module can help. The Facebook store extension helps you integrate your PrestaShop and Magento 2 shops to Facebook Marketplace with ease.

You can start selling on the Facebook channel by directly linking your Shopify store.

Advantages of selling on a Page Shop

Depending on your location, Facebook Page Shop has various features. Some of the fringe benefits of selling on Facebook Page Shop and Facebook Marketplace are enlisted below:

Add as many products as you like: First of all, you don’t need to upload a product list somewhere else, and there’s no limit to how many products you can add.
Customize product inventory: You can arrange your items into various collections so that your customers can search your shop by category on the Facebook page.
Communicate with customers: Customers can send questions to your page.
Get Insights: For each of your items, you will see customer ratings and reviews, page clicks, and track the transactions.

If you are using a commerce manager then Facebook allows you to set up a checkout page. Isn’t it amazing! You don’t have to navigate your customers for payments but the customers can do the transactions directly on Facebook Shop.

Other irresistible functionalities offered:

To increase brand awareness and popularity a Facebook Page Shop should appear enticing and attractive to the users. To do that, you need to style it, stock it up, and put some extra effort into handling the customers. Once you achieved this, you can share the Facebook Page Shop link with your customers.

The Facebook Page Shop is easy to customize and configure. Also, you can change the style of the page shop to make it look more attractive.
The Commerce Manager by Facebook can help you set up the Facebook Page Shop. It gives you a personalized digital storefront to exhibit and sell the products on FB and IG.
The products and collection of products can be added or removed from the Page Shop.
After completing the store shopping setup, you can create a custom shopping audience. For instance, you can create one who has shopped already or who have items in their cart, etc.
You can delete or hide the Facebook page shop in few simple steps.

The platform has a lot to offer but the important part is how you take advantage.

Wrap-Up:

The Facebook Shop has many tempting features to expand your small business and increase your customer base. You only need to have a business page and in a few simple steps, you can create the Facebook Page Shop on the world’s largest social media platform with the greatest user base. The thought is even more tantalizing!

If you want to take your eCommerce business to great heights then the Facebook Marketplace is the best choice for some of the businesses. And, if it is not the best one for you still it will help you grow. Create your Facebook Page Shop today and get to work.

Recommended Reads:

How to save data to Firebase in Android?

Objectives:

The purpose of this blog is to inform readers on how to save data in Android’s Firebase Realtime database. Simple data kinds, such as strings, can be written to this database, as well as more complicated data types, like Java objects.

Pre-Requisites:

To use the Firebase Realtime Database in Android, we need to have an Android Studio project for creating the android app. Besides that, we need a Firebase project to connect the Firebase real-time database to the Android app.

To create a new Firebase project, follow the below-mentioned steps:-

1. Open the URL – https://console.firebase.google.com

2. Then click on “Add Project”.

3. Next, enter the Firebase Project name and accept the conditions. After that, proceed by clicking on the “Continue” button.

4. Then, on the next Welcome screen, click on “Add Firebase to your Android app“. In the same manner, enter the package name and click on Next.

5. Now, download the google-services.json file to your local system. Then, copy this file to the location in the Android Studio project as specified.

6. Follow the small process in the next step to add 3 lines of code to the build. Gradle files at project-level and app-level.

7. Then, finish adding the Android app to the Firebase project.

8. Open the Database section by clicking on the “Database” option in the left menu. Then, click on the “Create Database” link.

9. Now the process of creating the Firebase project is finished.

Recommended Read: How to fetch data from Firebase in Android?

Add the following line in the app-level build. gradle file to add the library to start using the Firebase Realtime Database.

implementation 'com.google.firebase:firebase-database:16.0.6'

Code Implementation

Before proceeding further, let us understand what is a Firebase reference?

In the Firebase database, the data is stored at a location. Hence, the pointer to that location is known as a Firebase reference. Multiple references point to the same location if they are initiated with the same path.

Create an instance of Firebase Database by writing the following line of code:

private FirebaseDatabase mDatabase = FirebaseDatabase.getInstance();

Now create references of the paths where the data would be stored in the Realtime Database. As the data is stored in the JSON format in the Firebase database, the paths specified in the references are the keys of the JSON object.

The following line of code has to be added to create a reference to the root node in the database:

private DatabaseReference mDatabaseReference = mDatabase.getReference();

Next, create a child under the root node in the database and use this child key to add the corresponding data. After that, a string can be added to the database by following the below-mentioned lines of code:

mDatabaseReference = mDatabase.getReference().child("name");
mDatabaseReference.setValue("Donald Duck");

The above lines of code would insert the data into the database. The database in the Firebase project will look as follows:

Firebase Realtime database also supports saving complex Java objects. Hence, a model class needs to be created first for saving the Java objects. Also, make sure to add an empty constructor and each attribute’s getters in the class.

Following is the code for a demo model class:

Following is the code to save an object of this class to the Firebase database:

User user = new User("Mickey", 18);
mDatabaseReference = mDatabase.getReference().child("user");
mDatabaseReference.setValue(user);

The above-mentioned code would insert the object data in the Firebase database as follows:

Conclusion:

Now you are knowing how to save data into the Firebase Realtime Database. Also, Knowband offers an eCommerce Mobile App Builder module for online Store owners. So, the mobile app Maker plugin is available for platforms like PrestaShop, OpenCart, WooCommerce and Magento 2. Thus, With just a few clicks and no difficulty, you can create your native, responsive app for smartphones and tablets.

Facebook login in iOS

Objectives of the blog

Implement Facebook login using Facebook SDK in iOS app. OR you can download the sample project from this link.

Procedure to implement

1. Create a new Xcode project. And open the project.

2. Open the Terminal and type “cd “. Then drag the project file from Xcode to the terminal. This will add the path of the project folder into the Terminal. Then delete the project name “Sample Facebook Login.xcodeproj” from the command. Final command in Xcode will be like “cd /Users/macpro/Desktop/iOS/Sample Facebook Login/“, this is the path of the project.

3. In terminal, use command “pod init“, this will create a podfile for the project.

4. Use command “nano podfile“, this will open the podfile in editing mode. The add below pods in the file.

pod ‘FBSDKCoreKit’

pod ‘FBSDKShareKit’

pod ‘FBSDKLoginKit’

5. The podfile will look like below screenshot.

6. Use command “control + X“, to exit the file and save the podfile.

7. Run command “pod install” to install the podfile in the project. You will see the process terminal like below:

8. After the installation is complete, close the xcode project. Go to the project folder, you will see new project named “[your project name].wcWorkspace“. Open this project.

9. Open file named “AppDelegate.swift” in your project. Import “FBSDKCoreKit” and add below code in func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?)

FBSDKApplicationDelegate.sharedInstance()?.application(application, didFinishLaunchingWithOptions: launchOptions)

The code will look like below:

10. Go to this link to create a new Facebook project – https://developers.facebook.com/apps/

11. Click on “Add a new App“. Enter your projects name and proceed.

12. Fill the details on the next page. Go to “Settings” in left menu, then go to “Basic” and fill the details.

13. Go to bottom of the page. Click on “Add Platform“. Then fill you apps bundle ID and you will see a screen as below:

14. Then go to your Xcode project. Open info.plist file (right click -> Open As -> Source Code), then add below code in your info.plist file.

<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleURLSchemes</key>
<array
<string>fb[your Facebook App Id that you will get in step 11]</string>
</array>
</dict>
</array>
<key>FacebookAppID</key>
<string>[your facebook App Id that you will get in step 11]</string>
<key>FacebookDisplayName</key>
<string>[your facebook App Name]</string>

15. Open your ViewController where you want to add Facebook button for login. Import “FBSDKLoginKit” and add below code in viewDidLoad() function.

// Creating an instance of facebook login button.
let loginButton = FBSDKLoginButton()
// Setting permission to facebook button.
loginButton.readPermissions = ["email", "public_profile"]
// Setting delegate of facebook button so that we can access the response we get from facebook after login.
loginButton.delegate = self
// Centering the facboiok login button and adding the button in main view
loginButton.center = self.view.center
self.view.addSubview(loginButton)

16. Add Facebook button delegate and the delegate methods.

17. To get the user details you need to add below code in func loginButton(_ loginButton: FBSDKLoginButton!, didCompleteWith result:

FBSDKLoginManagerLoginResult!, error: Error!) delegate method of Facebook button.

// If we get token in response, that means Facebook login is successfull. Below code is used to get user details after facebook login is successfull.
if((FBSDKAccessToken.current()) != nil){
FBSDKGraphRequest(graphPath: "me", parameters: ["fields": "id, name, first_name, last_name, email"]).start(completionHandler: { (connection, result, error) -> Void in
if (error == nil){
// Result will contain the user details that can be fetched.
print(result ?? "")
}
})
}

18. The Final code will look like below:

19. Run the project and use the button “Log in”. You will be logged into the Facebook. You will get the user details in “result” variable, from which you can parse the details into your project.

Summary

After following the above procedure, you will be able to implement Facebook authentication in iOS Apps.

Steps to use Google Authenticator App for 2 Factor Authentication for GoDaddy

AA free security programme called Google Authenticator helps guard your accounts against password theft. Two-factor authentication, which is available on popular sites including Gmail, Facebook, Twitter, GoDaddy and Instagram, is simple to set up and use.

The app (iOS/Android) generates a random code that is used to verify your identity when you log into various services. The Google Authenticator app offers an additional layer of security over simply sending the code to your phone through text message each time.

Step by Step Guide to Use Google Authenticator app for 2 Factor Authentication for Godaddy:

Install the 2-step Google Authenticator App for increased account security.

1. Install Google Authenticator App: https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator

2. Click on the + icon at the right bottom of the app screen. This would give you an option to scan a QR Code.

3. Log in to the Godaddy account of MorroCapital and goto: https://account.godaddy.com/security/

Recommended Read: iOS & PWA: Key Points Everyone Should Know

4. On the right bottom part you will see an option to ADD BACKUP. Click it.

5. It will take you to the next screen where you need to select “Authenticator App” as the option and click NEXT.

6. On the new screen it would show a QR code to you. You need to Scan that QR code with your Google Authenticator app (Step:2)

7. Then Click NEXT and it would ask you to fill in the code. Simply enter the code that is displayed in the Google Authenticator app and click Continue. Additionally, if the code is accurate, the app will be set up and you won’t need to rely just on SMS anymore. Although you can always use SMS as the authentication option while logging into the account.

In The End:

Passwords may be easy to guess or obtain in other ways. It is uncommon for the hacker to additionally have access to the user’s actual device because the bulk of attacks takes place online.

Knowband, an eCommerce plugin development company, offers the most sophisticated and automated way to expand your online business to mobile platforms. Using the Mobile App Builder, they can turn your complete website into a mobile app with features. Also, it enables the store admin to sell things on mobile devices in addition to the standard website. The app’s features and operation perfectly mirror those of the website and operate on both Android and iPhone devices. To know in detail about the eCommerce mobile app builder, reach out to us at support@Knowband.com

Tag: tutorial