docs admin – Page 15 – ListingPro Documentation

How do the Taxes work in the Payment Plans?

In some countries, it’s required that businesses working with an advertisement or any type of activity that connects the Business to the Customer offering an Online Service, should be paying a certain amount of fee.

If it’s your case and your country determines that you have to pay the taxes for the specific city, state, country…

Let’s us explain how taxes may help you in this process.

First, let’s header to the Theme Options > Payment Settings > Tax Settings

As we can see, if we define our Tax Rate as 5, the taxes will be added to every purchase of listing or campaign.

Here, we’re going to include our taxes attached to our Pricing Plans. Later, we’ll show the result without adding it into the Pricing Plans, just to notice the difference between them.

I’ve defined one of the Plan as $8 for 15 days, and the Taxes which was set to include in our Pricing Plans will show the total value as $8.4

See screenshot below

Let’s then buy this Basic Plan, and see which information does it sends back while proceeding with the Checkout Payment.

The result is pretty satisfactory, as you can see the taxes have been included directly in the Checkout Payment.

Now, let’s see the same activity without implementing it into our Pricing Plans. Let’s see how it’s going to give us the Taxes Details.

See screenshot below

As we can see, the Taxes weren’t included in our Pricing Plans. Now let’s see if the result of the Checkout Payment will remain the same or if it’s going to change something in the user-end.

As we can see, nothing has changed in the Checkout Payment, but the minor changes were only noticed in the Pricing Plans.

You can change the Tax Title and include a better description that describes the Taxes on the payments, and also, a good option is to include an FAQ explaining in detail these Taxes.

It’s very important to include some information when it’s regarding the Terms & Conditions of the Business Directory.

How to add 2 time slots in Listing Business Hours?

ACTIVATING 2ND TIME SLOT FOR SUBMIT LISTING

To include the 2-time slots into the Submit Listing, first, go to Theme Options > Listing Settings > Listing Submit & Edit

Enable the 2-time slots as shown in the image below

Click on Save Changes

In case if your business has a defined weekday that works for 24hours, just click on the box and hit on the + Button to set the working hour for the day as “Open 24hrs“.

ATTENTION

It’s recommended to use the 24H format instead of 12H format. Also, operational hours with your language translation, the weekdays should be translated correctly, without word contractions. Use the standard weekdays’ translation.

How to Configure the Mobile X App View Correctly?

Official Native app is now available learn more.

What’s the difference between Responsive View and Mobile X App?

The Responsive View is the usual method that we already know. Every page and behavior has within it the responsiveness in mind, allowing that every page fits on many different screens.
When you choose your layout as responsive, you’ll have all the page components being delivered accordingly with user’s screen. Whether it be on mobile, tablet, notebook or desktop.

Furthermore, the Mobile X App allows you even more. It not only fits on multiple screens, but it also behaves almost like a mobile app but on a mobile browser, it’s not a native app that needs to be downloaded. It allows you to create and customize your own homepage layout for your Mobile X.

Both are very similar and distinct at the same time, and below you’ll get to know how to enable the Mobile X App and the result that it’ll bring to your Mobile Directory.

First let’s go to the App View option, by following…

Go to Theme Options > Listing Settings > General

Here, we need to define the URL Page that we’re going to work on Mobile.

First go to WordPress Dashboard > All Pages and Create a new page

Add the URL page created and insert it into the App View, now scroll down and change the Style Slider as Style 2

Our new page, we’ve used ListingPro Visual Composer adding the following elements “Listing Categories, ListingPro Call to Action, Locations and Listing Entries“.

See the results below

Some more details…

You’ll have the flexibility to create your own customized page for your App View. Make some tests and see which Visual Composer Element will better fit into your business purpose. The Style Height set above is simply to define the Banner Image from our new App View Model.

ATTENTION

Remember to always create and customize your page and insert the URL into the required option for your App View

To fully test this functionality, it’s recommended that you open the URL into your own Mobile device or any website that offers native navigation. Some websites only offer a responsive view, and by this limitation, you won’t be able to check the final result of your pages.

How to Configure Twitter Login Correctly?

We’ve seen that some users somehow get lost while setting up the configuration to properly work with Social Media Logins.

So, before we get started, remember that for this step you have to be fully working with SSL. If you haven’t configured it yet, it’s recommended to conclude this step and then follow the steps below.

SSL is an important complement that should be added while setting up your Social Login. It’s recommended because we’re asking permission to get access to user’s credentials to conclude the account sign up. Please, if you have tried to include Social Logins before without SSL, revise your settings and include them where it’s requested

First Let’s start with the Twitter Login

Twitter

To start with, you have to go to the Twitter Apps page and Log-in with your Twitter Account

Let’s now create our Twitter App.

We’ll have a few settings to insert our Website details. For the Oauth Callback section, don’t forget to include your Button Address Link. The link should look like this: https://your-website/wp-login.php?loginTwitter=1 and you can find it going to your Website Homepage in the Singup popup. Copy the Link Address of your Button.

After creating your Application name, Description, and added your Website URL and the Callback URL, accept the Developer Agreement, and click on the Button to create your Twitter Application.

We’ll be redirected to our Application Panel, and here let’s click on Keys and Access Tokens

Copy and Paste your Consumer Key and your Consumer Secret into your Nextend Twitter.

Go to your Nextend Twitter Plugin and paste the codes for the Consumer Key and Consumer Secret.

Now, let’s see if our Twitter Login is working as expected. Let’s go to our Website Homepage and try to Signup using our Twitter Button.

Perfect! Everything is working as expected.

How to configure Google Login Correctly?

We’ve seen that some users somehow get lost while setting up the configuration to properly work with Social Media Logins.

First Let’s start with the Google Login

GOOGLE

To start with, you have to go to the Google APIs Console page and Log-in with your Google Account

Let’s then create a New Project to configure our Google+ Button. First, Go to your Google APIs Dashboard and Start a Project

Then, Let’s give a name to our project, simply to be easier to identify in case you’ve added more projects to your GoogleAPIs

After having defined your Project name, you’ll be redirected to your new Project Dashboard with some more options… Let’s enable the API and Services right above.

Now, let’s find the Social Login to our Google+ and enable it.

Click on the Enable Button

Now that we have enabled our Google+ API, we’ll have to create the credential to add to our Nextend Google

Set the API as followed below…

Click on the What credentials do I need?

Now, it’s time to define your API name, add your Website URL, and copy the link address of your Google+ Button on your Signup Homepage.

After adding these credentials, simply click to Create your client ID

Add your Product name that will be shown to your users and click on Continue.

You can add more customizations if you want to. In case of doubts always check into the APIs Documentation for more details.

Now, you can copy your Client ID and paste it into your Nextend Google. Click on the Done Button.

You’ll be redirected to your Credential Panel, where you’ll be able to manage more settings in your application.

Find your Client ID and click on its name…

You’ll get a full detail of your application, and here we’ll copy the Client Secret and add it to our Nextend Google

Go back to your Credential Panel and let’s verify our Domain in our application.

Insert the URL of your Website to verify your Domain.

Remember, if you haven’t verified your Domain in your Google Search Console, Click Here and verify your Domain.

After having done this, Let’s back to our Credential Panel and set our API Key.

Copy your API Key and paste it into your Nextend Google, and also, it’s recommended to restrict the key.

Follow the example below to restrict your API Key. After that, you can click on Save Button.

Now, let’s test our Google+ Login in our Website Homepage Signup and see if everything works as expected.

Remember that after creating your API Key and inserting the Restriction, it may take 5 minutes to take effect.

Perfect! Everything is working as expected.

How to configure Facebook Login Correctly?

We’ve seen that some users somehow get lost while setting up the configuration to properly work with Social Media Logins.

First Let’s start with the Facebook Login

FACEBOOK

To start with, you have to go to the Facebook for Developers page and Log-in with your Facebook Account

Let’s click on the Create App ID

Now on our Dashboard, simply copy the APP ID and APP Secret and paste it into the Nextend Facebook

Now, in the Settings > Basic we have a few more options that could be interesting to include in our APP, in case if you already have your Privacy Policy URL and Terms of Service URL, include them. Also, you can customize your APP and add an Icon and choose the Category.

For now, Let’s only add the Category that best represents our Website

After setting your Category, scroll down the page and click on the + Add Platform

At the + Add Platform choose Website and insert the full URL of your site (including HTTP or HTTPS and insert the / in the final of your URL) Click on Save Changes.

Now, insert the same URL into your APP Domains and Save Changes.

Remember that you can customize your APP with Icon, Terms & Privacy later on

Now, go to your App Review and make it Public. and Save the Changes.

Your APP will now have a green circle on the Dashboard.

Now, one of the most important thing to make your Facebook Login really work in your Signup Homepage, we should go to + Add Product and include the Facebook Login.

After clicking on the Facebook Login, select the Web option.

Check if your Website URL inserted at the beginning is correct, and go to the Settings of your Facebook Login.

Here, we’re going to add the button address to our Signup. Go to your Website’s Homepage, and copy the link address of your Facebook Button. The link should look like this: https://your-website/wp-login.php?loginFacebook=1

Add this link to validate the OAuth redirect URIs. After that, we’re ready to use our Facebook Login.

Our application is all configured and working.

ATTENTION

We haven’t covered all of the available settings, in case you want to include Icon, links to your Terms and Privacy, and to get users username, location, birthday, etc, you should go to your App Review, and Start a Submission. More advantaged settings should be accompanied by the Facebook Documentation to understand what others advanced settings are capable of and what it affects in your application.