Thursday, July 28, 2022
HomeWordPress DevelopmentLocation Picker At Checkout for WooCommerce Assessment (2022)

Location Picker At Checkout for WooCommerce Assessment (2022)


If you happen to supply native deliveries or pickups utilizing WooCommerce, it’s important that you’ve correct location information for every buyer. For that purpose, you may want a devoted location picker for WooCommerce.

Location Picker at Checkout, or LPAC for brief, makes it straightforward for purchasers to decide on their places (and so that you can regulate your charges primarily based on these places if wanted).

You’ll be able to add a “Detect my location” button that makes use of the shopper’s browser location providers to routinely detect their precise location and show it on a map. Prospects can then transfer the pin round as wanted and likewise entry different helpful instruments equivalent to autocomplete deal with recommendations.

Past that, Location Picker at Checkout additionally consists of numerous different helpful options to enhance your WooCommerce retailer, equivalent to the power to see a consumer’s location on a map within the order administration dashboard.

You additionally get extra superior options equivalent to the power to regulate transport prices primarily based on custom-drawn map areas and/or the gap out of your retailer.

In our hands-on Location Picker at Checkout evaluation, we’ll share extra about what the plugin does and present you precisely the way it works.

Location Picker at Checkout Assessment: What Does the Plugin Do?

The high-level worth proposition of Location Picker at Checkout is that it makes it simpler for you and your prospects to set correct supply places:

  • For patrons, the plugin can routinely detect their location with the clicking of a button after which allow them to fine-tune as wanted utilizing a map. They’ll additionally save a number of addresses, which is useful in the event that they’re frequent prospects.
  • For retailer homeowners, you possibly can see the supply location on a map in your dashboard, which makes it simpler to see precisely the place to ship an merchandise. You additionally get choices to regulate your charges primarily based on a client’s location.

Listed below are some extra particulars on how the plugin makes that occur…

When prospects go to take a look at, they’ll see a button to Detect Present Location. You can even present/conceal this primarily based on sure circumstances – extra on that in a second.

When the shopper clicks the button, your retailer will routinely detect the shopper’s bodily location and present the end result on a map. They’ll first see the usual browser immediate asking for location providers.

After I examined it, the plugin was in a position to precisely detect my location in Vietnam.

If wanted, the shopper can fine-tune their location on the map by shifting the pin:

Detect location

Then, the plugin also can use the Google Maps API to routinely fill within the buyer’s transport and/or billing addresses primarily based on the situation they selected on the map.

You even have the choice to allow deal with autocomplete, which additional helps prospects select the proper location by suggesting matching addresses as they begin typing. Extra on this under.

As with the map pin location, prospects are free to regulate these particulars.

You can even utterly disable the map and simply use the deal with autocomplete for those who desire that method.

Right here, you possibly can see that the plugin pre-filled my deal with primarily based on the map location:

Pre-fill address

Alternatively, I may additionally sort on the street deal with area to reap the benefits of the deal with autocomplete performance. You’ll be able to see what that appears like with a US-based deal with under, the place the addresses begin populating as quickly as I sort.

You’re additionally in a position to prohibit the recommendations to sure geographic areas to keep away from suggesting addresses for locations the place you don’t ship. You can even restrict autocomplete recommendations to only the billing or transport fields:

Autocomplete feature

If you happen to don’t want this performance on all orders, you can too use conditional logic to indicate/conceal the situation picker utilizing completely different circumstances together with the next:

  • Transport technique – e.g. solely present it when the shopper chooses an area supply transport possibility
  • Product transport class
  • Coupon code
  • Visitor orders
  • Cart worth

As soon as the shopper completes their order, the plugin additionally comes with options to assist each prospects and retailer homeowners simply see the situation.

Prospects will see the map of their supply location on the order affirmation web page, in addition to of their My Account areas:

Map on order confirmation page

Prospects even have the choice to avoid wasting a number of addresses to assist them save time sooner or later. For instance, they might save each a “Residence” and “Work” deal with.

Retailer admins may even see the map within the order administration space, in addition to a button to allow them to open a devoted maps window with the precise pin location:

View location details in the order management interface

You can even embody a hyperlink to the map location in admin-facing or customer-facing emails utilizing a QR code, button, or hyperlink.

Lastly, listed below are just a few different notable options that the plugin affords:

  • Possibility to regulate the transport price primarily based on the area or distance of a buyer’s location.
  • Choice to restrict autocomplete deal with choices. For instance, you would solely present autocomplete recommendations out of your metropolis.
  • Customizable Google Maps designs and marker icons.

Transport Prices Based mostly on Area or Distance

The choices to calculate the transport price primarily based on area or distance are fairly distinctive so I feel they’re price an in depth look.

With the fee by transport areas function, you possibly can really draw {custom} areas on the map and apply a value to all deliveries inside that location. You can even give every area a reputation and {custom} shade:

Draw delivery regions

With the fee by distance function, you possibly can arrange your personal calculations to routinely regulate the worth primarily based on the shopper’s distance out of your retailer’s location (which incorporates help for a number of retailer places and letting prospects select their most popular location).

For instance, you would cost $0.50 per one KM in distance:

Calculate shipping by distance

Which Websites Can Profit from a Location Picker for WooCommerce

I feel that any WooCommerce retailer doing native deliveries or pickups can profit from a location picker for WooCommerce. However for those who’re searching for some particular examples, listed below are just a few of the forms of shops that may profit:

  • Eating places or cafes which are utilizing WooCommerce as a restaurant ordering system for meals supply.
  • Different forms of meals supply providers – e.g. on-line grocery shops.
  • Florists which are doing flower supply.
  • Heavy objects that require native supply – e.g. furnishings shops, mattresses, and so forth.
  • Personal automobile providers or taxis – e.g. the shopper chooses the situation the place they need the automobile service to choose them up.
  • Any sort of rental service the place you should ship the merchandise to the shopper.

These are just some concepts to get your inventive juices flowing – that’s certainly not the whole listing.

The best way to Set Up Location Picker at Checkout for WooCommerce

Now that what the plugin does, let’s get into tips on how to set it up in your retailer.

For essentially the most half, it’s only a matter of putting in the plugin and configuring just a few settings.

Nevertheless, the one added step is that you simply’ll have to create a Google Maps API key, which Google requires to offer you entry to the entire mapping and autocomplete performance.

Right here’s the way it works…

1. Create Google Maps API Key in Google Cloud Console

To kick issues off, you’ll begin exterior your WordPress dashboard within the Google Cloud Console (which you’ll entry utilizing your present Google account).

There, you’ll have to create your Google Maps API key. That can assist you do that, the LPAC developer has detailed documentation within the type of each a video and written directions with screenshots. You’ll be able to see the video under:

It’s nothing too difficult – you mainly simply have to click on some buttons.

I do advocate setting the finances thresholds simply to keep away from any surprises. Google affords $200 in free Google Maps Platform utilization per thirty days so it’s unlikely that you simply’ll ever want to really pay cash to your API utilization. However setting a finances simply provides you some additional peace of thoughts.

The developer additionally recommends limiting the API entry to only your WooCommerce retailer, which can stop any unauthorized utilization.

When you end the method, you need to have your API key, which seems one thing like this:

Create Google Maps API key

Maintain this useful since you’ll want it to configure the situation picker for WooCommerce.

2. Set up Plugin and Add Google Maps API Key

After you have your Google Maps API key, you possibly can set up the Location Picker at Checkout plugin in your retailer.

I’ll discuss extra about pricing in a while, however there’s a free model at WordPress.org in addition to a premium model with extra options.

When you activate the plugin, head to Woocommerce → Settings → Location Picker at Checkout. Then, paste the Google Maps API key into the field and save the settings:

Add Google Maps API key

3. Configure Different Plugin Settings

Now, you’re free to configure the plugin’s different settings.

Notice that there are completely different tabs, which you’ll entry under the primary WooCommerce settings tabs:

  • Common – configure common settings to your map habits, in addition to autocomplete recommendations and saved addresses.
  • Show – management the place to show the map. You can even set your retailer places and customise the map and marker icons.
  • Visibility Guidelines – if wanted, you possibly can create conditional logic guidelines to indicate/conceal the map primarily based on numerous circumstances equivalent to transport courses, visitor orders, and extra.
  • Export – this tab allows you to export location information from particular dates to a CSV file. There are not any settings right here – it’s extra of a utility software.
  • Transport – this allows you to draw transport areas on the map and arrange {custom} costs primarily based on these areas. You can even arrange price by distance calculations right here.
Location Picker for WooCommerce settings

4. Begin Utilizing the Plugin

That’s it for the setup!

Going ahead, you’ll have the ability to entry particular location particulars within the order administration dashboard, as I confirmed you earlier:

View location details in the order management interface

You can even use the export software to export order information to a CSV if wanted:

Export location data

Location Picker at Checkout for WooCommerce Pricing

Location Picker at Checkout is available in each a free model at WordPress.org in addition to a premium model with extra options.

The free model is already fairly useful, so that you may not have to pay. Listed below are the primary options that you simply get for those who improve to the premium model:

  • Possibility to regulate transport price by area or distance
  • Customized Google Maps designs and marker icons
  • Choice to export order places
  • Prospects can save a number of addresses
  • Extra superior conditional logic guidelines to indicate/conceal the situation picker, together with transport zones and cart totals
  • Possibility to limit autocomplete recommendations to your geographic space.

I might say that essentially the most notable premium options are the power to attract transport areas on the map and customise the worth for every area, in addition to the power to arrange transport prices by distance calculations, equivalent to $0.50 per KM.

You additionally would possibly need entry to the power to let prospects save a number of addresses, which may be handy for sure forms of prospects.

There are three premium plans. The entire plans are full-featured – the one distinction is the variety of websites upon which you’ll activate the plugin.

You’ll be able to both pay yearly for one 12 months of help and updates or you should purchase a lifetime license:

  • One website – $39.99 for one 12 months of help and updates or $119.99 for lifetime.
  • 5 websites – $89.99 for one 12 months of help and updates or $269.99 for lifetime.
  • Limitless websites – $259.99 for one 12 months of help and updates or $779.99 for lifetime.
LPAC pricing

The entire plans include a 30-day money-back assure, so there’s no danger to creating a purchase order.

Remaining Ideas on Location Picker at Checkout for WooCommerce

Total, for those who want a location picker for WooCommerce, I feel that Location Picket at Checkout is a superb possibility.

The setup course of was seamless for me and the entire options labored as promised.

The free model is already fairly versatile and is perhaps all you want.

For extra superior use instances, the premium model provides you plenty of flexibility with the power to regulate transport costs primarily based on area or distance, in addition to the opposite premium options that I discussed above equivalent to the power for purchasers to avoid wasting a number of addresses.

If you wish to strive it your self, you’ve got just a few choices:

  1. Spin up a totally functioning demo website by clicking the Attempt Free Demo button beneath the pricing desk. The developer makes use of the InstaWP service that we reviewed, which provides you a full sandbox demo website.
  2. Set up the free model from WordPress.org.
  3. Buy the premium model – there’s a 30-day money-back assure so there’s no danger.

You can even use the buttons under to get began:

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments