What are the differences between demos – Classic, PlacesPro and RestaurantPro

FOR MORE NEW FREE AND PAID DEMOS VISIT OUR ADD-ONS STORE HERE.

Classic and PlacesPro both have different look and some layout difference. In this article I will demonstrate some differences between the Classic and PlacesPro version:

1. Installation
2. Homepage Layout
3. Listing Detail Page Layout
4. Header & Footer

Installation

a) Classic Version
By Default, if you insert the demo data then classic version will be installed.

b) PlacesPro Version
To setup the PlacesPro version please refer to the following link: How to setup PlacesPro demo into ListingPro?

c) Demo Layout
To check the layout for both versions please check our official demo links:

Classic Layout: https://classic.listingprowp.com

PlacesPro Layout: https://placespro.listingprowp.com

Homepage Layout

a) Classic Homepage:

STEP 1: Go to Dashboard > Pages > Home

STEP 2: Edit the Home page and apply WP Bakery (Visual Composer) elements as per your style. By default, the official demo will be installed.

 

b) PlacesPro Homepage:
If you want to make a homepage layout as like as our official demo of PlacesPro please follow these steps:

STEP 1: Visit the official demo link of PlacesPro.
STEP 2: Go to Dashboard > Pages > Home

STEP 3: Edit the Home page and change WP Bakery (Visual Composer) elements as per the demo styles.

If you are new to Visual Composer Elements please read the following article: ListingPro Custom Visual Composer Elements

Listing Detail Page Layout

Classic and PlacesPro both have different detail page layout in the demo. If you want to change the layout as like as the demo layout of PlacesPro then please follow these steps:

STEP 1: Go to Dashboard > Theme Options > Listing Settings > Listing Detail Page Layout Manager

STEP 2: Select the option ”Listing Detail Page Style 2” from the option called ”Select listing detail page Style”.
STEP 3: Change other relevant layout settings as per your choice.
STEP 4: Click Save Changes

Header & Footer

a) Header
STEP 1: To set header please go to Dashboard > Theme Options > Header > Header Layout

STEP 2: Choose a Header layout.
STEP 3: Click Save Changes

b) Footer
Classic and PlacesPro both have different footer layout in the demo. If you want to change the layout as like as the demo layout of PlacesPro then please follow these steps:

STEP 1: Go to Dashboard > Theme Options > Footer > Footer Layout

STEP 2: Choose the PlacesPro footer layout from there.
STEP 3: Click Save Changes

What is a courtesy Listing & how to get the listing ID?

Courtesy Listing usually indicates giving a credit to someone about something (e.g. image only) then you use this feature to highlight their listing as a courtesy of that banner.

To turn on Courtesy Listing:

STEP 1: Go to Dashboard > Theme Options > BannerSettings > Courtesy Listing On/Off

STEP 2: Switch the toggle to turn ON.
STEP 3: An new box will be appeared called Listing ID. So you need to get a listing ID as per your choice.
STEP 4: To get a listing ID go to Dashboard > Listings and choose any listing as per your choice then click on EDIT. Copy listing ID from the listing URL.
STEP 5: Enter copied ID into the Listing ID box.
STEP 6: Click on Save Changes button.

What are the supported Payment Gateways

 

If you like to integrate with any other payment gateways, we provide a developer-friendly payment hooks plugin [Click to Download] that will save time for a WordPress developer. For more guidance open a ticket with our support team.

The following Payment Gateways are supported as of now:

  • PayPal (Recurring Payment)
  • Stripe with (Recurring Payment)
  • 2Checkout
  • Direct Payment/Wire Payment
PayFast, PayStack, RazorPay, PayU India, Mollie, eWAY and Mercadopago are now available as premium add-ons for ListingPro. For more info go here.

 

For ADMIN: Enabling and Managing Gateways

PayPal Express

RECURRING PAYMENTS: YES

In this section, we will cover how to enable and manage PayPal from the backend.

Step 1: Go to Dashboard > Theme Options > Payment Settings > PayPal Settings

Step 2: In the PayPal settings page toggle the switch to Enable.

Step 3: Set the live mode from the Paypal And Checkout API option.

Step 4: Add your PayPal API Username, API Password, API Signature and Receiving Email.

For generating API keys please refer to the following article: Where to find the API Keys

Step 5: Click on the Save Changes button.

Stripe (Recurring Payment)

RECURRING PAYMENTS: YES

In this section, we will cover how to enable and manage Stripe from the backend.

Step 1: Go to Dashboard > Theme Options > Payment Settings > Stripe Settings

Step 2: In the Stripe settings page toggle the switch of Enable.
Step 3: Set the live mode from the Stripe And Checkout API option.
Step 4: Add your Stripe Secret Key and Publishable Key.

For generating API keys please refer to the following article: How to generate Stripe API Keys

Step 5: Click on the Save Changes button.

2Checkout

Recurring Payments is NOT supported and 2Checkout also does not work with Ads Campaign.

In this section, we will cover how to enable and manage 2checkout from the backend.

Step 1: Go to Dashboard > Theme Options > Payment Settings > 2checkout Settings

Step 2: In the 2checkout settings page toggle the switch of Enable.
Step 3: Set the live mode from the 2Checkout Mode option.
Step 4: Add your 2checkout Account ID, Publishable Key and Private Key.

For generating API keys please refer to the following article: Where to find the API Keys

Step 5: Click on the Save Changes button.

Direct Payment/Wire Payment

In this section, we will cover how to enable and manage Bank Wire Transfer from the backend.

Step 1: Go to Dashboard > Theme Options > Payment Settings > Direct Payment/Wire Payments

Step 2: In the Direct Payment/Wire Payment settings page toggle the switch of Enable.
Step 3: Enter Bank information inside of the Wire instructions for direct payment text box.
Step 4: Click on the Save Changes button.

 

How to configure URL structures correctly

After theme installation and importing demo data, it’s required to configure the URL structure under Permalink settings or else you will see a 404 error on the front-end.

STEP 1: Go to WordPress Admin > Settings > Permalinks

STEP 2: Choose the permalink structure which is good for you.
STEP 3: Click to Save Changes

You must also verify the URL configration under Theme Options > URL Config and assign the appropriate URL for Author page, Submit Listing page, Edit Listing page and Price plans page.

List of all the custom built elements for WPBakery Page builder

By using the ListingPro Custom elements for WPBakery (Formerly Visual Composer) you can customize the layout as per your needs. These custom elements will do a lot for your directory. In this article, we will extend the functionality of every element and its usage.

Click on any Element Title by Name to jump:

  1. ListingPro Columns Element
  2. Listingpro Promotional Element
  3. Listingpro Promotional Services
  4. Listingpro Promotional Timeline
  5. Listingpro Promotional Presentation
  6. Listingpro Promotional Support
  7. Listingpro Call to Action
  8. Listingpro Notification
  9. Listing Entries
  10. Client Testimonial
  11. Locations
  12. Feature Box
  13. Listing By
  14. Listing Posts
  15. Image Gallery
  16. Video Testimonials
  17. Blog Grids
  18. Pricing Plans
  19. Submit Listing
  20. Listing Checkout
  21. Listing Categories

ListingPro Columns Element

By using this element you can display content into 3 individual columns based on the content title and description.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

 

All Available Options (Fields)
There are following options available in the ListingPro Columns Element

  • Column Left Image
  • First Column Title
  • First Column Description
  • Second Column Title
  • Second Column Description

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

ListingPro Promotional Element

By using this element you can display a custom content block with title and description along with a button and hyperlink Sometimes it’s a perfect solution for promotional purpose and to refer new users by using a sing up or promotional button.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

All Available Options (Fields)
There are following options available in the ListingPro Promotional Element

 

  • Banner Left Image
  • Element Title
  • Element Description
  • Element Link Title
  • Element Link URL
  • Element Phone Number

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

ListingPro Promotional Services

This element can be used for the special promotional purpose. You can add Element Title and Element Description along with an image to display promotional content.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.
 

All Available Options (Fields)
There are following options available in the ListingPro Promotional Services element

  • Banner Left Image
  • Element Title
  • Element Description

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

ListingPro Promotional Timeline

By using this element you can showcase timeline based promotional content. You can add up to 2 timelines into every element. (e.g: Timeline Title, Timeline Description).

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

 All Available Options (Fields)

There are following options available in the ListingPro Promotional Timeline element.

  • Timeline Title
  • Timeline First Title
  • Timeline First Description
  • Timeline Right Image
  • Timeline Second Title
  • Timeline Second Description
  • Timeline Left Image

 

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

ListingPro Promotional Presentation

This is another promotional element which can be used to showcase presentation with title and designation or as per your needs.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

 All Available Options (Fields)

There are following options available in the ListingPro Promotional Presentation element.

  • Presentation Title
  • Presentation Short Description
  • Presentation First Title
  • Presentation First Designation
  • Presentation First Image
  • Presentation Second Title
  • Presentation Second Designation
  • Presentation Left Image

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

ListingPro Promotional Support

This element is especially used to display promotional contact info along with an image.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

All Available Options (Fields)

There are following options available in the ListingPro Promotional Support element.

  • Designation
  • Description

 

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

ListingPro Call to Action

This element is a must-have element for every site. You can create a beautiful Call to Action Button along with style, title, and description.

This is how it looks once you fill out all the details in the Visual Composer elements.

Frontend View (Call to Action with Button)

Frontend View (Call to Action without Button)

All Available Options (Fields)

There are following options available in the ListingPro Call to Action element.

 

  • Select ListingPro Call to Action Style
  • Call to Action Title
  • Short Description
  • Button Text
  • Button Link
  • Phone Number

 

We have filled in all the details below to achieve the result you see in the above screenshot.

Backend View (Call to Action with Button)

Backend View (Call to Action without Button)

ListingPro Notification

By using this element you can display notifications along with images.

 

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

All Available Options (Fields)

There are following options available in the ListingPro Notification element.

 

  • Notification Image
  • Notification Title
  • Select Notice (Success or Failed option available in the dropdown)
  • Notification Description
  • Icon with description
  • Notification Description
  • Redirect to Page (You can redirect to any page. Page list will be visible as a dropdown to choose)

 

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.
 

Listing Entries

This element is used to display category based listings on the homepage. Simply select the number of listings that you want to show on the homepage and click Save Changes button.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

All Available Options (Fields)

There are following options available in the Listing Entries element.

  • Posts per page

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

 

Client Testimonial

This element is used to display testimonial of clients with an image.

 

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

 

 All Available Options (Fields)

There are following options available in the Client Testimonial element.

  • Testimonial Style
  • Client Name
  • Client Avatar
  • Testimonial Content
  • Designation

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

 

Locations

This element is used to display locations as Abstracted, Boxed or Grid view on the homepage based on the ASC or DESC order. All available location list will be visible inside of the element’s backend settings page. You can choose which location will be visible on the homepage or not.

 

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

All Available Options (Fields)

There are following options available in the Locations element.

  • Category Styles (Abstracted View, Boxed View, Grid View)
  • Select location (All available saved locations will be visible as multi checkbox list under this menu)
  • Order (ASC, DESC)

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

 

Feature Box

It’s a feature box element. You can display key features by using this element with 2 different styles.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

(Style 1)

(Style 2)

All Available Options (Fields)

There are following options available in the Feature Box element.

  • Feature Image
  • Title for Description
  • Sub Title for Description
  • Feature Image
  • Description about this element
  • Button Link (1)
  • Button BG Image (1)
  • Button Link (2)
  • Button BG Image (2)

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

(Style 1)

(Style 2)

Listing By

Listing By is an exceptional element to display Listings By Category, By Location, By Location & Category, Recent etc order as Grid View or List View.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

List View

Grid View

All Available Options (Fields)

There are following options available in the Listing By element.

  • Listing Options (Dropdowns: By Category, By Location, By Location & Category, Recent)
  • Listing per page
  • Listing Layout (List View/Grid View)

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

List View

Grid View

Listing Posts

It’s an exceptional element to show the number of listings on the homepage. It’s simple but similar to the Listing By element. You can display listings as List View or Grid View. Grid View has two different styles (Grid Style 1 & Grid Style 2).

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.
List View

Grid View (Grid Style 1)

Grid View (Grid Style 2)

All Available Options (Fields)

There are following options available in the Listing Posts element.

 

  • Listing Layout (Dropdown: List View/Grid View)
  • Posts per page (Dropdown: 3 Posts, 6 Posts, 9 Posts, 12 Posts, 15 listings)

 

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

List View

Grid View (Grid Style 1)

Grid View (Grid Style 2)

You can display multiple images as an image gallery into the homepage as per your uploaded image size.

 

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

All Available Options (Fields)

There are following options available in the Image Gallery element.

 

  • Images for gallery

 

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

Video Testimonial

It’s a great element to display video testimonial on the homepage. You can add video preview image, video URL (Youtube URL, Vimeo, Dailymotion or similar sites that supports WordPress) along with Testimonial title, Author name, Author avatar along with testimonial content.

 

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

All Available Options (Fields)

There are following options available in the Video Testimonial element.

 

  • Video preview Image
  • Video URL
  • Testimonial Title
  • Author name
  • Author Company
  • Author Avatar
  • Testimonial Content

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

Blog Grids

By using this element you can display blog posts as grid or masonry style as per any specific category or for all category.

 

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

Blog Grid

Blog Masonry

All Available Options (Fields)

There are following options available in the Blog Grids element.

 

  • Select Blog Element Style (Blog Grid, Blog Masonry)
  • Category

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

Blog Grid

Blog Masonry

Pricing Plans

This element will display pricing plans in two different styles. List of all available pricing plans will be displayed automatically one by one as per your settings as Horizontal or Vertical view.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

Horizontal

Vertical

 

All Available Options (Fields)

There are following options available in the Pricing Plans element.

 

  • Title
  • Subtitle
  • Pricing plans views (Horizontal View, Vertical View)

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

Horizontal

Vertical

Submit Listing

This element is used to insert Submit Listing page.

Frontend View

For frontend view please check the demo submission page: https://classic.listingprowp.com/submit-listing

All Available Options (Fields)

There are following options available in the Submit Listing element.

  • Title
  • Subtitle

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

Listing Checkout

This is a checkout element and used to display checkout page.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

 All Available Options (Fields)

There are following options available in the Listing Checkout element.

 

  • Title
  • Bank Transfer Image
  • Stripe Image
  • Paypal Image
  • 2 Checkout Image

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

Listing Categories

This element is used to display listings as Abstracted, Boxed or Grid view on the homepage. You can choose which category will be visible on the homepage or not.

Frontend View

This is how it looks once you fill out all the details in the Visual Composer elements.

Abstracted View

Boxed View

Abstracted & Boxed View

All Available Options (Fields)

There are following options available in the Listing Checkout element.

 

  • Category Styles (Abstracted View, Boxed View, Grid View)
  • Select Category (All available saved categories will be visible as multi checkbox list under this menu)

Backend View

We have filled in all the details below to achieve the result you see in the above screenshot.

 

How does Recurring Billing works in ListingPro

Recurring (Subscription) payment option only works with Stripe, PayPal, and PayStack.

To enable & manage recurring billing based subscription in ListingPro please follow the below steps:

FOR ADMIN: Enabling Recurring Billing

FOR ADMIN: Listing Subscription Management

FOR LISTING OWNER: Listing Subscription Management

 

FOR ADMIN: Enabling Recurring Billing

Before enabling recurring option you have to create a paid pricing plan.

 

STEP 1: Go to Dashboard > Pricing Plans > Add New Price Plan

 

STEP 2: Create a new price plan and choose Select Package Type > Pay Per Listing while creating the price plan.

 

 

It is applicable for Pay Per Listing type only. So it’s required to choose ”Pay Per Listing” as the type of price plan. Otherwise, the recurring option will not be visible on the checkout page.

STEP 3: Complete rest of the options and click Publish

STEP 4: Now enable recurring option from Theme Options > Payment Settings > General > Enable Recurring Payment > Yes

STEP 5: Enter the no. of days inside of the Notify User Before box. The user will be notified of every recurring billing amount before being charged prior to the number of days.

 

 

STEP 6: Go to Theme Options > Payment Settings > Stripe Settings and enable stripe as Live mode. Insert Stripe Live Secret Key and Live Publishable Key.

 

 
To generate the Stripe API Key please check the following article: How to Generate Stripe API Keys

If everything is configured correctly then recurring billing option will be visible as per the screenshot is given below:
 
 

FOR ADMIN: Listing Subscriptions Management

When a user will use Stripe payment method with the recurring option and processed transaction successfully, a generated invoice will be sent to the user email. Transaction details will be available in the backend Subscriptions page. Admin can manage subscriptions from there.

 

 

NOTE: Recurring billing subscriptions will only happen if the recurring option is checked during the listing subscription with payment.

FOR USER: Listing Subscriptions Management

If a user has a subscription, it will be shown on the user dashboard under “My Subscriptions” tab. There will be available a list of all active subscriptions running by the user. A customer can stop subscriptions from their dashboard. Admin has also the power to cancel subscriptions of any user at any time through the admin panel.

To manage subscriptions:

STEP 1: Go to frontend user Dashboard > My Subscriptions

STEP 2: Refer to the Action column and click Unsubscribe.

 

NOTE: To cancel any subscription, firstly it’s required to unsubscribe it from your dashboard before removing subscriptions from stripe account.

 

 

Recurring option is not available for ad campaigns. Because it’s optional to activate ads after a period, but listings have to renew after a period.

NOTE: For claims, no payments methods are involved yet, but for package upgrades/change invoices are generated. Please keep in mind that on admin panel, it will show only those subscriptions which are paid by users through this particular site.