Author Archive

How to enable dark mode?

You can enable dark mode in Appearance → Colors

You will need to change manually background color of some sections on homepage in Elementor:

Important! Popup AJAX issue – 502 Bad Gateway

We’ve got several reports from users that they have problems with popup login form, all those issues happen on hosting that are using nginx server (this doesn’t happen or apache and other servers), we are not sure about the source of that problem, but in few cases the hosting providers have been able to fix it by either increasing  proxy-buffer size or by disabling/modifying ModSecurity to allow the ajax login call. If you are able to get help with your hosting provider, please contact them and describe that the ajax call ‘listeoajaxlogin’ is causing 502 Bad Gateway error.

If you are not able to resolve it, you’d need to temporary disable ajax login (Listeo Core -> Registration -> Login/Registration Form Type – set to Separate Page) until we figure out the proper fix for that.

If you have any feedback from your hosting provider about that please share with us as it might be helpful for us to came with a fix.

Sorry about any inconvenience caused by that.

iCal Synchronization

Listeo has an iCal synchronisation tool that allows you to import/export booking dates from your listing to exchange that data with 3rd party services.

You can add link to your listing ical file to for example airbnb and import your airbnb calendar to your listing in Listeo to avoid any risk of overbooking.  Reservations  dates of you your apartment in airbnb will be marked as booked in your listing in Listeo. This also works with any other calendar software that allows importing/exporting dates in ics/ical format.

How to set it up?

If you are using Listeo since version 1.3 it will be set for you by our Setup Wizard.

For users who upgraded from older versions, all you need to do is to create new page, name it iCal, set Page Template for that page (it’s in Page Attributes) to use Listeo iCal Output. Publish that page, and go to Listeo Core -> Pages, choose this page as your iCal page, it’s the last option on that screen.

How does it work?

Listeo runs w cron job that periodically (every 30 minutes) checks if your listing has any iCal feed imported, and if it does it imports all dates from those feeds to create a reservations in bookings table. This happens also immediately  if you add a feed, and if you delete the feed it removes all reservations added from that feed. Those reservations are not visible in your Bookings section, they are just stored in database to block available dates for your listing.

How to create Custom Field for listing and search by them.

In this tutorial I’ll show you how you can create a new field for you listing and how you can search by it.

First, create Custom Field.

Let’s got to your wp-admin -> Listeo Editor – Fields. Here are 6 tabs with grouped fields. Only fields from Service/Rental/Event tab are automatically displayed in listing above the content. For fields in other tabs you’d have to modify single listing templates to show that field using get_post_meta()

Ok, let’s add field to service type named “Color

and that should leave us with this options:

let’s say we want this field to be able to take multiple value, so change the Type to Multi Select.

In the Options table we’ll add the values for that select field.

please note the Name is what user will see, the Value is what will be saved in database, so try to not use any special characters for it.

With this new field defined, if we go to one of our listings in WordPress editor, we will see it as new field option:

Now let’s add it to Add Listing Form. Go to Listeo Editor -> Add Listing Form, scroll to section you want and click Add Field, and select the field we added

Click Save Changes at the bottom of the page, now edit that field again, if you want to make it multiple choice, make sure it’s set as this:

Now our Submit Listing form should present our new field:

The last step would be to make a filter from that field in the search forms. Let’s add it to sidebar search form. To do this, go to Listeo Editor -> Search Forms -> Sidebar Search tab, and from Available Searchable Elements in the right side, drag and drop the Colors field to the Main Elements. Save the changes, now edit the field again and make sure it’s set like on this screenshot


and here we go, working search form:

How to use mega menu?

Mega menu can be enabled by ticking “enable megamenu” option in menu item. Then you need to select how many columns your mega menu will contains – each column is basically a submenu.

How to remove pages from dashboard menu?

If you would like to hide some of the pages available in user dashboard go to Listeo Core → Pages and unselect page you want to hide by selecting “–Chose page–” from the dropdown then save changes.

What are recommended PHP configuration limits?

If you’re experiencing issues during theme installing or importing demo data via setup wizard and you see message like that: “Are you sure you want to do this? Please try again” please make sure that your PHP configuration is set at least as below:

max_input_time = 300
max_execution_time = 300
memory_limit = 258M
upload_max_filesize = 256M
post_max_size = 257M

How do I solve the CF7 “There was an error trying to send your message. Please try again later” error?

Step 1 – Your MX Record settings:

Go to your Bluehost cPanel. Under the Email section, you’ll see a link for MX Entry. Click it. As Aldrin points out, it’ll take you to a page titled DNS Zone Editor.

I’d stay away from most of the settings on this page unless you know you need/want to change something specific.

The section you want here is MX (Mail Exchange). This is the setting that tells the world (i.e. incoming emails) what server is going to handle your emails (so, in this case, you probably already have Gmail set up to handle your emails for your site).

Click the More button (it’ll expand so you can see and change settings).

You’ll see three options – Automatically Detect Configuration, Local Mail Exchanger, and Remote Mail Exchanger.

In Aldrin Mercado’s post, he says it should be currently set on Automatically Detect Configuration. I found my client’s option was set on Local Mail Exchanger. This was despite the emails being handled by Gmail (and they were working as well – before doing this, I tried setting up an email address on cPanel and wasn’t able to log in to that mailbox. Bluehost confirmed that was because the server was set for all emails to be handled by Gmail – seems logical).

Just as Aldrin suggested in his post, you need to change this setting to Remote Mail Exchanger. Then click the Changebutton just below the options (that’ll save the setting).

Step 2 – Creating an email address through cPanel:

Go back to the main page for cPanel on Bluehost, and go down to the Email section again. This time, click on Email Manager.

The fact you’re facing this problem suggests you have your emails being dealt with by Gmail, so you probably don’t have any email addresses set up.

Click Create an email account and set up an email. Aldrin suggested making an email address that’s close to the email address you’re currently using in your Gmail. It doesn’t need to be similar, just make it logical – something like – that way you’ll recognise the email address when the contact form emails come through.

Now that’s set up, keep the email manager page open.

Step 3 – WP-Mail-SMTP plugin:

The WordPress settings for WP-Mail-SMTP to get contact forms to work on Bluehost

Go back to your WordPress login, install and activate the plugin WP-Mail-SMTP.

Go to the settings menu for the plugin (it has its own settings menu inside the mail WordPress settings menu. Just hover over the Settings link on the left side, and you’ll see the WP-Mail-SMTP link to the menu.

I’ll only mention the options you have to change/enter.

From Email:

Input the new email address you created in the email manager (, or whatever you happened to choose).

From Name:

I don’t think this makes any difference to the end result, but put something logical here. I put ContactForm as the name, again so I’d recognise the emails when they started coming through.


The radio button for Send all WordPress emails via SMTP should already be selected – if it isn’t (and it’s on the PHP Mail()option) change it to Send all WordPress emails via SMTP.

Save your changes – I’m cautious like that.

SMTP Host:

You need to enter box??? (where the ??? is a 3 digit number, essentially the server that Bluehost actually stores your website/emails/information etc.). I found the easiest way to get this information is to try logging in to the email address we set up in the cPanel email manager a couple of steps ago (or whatever the email address is that you set up in the email manager).

To do this, go back to the email manager in cPanel (see the previous step if you’ve forgotten how to get there and have closed the page).

You’ll be taken to the webmail login page for Bluehost. Use the login details you set up for this email address. You shouldn’t actually be able to log into this email address (at least I wasn’t able to). However, when you try to log into the email address, the status bar at the bottom of your browser should say something like “waiting for…”. That is the 3 digit number you need (please note, that’s not actually the number for my client’s Bluehost server).

Enter what yours says into the SMTP Host box on the WP-Mail-SMTP settings page.

Update January 2019: A few people have mentioned, very helpfully, that you can find “box???” information in the CPanel/Bluehost Email Configuration section (where you’d go to find information on setting up your preferred email client such as Outlook or Thunderbird).

SMTP Port:

I set this to 465 (yours may already be on this). This setting is to do with the encryption type you select in the next option.


Set this to SSL (which is why you need to set the port to 465 above).


Set this to “Yes: Use SMTP Authentication”. You’ll need to enter the email address you created (your version of and the password to access it.

Click Save Changes.

Step 4 – The Contact Form 7 settings:

This is specific to Contact Form 7 as that’s what I was using, but if you’re using a different plugin there should be some similar options so you should still be able to follow along.

Go into the settings for your contact form in the Contact Form 7 menu. You should be presented with 4 tabs (Form, Mail, Messages, Additional Settings). Click on Mail.

Here’s what you need to enter:


Put in the email address that’s handled by Gmail (presumably the main email address for your business. For example, my main email address for me is This should still be, it’s just that Gmail handles the emails for you…


Put in the email address you created in Step 2.


As with the other steps, put something logical in here, like ContactForm.

Message Body:

Now, I’ve read elsewhere that Bluehost reads contact forms slightly differently (I don’t know if this is the case or not, and I don’t know if all host servers do this or not; I haven’t had a chance to test it, so if anyone does know then please let me know). I’ve been informed you must put “From:”, “Subject:”, and then “Message Body:” like this, inside the Message Body box:

From: ContactForm <>

Subject: [your-subject]

Message Body:

Message: [your-message]

Customer Name: [your-name]

Customer Email: [your-email]

Contact Number: [your-tel]

Once that’s complete, test your contact form! It should now send contact form emails to your Gmail address, from the email address you set up in the email manager in cPanel.


It took me a while to find Aldrin’s post. The steps that saved me seem to be the MX Record and setting up another email address in the email manager in cPanel.

As I said at the beginning, this is a very specific problem and it may be there are other ways around this. It may also be that there are some options (for example in Contact Form 7) that just aren’t necessary.

If anyone has anything to contribute to this, I’d be really grateful if you could leave some comments in the comment section.



Add Listing Form Editor

With our drag & drop editor fields can be easily added, renamed or re-arranged for each listing type (Rental, Service or Event). You can also create specific field for each listing type to show additional data, for example rooms in apartments, additional services informations, etc.

You will find drag&drop editor in Listeo Editor → Add Listing Form
and fields customizer in Listeo Editor → Fields

Data from newly created custom fields will be displayed in listing overview. Those fields will be also available in search forms editor so you will be able to create search form filters for your custom fields.