We’ve all been there.
Staring hopelessly at our computer screens with a ‘what now’ expression on our faces.
Sure googling for the next steps can help. But then you’re left trying to piece together bits of information to build a decent solution.
Things don’t always have to be this way. Especially when dealing with Listify setup!
We’ve done the piecing together of information for you, with simple to follow instructions, sans the developer jargon! 😀
I will guide you through:
And more… without importing the demo content.
Let’s dive right in!
Installing the Theme and Dependent Plugins
Now, I’m going to assume you have purchased the Listify theme and are ready with a fresh new WordPress installation.
Step 0, is installing and activating the Listify theme!
Once you activate the theme, you need to install the needed plugins.
What I would have appreciated after theme activation, would be an automatic redirect to a “Setup Guide” or “Welcome Page”. But that doesn’t happen, so don’t hold your breath for it. 😉
Just navigate to Appearance -> Setup Guide. Find the button ‘Install Plugins’ and click it. Don’t worry, the plugins do not get installed automatically; you are instead redirected to the Install ‘Plugins screen’. (Alternatively, you could directly head over to Appearance -> Install Plugins)
Liftify recommends 10 odd plugins to be installed. However, out of the plugins listed, WP Job Manager and WooCommerce are the only plugins that are required. The others are recommended but not required.
Instead of installing all the recommended plugins, I’d recommend you install only the required plugins to begin with.
With Listify, the listings are completely managed by the WP Job Manager plugin. So, let’s start by installing and activating the WP Job Manager plugin.
Setting Up WP Job Manager
WP Job Manager does provide a setup wizard, but Listify recommends you skip it, and manually create the pages.
Not a problem! Owing to the use of shortcodes, setting up the pages manually is pretty easy.
Creating Listing Pages
You need to create three pages:
- Submit Listing: Create a page named ‘Submit Listing’ and add the [submit_job_form] shortcode and publish the page. Do note: Submit Listing and Edit Listing pages are required only if you want to allow other users to add and manage their own listings.
- Edit Listing: Create a page named ‘Edit Listing’ and add the [job_dashboard] shortcode on it and publish the page.
- Listings: The Listings page displays submitted listings. To create this page, add the [jobs] shortcode on it, and name it Listings. Set the ‘Listings’ template for the page, and publish it.
Once the pages have been created you’ll need to update WP Job Manager settings.
WP Job Manager Settings
Just head over to Listing -> Settings. Here you’ll be able to adjust WP Job Manager settings according to your preference.
Now, you could leave the settings under ‘Listings’ and ‘Listing Submissions’ as default; however I would like to bring your attention to a couple of settings you might want to adjust:
Under Listing Submissions:
- Account Role: If you’d prefer the account role to be different, for example say ‘Owner’, then you’d have to change the value of this option.
- Listing Duration: If you do not want listings to have an expiration date, clear this field.
Under ‘Pages’ you will have to set the listing pages you have just created.
- Set ‘Submit Listing’ as the Submit Listing Form Page
- Set ‘Edit Listing’ as the Listing Dashboard Page
- And ‘Listings’ as the Listings Page
Remember to always save any changes made.
Setting Up WooCommerce
WooCommerce is used as the e-commerce cart on your listings website with Listify. Once again, Listify recommends that you do not use the setup wizard, and the reason’s the same. Since there isn’t a conventional store on your listings website, you probably do not need all the pages WooCommerce will create.
But instead of skipping the use of the on-boarding wizard altogether, here’s what I’d recommend. Just skip the first step, so that you do not create any pages. You can set the rest of the options as per your need.
Create My Account Page
Create a new page, add the WooCommerce My Account shortcode [woocommerce_my_account] on it, and publish the page. This page will allows users to login/logout from the frontend, and will also help them track their purchases/bookings.
We’ll not worry about creating a product at this moment. We’ll get to it in some time 🙂
Creating the Homepage
So, up until now, we were focused on the backend. Let’s move our attention to the frontend for a while.
Your listing website needs a super amazing homepage. But when building one, just make sure you do not ignore essential elements. By far the most important element is the search option. If you’ve noticed popular listing websites, this option is placed prominently right when the homepage is loaded. And you must’ve noticed the same on Listify’s homepage demo.
To create the homepage, create a new page and set ‘Home’ as the page template. You should be able to see the search option displayed on the page.
A great feature about selecting the ‘Home’ template, is that you can add additional sections as widgets under ‘Homepage’ widgets. For example, as shown in the Listify demo, you can add a category image grid, and recent listings.
Alternatively, if you wanted complete control on the homepage design, you could use a page builder plugin like Visual Composer and leave the template as default or set it as ‘Home (Visual Composer)’.
Now, once the page is ready set this page as the ‘Front Page’ under Settings -> Reading. Create another blog page and set it as the ‘Posts Page’.
Creating Menus & Footer
Listify offers support for four menu locations:
- Social (Footer)
The primary menu is the top navigation bar, and is the ideal location to add the login option (or the ‘My Account’ page).
The secondary menu is where your main menu items can be added. By default Listify adds the ‘Browse Category’ menu option to the secondary menu.
The tertiary menu is an optional menu, which can be displayed on certain pages using the ‘Show tertiary navigation bar’ option in Page settings.
This menu is displayed below the page title.
Adding Widgets to the Footer
The Listify theme provides a three column footer. You can head over to Appearance -> Widgets and add widgets under Footer Column 1/2/3 to display information in the footer.
The call to action right above the footer is also part of the footer and can be edited using an option under Appearance -> Customize -> Footer.
There are other options here too, that help you edit the copyright text and allow you to add an ‘As Seen On’ section.
Moving on to the most important section – Creating a Listing! 🙂
Listings are the focus of your website. But, before we jump to creating a listing, let’s create a listing category. This will save us the trouble of having to edit the listing after creating the category.
Creating Listing Categories
Creating listing categories is pretty simple. It’s just like creating categories for posts in WordPress. Go to Listings -> Listing Categories and add new categories.
Creating a Listing
To create a listing, go to Listings -> Add New.
- Add the name of the listing as the title
- Description about the listing in the post description
- Add the ‘Listing Data’,’Hours of Operation’, ‘Featured Image’
- Add images for the listing under ‘Listing Gallery’
- Categorize the listing under ‘Listing Categories’… and publish the post!
Your new listing should be created. Users of your site can create a listing from the frontend itself, using the ‘Submit Listing’ page.
Add Location Map
To add the listing location on the map, you need to add the geolocation coordinates to the listing. These coordinates have to be added as custom fields. For each field below, you have to add a new custom field:
- geolocated – set this to 1 (this indicates that an address is available)
You should get all of this above information by googling for the listing location. If you do not add this information, the location will not be marked on the map shown on the ‘Listings’ page.
Modifying the Listings Page
Now, we’ve already created the Listings page, and if you are happy with its appearance, good for you! But if not, here’s what you need to do! 😀
First things first, to display the map on your listings website, you’ll have to create and set a Google Maps Geocoding API key.
- Go to your Google Developers Console API Manager, and create a ‘New Project’,
- then go to Google Maps Geocoding API, and click ‘Enable’
Enter the generated API key on your WordPress website under Appearance -> Customize -> Listings -> Map Settings
You could optionally add additional elements in a sidebar on the Listings page, by adding widgets under Appearance -> Listings -> Listings Archive.
Creating Listing Packages
Now, if you head over to ‘Submit Listing’ page, you should be shown the submission form directly. But if you notice on the Listify demo page, there are ‘Purchase Packages’. These purchase packages are created as products in WooCommerce using the WC Paid Listings plugin.
- Go to Products -> Add Product
- Under Product Data, add ‘Listing Package’ as the product type
- Set the price, ‘Listing Duration’ (if applicable), and publish the product.
Customizing the Theme
Apart from customizing the theme’s background, there are tons of other options available to customize the look of the theme under Appearance -> Customize.
- You can change the color scheme under Style Kit, or set custom colors yourself
- You can change the typography, map color scheme, listing layout…. and so on
If you’re good with the default look, you can leave the theme customization settings as is. To customize the theme beyond the options available, such as creating custom templates for Listify, you’ll need to contact a theme developer.
Here’s a summary of the tasks you need to undertake as part of Listify theme setup:
- Install the theme and WP Job Manager and WooCommerce plugins
- Create Listing pages (Submit Listing, Listings, Edit Listing) with WP Job Manager shortcodes and update WP Job Manager settings
- Setup WooCommerce, and create the account page
- Create the Homepage using the template provided by Listify and add widgets as needed
- Set the primary, secondary menu
- Add footer widgets, and customize the footer as needed
- Create listing categories and listing packages
Surely, there are quite a few plugins (recommended by Listify) which you could use to add more functionality on your website. But let’s save all that discussion for another day. 🙂
For those of you who have used Listify to create their website, feel free to post any information that could be of help to our readers.
And for those of you, who need help setting up Listify, we would be more than happy to help you. Here’s how we can set up the Listify theme on your website. 🙂
You can’t deny Airbnb’s incredible popularity spurt. Since its launch in 2008, it grew to a $1 Billion company in merely three years. Today it contains over 800,000 listings in around 192 countries.
Airbnb has taken advantage of “sharing economy” – a trending business concept – and one which certainly holds space for more players.
“The next wave of opportunities in businesses will be companies that look at how we support the development of the sharing economy,” says Sundararajan a professor at New York University’s Stern School of Business.
– According to Entrepreneur.
If you’re thinking of setting up a local Airbnb type of business, it is – without a doubt – a great idea!
So, what does it take to convert that idea into a living breathing website like Airbnb? Could it be as simple as using WordPress and a directory theme?
Well, I don’t know about using just any directory theme, but a theme I can vouch for is- Listify.
(No I’m not an affiliate. And Astoundify hasn’t paid me to promote the theme. My evaluation is purely based on my own research and discussions with my WisdmLabs workmates who have first-hand experience working with the theme).
WordPress Directory Theme – Listify
If the long list of features does not convince you, the 4.5 rating, 3,000 purchases in less than 6 months, and 5-star reviews by WordPress community experts will surely catch your eye.
Listify is a top rated and popular directory theme. It’s compatible with several WordPress plugins (the WP Job Manager and WooCommerce plugins are required with the theme) and booking services as well. To add to this, Astoundify provides detailed documentation, and several hooks and settings to customize the look of the theme.
(You make like to read this detailed guide on how to set up the Listify theme)
The list can go on. But what makes the Listify theme a suitable fit to build a WordPress website like Airbnb are the basic features it provides. My top 5 are as follows:
#1 Paid Listings Support
It’s obvious, isn’t it? When you think of Airbnb, you think of bookings and listings. Listify, like any directory theme, allows you to create and add listings and listing types (to categorize listings). But, having the advantage of features provided by WP Job Manager and WooCommerce, you can also:
- Create and monetize ‘Featured Listing’
- Sell products through listings
- Create Bookable listings
- Create Listing Packages… and so on.
For every listing you create, you can add details about the location, add images and reviews, just like you would see on Airbnb.
#2 WooCommerce Integration
If you’re one of those who is thinking the plugin dependency is an overhead, it’s quite the contrary! WooCommerce provides you with numerous benefits. To begin with, you have a plethora of payment gateways at your disposal. You have the WooCommerce Bookings add-on which can be used to set up your bookable products (rooms, rentals are bookable products).
Another advantage is the WooCommerce Social Login add-on which similar to Airbnb, allows users to use social login during checkout or for the account creation process.
#3 Advanced Search Options
As you know, Airbnb offers a killer search option. Listify comes awfully close providing zip code-based searching and several filters based on tags. With the WooCommerce Bookings plugin, you can offer a calendar search option as well.
(If you’re hoping Listify provides the interactive map like Airbnb, it, unfortunately, does not. But with some custom development you can include that feature too).
#4 Bookmark Support
The wishlist feature in Airbnb is a lure for interested travelers. It provides them with an option to mark a listing they would want to book.
The bookmarking feature in Listify theme is similar to the wishlist feature. You can spot it easily on a Listify website, because it employs a similar heart-shaped icon to bookmark listings.
#5 Responsive Design
Airbnb’s exceptionally user-friendly interface displays seamlessly on mobile devices as well. And you would have the same experience if you used the Listify theme. No worries there.
The Listify theme provides you with an added bonus as well. The theme’s code is search engine optimized to make sure you’re website fares well in search results.
If there are any shortcomings, I’d say it was the Listify Theme’s tagline- “The last WordPress directory theme you will ever buy”. The theme is great. I love it. But that tagline
is lame needs improvement. But in fact, there’s genuinely no reason to keep looking for a different theme. The theme is cleanly coded, provides adequate hooks and filters (explained with code snippets in its documentation) to customize the theme. And with the latest update (v1.0.3) you now have color schemes for maps!
What more can you ask for?! 😀
If you need help with the Listify theme, you can contact our awesome team of Listify developers for any assistance.