The Location Selection Popup feature in Multi Location Product & Inventory Management for WooCommerce helps customers easily choose their preferred store or warehouse location before browsing or purchasing products.
This ensures that customers view stock availability, prices, and delivery options specific to their selected location — improving user experience and reducing confusion.
Step 1: Install and Activate the Plugin
Before configuring the popup, make sure the plugin is properly installed and activated.
You can follow the full installation guide here:
Installation Guide for Multi Location Product & Inventory Management for WooCommerce
Once active, the plugin will create a Location Manage menu in your WordPress admin dashboard.
Step 2: Access Popup Settings
- Go to your WordPress dashboard.
- Navigate to Location Manage → Settings.
- Open the Popup tab to view all location popup options.
Step 3: Configure Popup Options
Below are the available settings for customizing the Location Selection Popup:
| Setting | Description |
|---|---|
| Enable Popup | Turn this option ON to activate the location selection popup on your website. When enabled, customers will see a modal popup asking them to select a location. |
| Use Select2 | Enable this for a better dropdown user experience using the Select2 library. It adds search functionality and a modern look to the location dropdown. |
| Title Show in Popup | Display the popup title text at the top of the modal window. Useful for guiding customers during selection. |
| Popup Title | Customize the main heading shown inside the popup. Example: “Select Your Location”. |
| Popup Placeholder | Set the placeholder text that appears inside the location dropdown before a user makes a selection. Example: “Choose a store…”. |
| Popup Button Text | Customize the button label customers click to confirm their location. Default: “Select Location”. |
| Hierarchical Option | Enable this if your store locations are structured in a parent–child hierarchy (e.g., Country → City → Branch). This helps customers select locations step by step. |
| Show Popup for Admins | Enable this option to display the location popup even when logged in as an administrator. Useful for testing and previewing popup behavior. |
| Popup Custom CSS | Add your own CSS to style the popup modal, buttons, or layout. Perfect for matching the popup design to your theme. |
Step 4: Customize the Popup Appearance
You can easily customize how the popup looks and feels:
- Adjust title and button text to match your brand tone.
- Add custom CSS (colors, font, width, shadows, etc.) inside Popup Custom CSS.
- Use Select2 for a smooth, searchable dropdown experience.
Example customization:
.location-popup .select2-container {
width: 100%;
border-radius: 8px;
}
.location-popup button {
background-color: #0073aa;
color: #fff;
border-radius: 5px;
}
Step 5: Preview the Popup
After saving settings:
- Visit your website frontend.
- You should see a popup appear automatically asking users to select a location.
- Once selected, all product data and availability will load based on the chosen location.
If the popup doesn’t appear, confirm that Enable Popup is turned ON and your theme supports modal overlays.