Date and Time Picker field on Contact Form 7

Most websites online will need a contact form and Contact form 7 is without any doubt one of the most popular plugins on WordPress with 5+ million active installations and growing. It’s amazing how simple and versatile the plugin is, allowing any form to be extended using simple tricks.

The plugin comes with support for ‘date’ fields, but for some projects you might need a datetime field. I have developed a plugin that can help you with this and I’ll explain how you can use it with CF7.

Install the Date Time Picker Field

Although the plugin was not built to work directly with CF7, it’s compatible with any form you might have on your website, Contact Form 7 included. You’ll just need to follow some simple steps.

Add a normal text field to your form

The first step is to build your form. For the fields you want to convert into datetime fields, simply use text fields. You can name the field whatever you want, but you will need to pay attention to the class name you add:

It doesn’t necessarily need to be ‘datefield‘ it just needs to be something unique and that you remember after, when setting up the Date and Time Field plugin.

Setup Date and Time Field plugin

Once you have your form, you need to go to Settings > DateTime Picker. In the CSS Selector option, add the name of your class, preceded by a . (period). In this case .datefield This will be the css selector the plugin will use to look for the field and convert it into a date and time field:

And that’s it! You can explore the other settings available in the plugin to optimize the date time picker.

The plugin in the future might include a direct integration with CF7 if this becomes a popular request. Leave a comment if you have any suggestion or request.

Guided Selling Solution for WooCommerce

Guided selling is a process to help potential buyers find the best product or service according to their needs and expectations. They can be product finder tools, online shopping assistants or product suggestions engine for example.  In the world of online shopping, guided selling is a powerful tool that any shop owner should use to engage users and connect the right products or services with potential customers based on their interests.

What needs to be done?

The process is simple to understand:

  • Engages users
    A visually appealing interactive experience captures users attention, keeping them on the site longer and encourages them to come back.
  • Understand their needs
    Asking the right questions will keep your visitor engaged and it will provide you valuable information to understand what they’re looking for.
  • Provide tailored product or service suggestions
    Once you have information about the expactactions and needs of your potential buyer, you should be able to provide an informed and tailored product or service suggestion.
  • Increase conversions
    Getting a tailored product or service suggestion that meets all the users needs and expectations, will most likely result in a successful sale.

Search Filters vs Guided Selling

Advanced search filters for WooCommerce are a popular solution, but sometimes it can be overwhelming for the user to understand all the technical attributes and abstract features. Guided selling solutions, like product wizards, follow a needs-oriented paradigm that facilitates exploration and inspiration, becoming more friendly to the user. It provides a emotional experience and not a rational one, which should engage the user even more. While search filters might result in a ‘Match not found’, the guided selling solution should be able to present close alternatives when there isn’t an exact match.

The search filters are an essential feature that your WooCommerce website should have but an interactive guided selling tool can complement that and can be a great way to initially attract potential buyers to your website.

Introducing Advisor Quiz for WordPress

There weren’t many solutions to build guided selling tools for WooCommerce, but lately this is changing. The new Advisor Quiz plugin will allow you to build a quiz that will act as a guided selling tool, a products suggestion engine.

Although it’s essentially a Quiz Builder, it has a particular feature that will allow you to build guided selling solutions. It allows you to build a ‘Content Advisor’ quiz, where you can create questions where the answers will act as content filters. With this plugin and a bit of creativity you should be able to create a guided selling tool that will engage your users, get you leads and improve conversions.

You can create an interactive dialogue system, a product wizard that will provide shoppers with personalized suggestions. The user answers a couple of questions and the plugin will analyse the user’s answers, converting them into product features/categories/attributes and match them against available products in the background. At the end of the quiz, the user is presented with a list of suitable products. With the right combination of questions and answers, you’ll understand the users’s individual preferences and assist them in finding products that fit their needs. This will also increase shopper’s confidence and encourage the online purchase.

Working with WooCommerce

You can filter WooCommerce products based on the following:

  • Keyword
    A word in the description or product title.
  • Categories 
    The most common way of separating and identifying the different groups of products.
  • Tags
    Another way of labeling the products that can help identifying their characteristics.
  • Attributes
    Depending on your products, these attributes can change. They can identify sizes and colours for example. These are yet another way of identifying your products.
  • Other fields
    Price and dimensions are other fields that can be used as a factor when searching for products.

Considering the available fields you can use to narrow down your products, you should think of questions you can ask your users in order to understand their needs and connect this needs to the available filter parameters. Each answer will correspond to a filter and in the end all filters will be merged and search will be performed to find the matches. You can also setup dependent questions, that will only display if users selected a specific answer on a previous question. The possibility are endless.

Be Creative

The plugin by itself, won’t do much, the potential will lie in the quiz you create. It needs to be appealing to your visitors, it should keep them engaged. Don’t ask boring questions, be creative and make your user feel you’re asking the right question. The questions and answers need to be well crafted for it to become engaging and at the same time provide information about their needs that you can use to filter the available products.

Study your Visitors Behaviour

The plugin will track usage activity (anonymous or not if consent is given at the end to share more data) that will provide you valuable data to understand what you’re users are looking for. This might help you improve the quiz or even build a better one. You can track referrals, answers selected and conversions among other things.

Conclusion

Although there aren’t many guided selling plugins for WooCommerce, Advisor Quiz is a tool to take into consideration. You can explore it’s potential and with a bit of creativity you can carefully craft a product advisor tool that will engage your users and improve your conversions. You can find the plugin exclusively on Envato Market.

How to add support for a Custom Post Type on Yet Another Related Posts Plugin (YARPP)

One of the most popular related posts plugins for WordPress is YARPP with more than 200.000 active installations. It says it supports Custom Post Types (CPT), but not out of the box. You’ll need to do some extra things in order for your CPT to be supported.

If you have access to the functions that register the CPT, then the solution is simple. You’ll just need to include the argument ‘yarpp_support’ and set it to true when you register it.

https://gist.github.com/carmoreira/2d59b7aa2393d133e55473c0bcd269d3

If you don’t have access to the code where the CPT if registered, maybe because it’s a third-party plugin that is creating it, you can still try to manipulate the arguments used to create that CPT and add the ‘yarpp_support’ argument. You can use the code below:

https://gist.github.com/carmoreira/a377c38521bfe142189f7f0690a39a12

You should replace ‘my_custom_post_type’ with the identifier you need and add the code to the functions.php of a child theme or your own plugin. This seems to work well on my projects.

Hope this helps someone!

Interactive Maps in Elementor Page Builder

Elementor Page builder is one of the most popular WordPress plugins of it’s type. It has tons of widgets available, but you might need something different for your project. If you need to create an interactive map of the world or of any country, but need something different than Google Maps, you might want to try the Interactive World Maps plugin. These are some examples of maps created with this plugin.

All Countries Placeholder
All Countries
Map Markers Placeholder
Map Markers
US Map Placeholder
US Map

The plugin is fully compatible with the Elementor Page Builder. After you create your map you can easily add it to your page using the Shortcode widget. Below we’ll explain how you can do this with some very simple steps.

1) Install the Plugin

The plugin is for sale exclusively on Envato Market for only $21 with 6 months support included and all future updates. Once you have the plugin zip file, you can install through the Plugins > Add New > Upload interface in your administration. Once you have the plugin installed you’ll see the new ‘Interactive Maps’ menu entry in your administration menu.

2) Build your Map

The plugin comes with more than 300 maps, where you can colour regions or add markers. Both regions and markers can be interactive, displaying tooltips on hover and perform actions on click, like opening a new page or display information on a lightbox or next to the map. Follow the onscreen instructions and create the map to fit your needs. There’s a video tutorial available for beginners also.

Once you have your map saved, you’ll have a unique shortcode. That shortcode will be used to add the map to your page.

3) Add the Map to your Elementor page

The current version of the plugin will not add a new map widget to Elementor builder. However you can use the map shortcode on the existing Shortcode Widget. Just add the shortcode widget to the place on the page where you want the map to display and add the map shortcode there. The preview will not display the map immediately, but once you save your page and preview it, you should see your map.

And that’s it. You can create as many maps as you want and add them into different shortcode widgets. You can also add the map shortcode together with normal text in a text editor, but the Elementor preview will not display the map placeholder, just the shortcode itself, but once published, the map will also display.

If you have any question about Elementor or the Interactive World Maps plugin leave a comment and I’ll try my best to help.

Get Interactive World Maps plugin for only $21

One time fee. All future updates included and 6 months support.