In today's fast-paced digital world, user-friendly registration processes are crucial for attracting and retaining customers.

Simplifying user onboarding not only enhances user experience but also boosts engagement and satisfaction. This article explores a streamlined registration process designed to make onboarding effortless for your marketplace, ensuring a seamless experience for your clients.

To configure you need to create an account, in https://developers.facebook.com/

Once you have an account you need to find the "My Apps" option in the top of the page, click it and then click in the "Create App":

Then you need to select the "Consumer" option and then click to continue.
​

Then you need to go to "Settings" option in the left panel and click in the "Basic" option. Just fill up the requested information:

Please fill up these fields using this information

http//yourdomain.ordering.co/. Please in the second one use your custom domain like this
​

Recommendation: type the URL, instead of copy and paste

Is not necessary to explain these fields, they are just personal information. Please fill them for your security.

Click on "+ Add Platform" and select "Website" option. Then just click in the "Next" button.

Click on "+Add Platform" and select "iOS" option. Then just click in the "Next" button.

Then this information will appear, you just need to fill up the "Bundle ID" option. Please copy and paste the package bundle of your Ordering App, if you don't know it, please have a look into your builder, is on the Settings section, under the name "Package*"

Click on "+ Add Platform" and select "Android" option. Then just click in the "Next" button.

Then select Google Play, and click on the "Next" button.

Then just fill up these fields:

P06REiEMufbvSOrQ76OaICh4L50=
TwtQwSSbQbitJBrpdPuZwp56eaA=
KNhJ+X6VJU/FVwXiAV3fs1KGC7c=
wwaw8MEJvRZJY0UDqH1D5hg97ns=
nQDiV5o9r4uzoIMvN/xzEDi1QF4=

Xo8WBi6jzSxKDVR4drqm84yr9iU=

Leave active only the "Log In-App Events Automatically (Recommended)". This should look like this: u have

On the "Valid OAuth redirect URIs" section, have to use these texts below:

Note change "Your_Domain" for your custom domain, example: https://ordering.co/oathucallback.html

Finally save the changes.

Attention: To be able to do this step (enable FB Login on Live Mode) first the app should be live on the stores (Play Store - App Store).

Setup FB Login on Developer Mode (uses tests credentials to check that it works) and upload the apps on the stores.

Setup FB Login only on the website to enable the Live Mode and later when the app is live on the stores, finish the app setup and add the FB Login ID on the Ordering App (this means that is necessary to upload a new app version)

To complete the configuration about Facebook login only need to publish your app, please switch from Development move to live mode:
​

Write your App ID to finish your settings in the Facebook ID space inside your OrderingPlus Dashboard.

Also, be sure that the Facebook_app_name is the same as the one in the Facebook Developer Account. After this, you need to save.

The first thing we have to do is go to the account that we have in Firebase.

Here in Firebase, you click on Build and then Add Project.

After clicking on add project, this screen will appear, where you must give your Project a name.

PS: Make sure to change the ID/name for your Login, so you can use your brand's name

You click on the button that says: Select parent resource.

This button will select the parent resource where you want that project to be. 
And you click on continue.

In the next step, you must ensure that Google Analytics is Enabled for that project.

After clicking Continue, you will go to the menu (left side of your screen) and click on Project Overview, and the following screen will appear.

On this screen, you click where it says: Add App, and different options will appear; in this case, we will choose the Android option.

We will move on to our Ordering Dashboard since we need to extract some data.

In the Builder, we will select the project (app) that we want to have the Google Login.

And we are going to copy the Name and the Package.


It will also ask us for the SHA-1; this is obtained with a support agent; please contact [email protected], we'll help you.

When you click "Register App," it will give you a file you must download.

🚨 Very Important: Save this file because if you lose it, you'll have to do all the steps again. 🚨

To the following steps, click Continue.

In the next step, we will click on Authentication in the menu, and the following screen will appear.

Here we will click on "Get Started."

We will select the option "Google."

Here, we will only add the user's email.
​

If that option ain't showing, enable the "Google" sign-in method.

On this screen in Firebase, you will copy the code that comes in the part of WEB CLIENT ID.
​

We click the "Save" button, and the app we just uploaded will appear as Enabled.

We move to our Dashboard, and we are going to click on the following:

You'll find these settings in the Pro section:
​

In Google Settings, we will paste the code we copied in Firebase (Web Client ID) in the "Google Login ID" part, enabled Google Login, and save it.

Add the Web client secret from your firebase account to the General Google Client ID Services, and do the same for the Secret Services.

From this window, you will copy API KEY and AUTHDOMAIN; these are data you'll use later on your Ordering Dashboard.

Now let's go back to the Authentication module.

Click on Authentication (menu), Settings, and Authorized Domains.

Next, click on the "Add domain" button, and this part will appear; here, we will add our domain name and click on Add.

Create a new iOS app in the project dashboard.

Add the package of your app and a name ( the package must be the same as android)
​

The app store ID is optional.

Register the app and download the GoogleService.Info.plist

Then, to complete the configuration, press Next, Next, Next, and continue to console

​At last, enable Google Login, and that's it! Test it.

The first thing we have to do is go to the account we have in https://developer.apple.com/account/resources/certificates/list.



We will go to our Apple account, and the following screen will open, and we will choose the Certificates, Identifiers & Profiles option.

When you click on that option, a screen like the following will open.

We are going to select, from the menu on the left, the "Identifiers" option, and we are going to click on the blue icon with the + sign.

We select the option: App IDs and click on Continue.

On this screen, we will put the name of our App in the Description part, for example, "newtestingapporder" and the Bundle ID; an example would be "com.newtestingapporder.app."

We will select the option: Sign in with Apple and click on the button that says "Edit."

In the popup that will appear when we click on the Edit button, we will leave the option that seems to be selected, "Enable as a primary App ID," and we will leave the following field empty and click on Continue.

You can see the new App you added to the list.
​

Next, we have to add another identifier, only this time; it will be different; click + again.

But in this case, we will select the Services IDs option and click on Continue.

The following screen will appear; here, you must put a name in the description and an identifier and click on Continue.

When you click on continue, a screen will appear with information about the new Service IDs we have just registered.

You will click the option as it appears in the photograph.

On this screen, click on Register.

Select the Sign in with Apple option.

Click on Configure.

In the pop-up, select our app's name in the dropdown

In the following fields, put the domain name, and in the next one, the domain name + /login/apple/callback and click next.

P.S.: The second link must have "HTTPS://" before the domain, for example, "https://sourcedemo.tryordering.com/login/apple/callback".

A confirmation with data will appear, and you will only click on save.

Click on All Identifiers.

Click on the blue button with the + icon.

Write the name of the new key.

Choose the Sign in with Apple option and click on Configure.

Select the app that we registered in the dropdown.

And we are going to click on the Download button, and for that file that is downloaded, we will save it because we will need it later.
​

Go in your Ordering Dashboard inside your Products, and look for the Customer App.

And add this "Apple Merchant ID".
​
​PS: the ID most be on this format TEAM ID + APP identifier, example LXXXXXXXXF.com.demo.orders
​

Remember the file we downloaded a few steps earlier?

This is where you use it, we're going to go to our downloaded files (or where you downloaded the file), and we're going to open it.

When we open the file, we are going to do is delete the first and last lines. It will be something like this.

Later, we will convert those lines of code into just one line to look like this and copy it.

It's just removing spaces between one line and another.

Now, let's put everything in the settings inside your Ordering Dashboard.

The code that we converted into a single line, we are going to paste it where it says: Apple Private Key.

We will return to the Apple page, get in Keys, and click on the Key we created.

Let's copy the code from Key ID.

Paste this code in the field: Apple Private ID.

On the Apple page, we will click on Identifiers, look for the app we created, and click.

We will copy the Bundle ID code on this screen that appeared after clicking on the app.

We will paste that code into our Dashboard's Apple Bundle ID field.

Copy the Identifier from our Service ID.

Add it in the Apple Login ID.

Now all you have to do is set "Yes" in Apple Login, and your Customer App will show the Apple Login.

​Setting up Twilio for your marketplace involves a series of straightforward steps. Simply take all the information from your twilio account and paste it in your Ordering Dashboard.
​
​

Each of the fields in your Ordering dashboard has to be filled with twilio's dashboard information.

Twilio Account SID

The Account SID, which acts as a username

​Type again: Twilio Account SID

The Account SID, which acts as a username

​Twilio Auth Token

You can find the Auth Token in the Account Info pane of the Console Dashboard page.

​My Twilio phone number for SMS

You can find the SMS Number in the Account Info pane of the Console Dashboard page or in your purchased phone numbers.

​My Twilio phone number for calls

You can use the same one for phone calls and SMS messages.
​
​Enable Login with SMS OTP

Allow users to log in using SMS-based one-time passwords.
​
​Enable Signup with SMS OTP

Allow new users to sign up using SMS-based one-time passwords.
​
​Enable WhatsApp OTP

Enable sending one-time passwords via WhatsApp for user authentication.
​
​Twillio Whatsapp Number

This is the whatsapp number that every whatsapp message will get delivered from and every message is sent.

Once all this is configured, the selling tools will ask for a verification code before letting your users login or sign up.​
​

First, go in your dashboard en enable this feature.
​

After that is enabled, you'll see in your front-end products this new way to login or signup.

In this option, your clients only have to add an email, accept the terms and conditions, and click on the Get verify code button.

A code will be sent to your email (check your spam folder if it takes time to arrive).
Please enter it in this popup, and that's it; your registration will be finished.

Another option that our platform has is OTP by Phone. It works very similarly to email; the only difference is that instead of adding an email, you add a phone number.You will receive a message with the code.

​

Integrating various social login options in your OrderingPlus platform not only enhances user convenience and security but also boosts registration rates and user engagement. By providing multiple ways for users to sign up and log in, you cater to diverse preferences, ultimately leading to a more satisfying user experience and increased loyalty to your brand.