This custom real estate site for Corr Commercial Advisors focuses on commercial real estate, using the IDX feed from the Multiple Listing Service to allow visitors to browse and search for commercial properties using either a form or a map. Registered and logged-in visitors can save their favorite properties and favorite searches, and can elect to receive notifications when new properties are listed that match their search criteria.

• Corr Commercial Advisors

The site is fully responsive to display nicely on a smart phone, a tablet, a laptop or a desktop computer. Backstretch image are used on the home page that resize automatically for the user’s screen size.

• Blue Water Surf School

Charlotte Harbor Boat Storage is a dry storage facility in Placida. They needed a website with a mobile responsive structure and a nautical theme at an affordable price.

• Charlotte Harbor Boat Storage

It’s clearly designed to panic the recipient into clicking the link by making them think their email will be cut off. I’m not sure what will happen if one clicks that link, but I’m quite sure it will not be good. This is either a spam or a scam, or possibly both.

Notice, when I hover my mouse over the link, where the link leads to. My client’s email is not hosted with filling.conwaydirect.net:

Be careful out there, folks. The internet is not always a friendly place.

First, note that the validator checks for configuration settings that can cause problems in some hosting and mail environments, usually as a result of anti-spam/anti-scam email settings. Just because an error is reported, it doesn’t mean that your form won’t work. The validator does nothing to your form. If it worked before, the likelihood is that it still works. But be aware that if the mail server that handles your Contact Form 7 emails is changed to use stricter mail policies, your form could stop working. So it’s a good idea to pay attention to any reported errors and fix them.

This email address does not belong to the same domain as the site

The most common error I’ve encountered so far is “This email address does not belong to the same domain as the site.” See the image below:

This means that the email address used for the From: field is set to a different domain than the website on which the form is used. When creating a new contact form, it’s common to put a tag for the user’s email (as they entered it in the form itself) as the From address. But many email providers and email programs flag as spam any email that’s coming from a different domain than the domain in the From field.

For example:

A person named Jane Doe, in filling out my contact form, enters janedoe@example.com as her email, which has the input name “your-email.” The Contact Form 7 “Mail” settings use [your-email] as the From address. Contact Form 7 would use that to plug in janedoe@example.com as the From email address. But the email is actually being sent to me from the mailserver for tropicalwebworks.com. This could result in a delivery failure if the mail server and/or email program settings consider that only email from tropicalwebworks.com should be sent out from tropicalwebworks.com. So I should put something like noreply@tropicalwebworks.com as the From address.

But but but……. if I use that as the From address, then when I receive Jane’s email, I can’t just hit “Reply” to get back to Jane, because the reply would go to noreply@tropicalwebworks.com.

The fix for this is easy. You simply add Reply-To: [your-email] or Reply-To: [your-name] <[your-email]> in the Additional Headers field in your mail settings.

When you set up your Contact Form 7 form like this, then when you hit “Reply” in your email program, the reply will go to the user’s email address, not to yourself, AND you avoid tripping anti-spam triggers.

This field can be empty depending on user input

Another common error is “This field can be empty depending on user input.” See the screenshot:

This error often appears for the Subject: field, and it happens when the form contains a field for the user to fill in a subject but doesn’t make that field required. The fields To:, From:, and Subject: must contain something. Additionally, the “Message Body” should generally not be left blank either, but it’s not as critical as the other fields. This particular error is easily fixed by adding an asterisk in affected form field to make the field required, like so:

This field has syntax errors

The most head-scratching error that I’ve encountered so far is “This field has syntax errors.” See the screenshot:

Finally, I noticed something. In the form itself, the email field in the offending form was [text* your-email]. In the forms without configuration errors, the email field was [email* your-email].

So, it turns out, the solution to the mysterious syntax error message is to make sure that the email field is designated as an email field, not as a text field.

I’ve been digging deeply into WordPress over the past few years, learning how to integrate custom programming and database functions into the WordPress framework. The biggest challenge for me was figuring out how to do complex things like allowing visitors to search the MLS database of real estate for sale. This involves first displaying a search form, then having that form submission result in a search of the MLS database for properties matching the criteria in the form, then displaying the search results (with pagination), with each listing containing a link to a details page for that listing. And then the details page has to pull the listing’s details from the MLS database and display all the details. And all the photos.

And to make it more complicated, my real estate clients also need to be able to display MLS listings on pages based on pre-defined searches — for example, all the single-family homes for sale in Punta Gorda that are on the water and have a pool, or all the condos in Port Charlotte under $200,000. My real estate clients are Realtors, not website programmers, so that part had to be easy for them. I’ve learned that making complex things easy can sometimes be harder than doing the complex thing in the first place.

It turned out that once I got my head around how WordPress’s shortcodes work, it wasn’t that hard. Tedious, yes, but not that difficult.

Here’s what a Realtor might put on a page to show single-family waterfront homes in Punta Gorda with a pool:

[showlistings city="Punta Gorda" proptype="SFH" waterfront="y" pool="y"]

Simple enough for almost anyone. Behind the scenes, it’s a bit more complex. When WordPress sees that shortcode in a page or post, it triggers a whole pile of code that searches the MLS database for properties meeting those search criteria and displays them on the page. And triggering that code isn’t particularly difficult.

First, I register the shortcode with WordPress in the functions.php file — identifying the name of the shortcode (in this case, “showlistings”) and the php function that will be triggered by that shortcode. It looks like this:

add_shortcode( 'showlistings', 'getMLSListings' );

Then I add the php function that finds out what search criteria were used in the shortcode, searches the database for properties matching those critera, and displays matching listings on the page. That function looks like this:
function getMLSListings($atts) {
(Hundreds of lines of code here to read the attributes of the shortcode, search the database, and display the listings)
}

First the function checks the attributes ($atts) of the shortcode to find out that the shortcode says “Punta Gorda” for city, “SFH” (which stands for single-family homes) for property type, “y” for waterfront, and “y” for pool. Then using those criteria, it builds the database query, connects to the database, runs the query, gets the links for the photos, and outputs the whole shebang to the WordPress page.

From my pre-WordPress days, I already had code written to search the MLS database and display the listings. It needed changes to make it display nicely within WordPress and to bring it up to date by making it mobile-responsive, but that wasn’t too terribly difficult.

Also, since I keep the MLS listings in a whole separate database from the WordPress site’s database, I had to learn how to access a different database from within WordPress. Prior to that project, I had never previously had to access two different databases within one site. But I have found over the years that I can learn just about anything from Google University. I love the internet, I love Google, and I love all the people out there who write all those helpful tutorials and informational articles that help me find out what I need to know.

I’ve recently had to set my sights on javascript and learning to integrate custom javascript and jQuery within WordPress. That’s a whole ‘nother kettle of fish. I’ve never been a javascript master, and it’s taken me a lot of effort to figure out how to do various things with javascript & jQuery. But that’s a topic for another day.

This is the result of a [showlistings] shortcode:

Long after my website began looking outdated, I have finally created a new and improved Tropical Web Works site! The old saying is often true that the cobbler’s children have no shoes, because the cobbler is so busy making shoes for his paying customers that he has no time to make shoes for his own children.

I’ve been moving toward using WordPress for most of my clients’ sites. This site itself now runs on WordPress, using a carefully selected set of plugins, such as SuperCache to speed up the site, some spam-prevention plugins, a backup plugin, and several others.

I used the Agency Pro child theme with the Genesis framework. It’s no secret that I’ve long been a fan of the StudioPress Genesis themes, and I’m diggin’ this theme. I have a “splashy” home page without the long wait and search engine penalties of a Flash/splash page. It’s easy to highlight my recent client work. The site is fully responsive so that it displays nicely on smart phones, tablets, laptops, and big desktop screens. It takes advantage of some of the newest CSS and HTML properties.

And… with any luck… it will encourage me to practice what I preach. I tell my clients to keep their sites updated — but I don’t. I tell my clients they need to blog regularly — but I haven’t. I tell my clients they need to have mobile-friendly sites — but I didn’t. I tell my clients they need a business Facebook page  and post to it regularly — but I didn’t.

This cobbler is busy enough with client work during the week that I cobbled together my new website over a week-end, so there might be some problems. I haven’t done quality testing as extensively as I would for a client’s site before taking it live. So yes… I still have a touch of cobbler syndrome. Recognizing I have a problem is the first step toward solving it.

The US 2.4 Meter is an international racing sailboat popular with disabled sailors because all the sheets and sail trimming can be done from the seated position inside the cockpit. Tropical Web Works provides limited pro bono services (as time is available) to worthy groups and causes, and the cause of disabled sailing is one such cause. I worked for Shriners Hospitals for Children for over 15 years, and there’s a special place in my heart for people with physical disablities who find ways to get out there and live their lives.

This site uses the handy WordPress TablePress plugin to list members. The membership list can be sorted and searched. Members who haven’t yet renewed their membership can be “hidden” from view on the public side, while in the backend their information is still there and can be unhidden as soon as they pay their dues for the current year. Important notices (such as membership renewal and upcoming sailing regattas) are shown on the home page, above the most recent blog postings.

• US 2.4 Meter Racing Sailboat

This real estate site for Keller-Williams agent Nancy J. Weber uses custom programming to make use of the IDX feed from the real estate MLS to display listings on the site. Visitors can browse homes by lifestyle or search for homes that meet their specific criteria, including location, price, number of bedrooms, square footage, waterfront, or pool. Visitors can register with the site to save their favorite listings and to save searches and receive notifications of newly listed properties that match their search criteria.

The site is fully responsive to display nicely on a smart phone, a tablet, a laptop or a desktop computer. A backstretch image is used in the header that resizes automatically for the user’s screen size.

• Nancy J. Weber, Realtor

This site offers recent sales reports so that visitors can see the average recent selling prices of homes, condos and lots in the local area. Chris is using WordPress’s built-in blogging capabilities to enhance his “brand” and attract more visitors to the site.

• Chris McMillan, Realtor

This is a small site with only a handful of pages, but since it’s built using WordPress, it’s ready whenever the chapter is ready to start blogging about their activities.

• Southwest Florida Honor Flight

This large and complex real estate site for a local real estate brokerage uses custom programming to allow users to view and search for real estate listings. Individual Realtors associated with the broker have their own geographically focused sections of the site that they can use for blogging and to highlight open houses, new listings, etc., in their areas.

• Suncoasteam Team Realty

The menu in the sidebar uses custom CSS to display a single image as a mosaic behind the navigation buttons. I love the developments in CSS that make this sort of thing practical. I have implemented this technique in the past — involving tedious slicing and dicing of many individual images with another set of “over” versions to display on hover. Modern CSS allows this with a single background image by simply adjusting the position of the image for each link, and using a partially transparent overlay on hover.

• Charlotte Harbor Sailing

This site includes WordPress plugins that automatically post Sandra’s blog posts to her Facebook and Twitter accounts, so maximize her social media efforts.

• Sandra Sells Real Estate

The site makes use of the BBPress plugin for WordPress to incorporate a message board into the site, and features photos of alumni reunions, shared memories, and “where are they now” pages.

• Belknap College

The APPF needed a site that they could maintain themselves and give several different people access to the site to make updates and additions.

They wanted to make use of WordPress’s blogging capabilities to post news & announcements for members, job vacancies, and training information, and they also wanted to give their members access to a private members-only section of the site.

• APPF

For websites that need to be developed under a strict budget, WordPress makes it easy to set up a functional and usable site with minimal time and therefore minimal fees.

Papol’s Premium Property Management needed a small website and had a small budget for it. Install WordPress, install a favorite theme, create the pages, and have the client build out the content. Bada-bing bada-boom, and we’re done, with only a minimal cost to the client.

• Papol’s Property Management

The site offers in-place before-and-after photos of client locations before IPS and after IPS. The different is stunning. Separate sections showcase the company’s interior scapes, sidewalk scapes, pool & pation scapes, and event scapes. Multiple photo galleries and videos round out the offering.

• Interior Plant Scapes

Punta Gorda Yacht Brokers, a local used boat brokerage, needed a refresh from their previous site, which was also created by Tropical Web Works. We designed a fresh new visual design that incorporate the same content from the original site. The site includes prominent links to the brokerage’s sister company, Gulf Island Sails, as well as their boats listed for sale on YachtWorld.

• Punta Gorda Yacht Brokers

The site uses custom programming to access the IDX datafeed from the Mid-Florida Regional MLS, updating listings twice daily. All property listings are accessible to search engine spiders for indexing, and are also easily accessible to human visitors. The Google Maps API is used to show property locations, and a mortgage calculator helps buyers determine how much house they can afford.

• The Bevis Group, Lyn Bevis, Realtor