Skip to content

Mobile Application

The Listdom Mobile Application plugin bridges your Listdom directory with a companion mobile app. If you have purchased the Listdom mobile application, this plugin is included and lets you customize the app’s content and style directly from WordPress. You can adjust the app’s branding (logos, colors), decide which pages and features to include, and ensure the mobile experience aligns with your website. Essentially, the plugin connects your site to the app and provides all configuration tools.

These settings control high-level app functionality and integration:

If your directory app uses map views (for search results or on listing pages), you can toggle and configure it here. Search Results Map is a master switch to enable a map on the app’s search results screen. Turn this on to give app users an interactive map alongside listing results. Once enabled, a subsection appears with map options:

  • Map Provider: Choose which map service the app uses (Google Maps or others). Google requires providing an API key (which you’d likely have set in the website already). Alternatively, the app can use open-source maps if supported.
  • Map Style: For Google Maps, you can select a custom map style (JSON style code) to match your branding. This can make the map dark, light, etc., to fit your app theme.
  • Clustering: Enable map marker clustering on the app. When on, close-by listings will group into cluster bubbles. If clustering is on, you can pick a cluster image style (bubble icons) from a dropdown.
  • Map Search: A very handy feature, when enabled, users can filter listings by moving the map. The app will load listings visible in the map’s viewport; as the user pans or zooms, the list updates to those in the new area.
  • Map Limit: Sets the maximum number of listing markers to show on the map at once. Default 300 is fine; you might lower it for performance or raise if users demand it (caution: too high can slow the app).

Your mobile app can use a special Global Search Form and also support category-specific search forms. In this section, you choose which of your Listdom search forms the app should use:

  • Global Search Form: Select one of your pre-built search forms to be the default in the app. For example, you might have a form with keyword + category + location filters; choose it here.
  • Per-Category Forms: Below the global form, you’ll see a list of all listing categories on your site. For each category, you can assign a different search form. This is powerful, e.g., a “Real Estate” category might have a form including price range and bedrooms filters, whereas “Jobs” category might have salary and job type filters. If you leave a category’s form as “Show Global Form” (the empty selection), the app will just use the default global form for that category.

All these forms should be created in the Listdom Search Forms builder beforehand so they appear in the dropdown.

By tailoring search forms per category, the app delivers a context-aware search experience for users, which is crucial on mobile where screen space is limited. They’ll only see relevant filters for the category they’re browsing.

If you want your app users to not only browse but also submit and manage listings, you can enable that here. The Listing Management toggle controls whether the app shows user dashboard features for adding/editing listings:

  • When ON (default), logged-in users on the app can access a dashboard to add new listings, edit their existing ones, and view their submissions.
  • When OFF, the app becomes read-only for listings (great if your directory doesn’t allow front-end submissions or if you want the app to be consumer-only). The “My Listings” or “Add Listing” sections will be hidden in the app.

Even with it on, you still control user permissions via Listdom and WordPress roles. This setting just hides or shows the interface in the app accordingly.

This section is all about making the app reflect your brand identity:

You can upload two versions of your logo:

  • Light Logo, used on dark backgrounds (e.g., if your app header is dark, a light version of your logo will display clearly).
  • Dark Logo, used on light backgrounds.

Typically, these are just color variations of your logo (white text vs. dark text, etc.). Use PNG or SVG with transparency as needed. The recommended aspect ratio is 1:1 (a square logo), as this fits best in the app’s layout.

The Header Image is a prominent image shown at the top of certain app screens (like maybe the Welcome or main dashboard). It’s often a wide banner. For example, in a real estate app this could be a skyline photo behind a search bar. You can upload a header image and the plugin will use it in the app’s design. Ideal ratio is 3.5:1 (width:height), a wide, short banner.

The plugin lets you customize the color scheme of the app to match your branding:

  • Primary Color, generally used for buttons, highlights, and active elements (default #33c6ff, a teal blue).
  • Secondary Color, often used for secondary buttons or accents (default #1352f1, a deep blue).
  • Background Color, main background (default #ffffff).
  • Light Background Color, used for cards or secondary sections (default #ddf5ff, a very light bluish).
  • Text Color, primary text (default #000000).
  • Text Light Color, secondary text or placeholder (default #7c7c7c).

All these appear as color pickers in the settings. Simply click and choose your brand colors. The app will apply them to its UI: for example, your Primary Color might become the color of the header bar or your action buttons.

With the right combination of logos and colors, you can make the Listdom app look like a natural extension of your brand.

The mobile app comes with built-in pages such as Welcome, About, Terms of Use, and Privacy Policy. The plugin gives you control over what content appears in these pages, and some layout options.

The welcome or onboarding screen is typically the first thing new users see. You can customize:

  • Logo Type on Welcome: Choose whether the welcome screen should display your Light Logo or Dark Logo (depending on the background of the welcome screen).
  • Display Welcome Text: Toggle on/off the welcome message text. If on, the app will show a tagline or greeting (e.g., “Welcome to MyDirectoryApp!”). If off, it might just show the logo.
  • Welcome Images: You can supply up to three slideshow images for the welcome/tutorial screens. Many apps have a carousel of a few images on first launch, highlighting features. Here you upload “Picture 1”, “Picture 2”, “Picture 3” which could be things like an image of the app in action, a cityscape, or anything that communicates your app’s purpose. The recommended ratio is 1:2.2 (portrait-ish). If you only upload one, likely the app will just show one image.

All these settings let you craft a great first impression. For instance, you might turn on welcome text and set it to “Find the best places around you” (the text would be set in the app’s language files or a default phrase).

The app’s About page typically contains information about your company or app and contact info. Configuration includes:

  • About Image: An image at the top of the About page, ratio 1:1 (square) recommended. This could be a team photo, logo, or any graphic.
  • About Text: A rich text field for your “About us” content. You can enter a couple of paragraphs describing your directory, mission, support info, etc. (Line breaks and basic formatting are supported).
  • Contact Section: A toggle to show or hide a “Contact Us” section on the About page. If on, the app will display contact fields like phone, email, address, and social media links.

When Contact Section is ON, you’ll see fields to fill in contact details. The plugin provides a set of contact fields (phone, email, address, YouTube, Telegram, Instagram, X (Twitter), Facebook, Pinterest, WhatsApp, TikTok). You can enter values for whichever apply. If you leave some blank, they simply won’t show up.

  • Map Section: Another toggle “Display Map” on About. If ON, you can provide a latitude and longitude, typically your business’s location. The app will show a small map pinpointing that location on the About page (maybe for your headquarters or service area). If your directory is global, you might not use this; if it’s a local directory, showing a map of your office or coverage area could be nice.

With these, your About page can be as detailed or simple as you want. At minimum, fill in some text about your app, and perhaps an email or phone so users can reach support.

It’s important for any app to present Terms and Privacy info. The plugin has separate sections for each:

  • Terms of Use Image: Header image on the Terms page (1:1 ratio recommended).
  • Terms Content: A text area to paste your Terms of Service text. You’ll likely want to copy in the same terms you use on your website. Users can scroll through this in-app.
  • Privacy Policy Image: Header image on the Privacy page (also 1:1 ratio).
  • Privacy Content: Text area for your Privacy Policy text.

These pages are usually static and only need to be set once, unless you update your policies. Make sure the content is user-friendly on mobile (short paragraphs, maybe bullet points). The images are optional, they just add a visual flair (for example, a lock icon or a document graphic for Privacy, etc.).

The plugin even lets you customize the login/signup screens of the app to some extent:

You can set a custom background graphic for the login/register screens. This could be an inspiring photo or just a branded background. Ratio ~1:2.2 recommended (similar to welcome). If not set, a default background or color is used. A well-chosen background here makes your sign-in page more inviting than a plain form.

Instead of hard-coded headings, you can provide your own copy:

  • Login Title & Text: By default, it might say “Login” and “Welcome back!” You can change the title (e.g., “Sign In”) or the subtitle text (“Log in to continue finding great places.”).
  • Signup Title & Text: Default might be “Create Account” and “Create an account to enjoy more!” You could personalize the welcome message for new users.
  • Forgot Password Title & Text: Default might be “Reset Your Password” and “Enter your email to get a reset link.” You can tweak phrasing if needed (but these are usually fine).

In the settings UI, you’ll see each of these in a list with labels “Login”, “Signup”, “Forgot Password”. For each, you have a field for the Title (single line) and Text (textarea for a short sentence). If you leave them unchanged, the default strings (which are already user-friendly) will be used. If your app’s language is not English, you’d definitely want to set these to your language here.

By customizing these, you ensure the tone of the app matches your brand. For example, a playful app might say “Let’s get you in!” instead of “Login”.

If your website has a blog or news section, you can optionally make those posts accessible in the app:

The Blog toggle in settings controls this. Turn it ON to activate a blog section in the app menu.

When ON, you can set whether to show comments on posts and allow commenting:

  • Display Comments: If enabled, users viewing a blog post in the app can see existing WordPress comments under it.
  • Add Comments: If enabled, the app will show a comment form, so users can submit new comments on the post (they would need to be logged in, just like on the web).

If the blog is off, none of this appears in the app.

For many directory apps, having a blog might not be necessary. But if you publish news (say, community updates, guides, or announcements), this lets your app users read those without leaving the app.

By default, when Blog is on, the app likely adds a “Blog” item in its menu which lists recent posts. The Display/Add comment settings mimic your website’s functionality. If your audience is active, allowing comments in-app can boost engagement. But if you foresee low usage or want to keep things simple, you might turn off commenting in the app (they can always comment via the website).

Branded App for City Directory: A city guide uses the Mobile Application plugin to white-label their app. They upload a skyline image as the welcome background and set the Primary Color to their brand orange. The result? Users opening the app see a beautiful welcome carousel with local images and a tagline that says “Discover [CityName]”. The app feels unique to the city, not a generic template, thanks to the branding settings.

Seamless User Onboarding: The plugin’s auth text customization is used to make the tone friendly. Instead of “Create Account”, the app says “Join our community” on signup. Small tweaks like this, done via the auth settings, improved signup conversion because users felt the app was more personable.

App Blog for Announcements: A directory app decides to enable the Blog section to share tips and announcements (e.g., “Top 10 Restaurants this Week” or app update news). With the Mobile Application plugin’s blog toggle, they include these articles in-app. Users start reading content, commenting on their favorite places, and staying longer in the app, boosting overall engagement.