Business and plugins
UPCS Map Shortcode Attributes for WordPress
Use the [upcs_map] shortcode to place the UPCS map on any WordPress page, and set its height and zoom with the available attributes.
Updated 14 October 2026 · 2 min read
The [upcs_map] shortcode, provided by the UPCS plugin, shows the map on any page or post. It is useful for a custom delivery-details page, or any other page that is separate from the WooCommerce checkout.
Basic use
- Make sure the plugin is installed and configured.
- Edit the page where you want the map.
- Add a Shortcode block (or paste into the classic editor) containing:
[upcs_map]
- Update the page and view it.
Attributes
| Attribute | Example | What it does |
|---|---|---|
height |
height="600px" |
Sets how tall the map is. |
zoom |
zoom="6" |
Sets the starting zoom level. |
An example with both:
[upcs_map height="600px" zoom="6"]
Choosing values
- Height. Use a CSS length such as
600px. On mobile, a map that is too tall can be hard to scroll past, so keep it moderate. - Zoom. A lower number shows a wider area, a higher number a closer view. The 3 m x 3 m grid appears from zoom 18, so customers will need to zoom in that far to choose an exact cell.
Related
- The checkout map is automatic; see where the map appears in WooCommerce.
- Data saved when a map is used on an order is described in what the plugin saves.
- For a site not on WordPress, see the embed quick start.
Frequently asked questions
Which attributes does the shortcode support?
The shortcode supports height, for example height="600px", and zoom, for example zoom="6".
Related reading
What the UPCS WordPress Plugin Saves With OrdersThe UPCS WooCommerce plugin stores the UPCS code, latitude and longitude as order meta. See what is kept and how it helps with delivery.Install the UPCS PrestaShop ModuleCheck the requirements and install the UPCS module v1.2.0 for PrestaShop by uploading it through Module Manager. Supports 1.7.7 and 8.x.UPCS PrestaShop Settings and Display PositionsConfigure the UPCS PrestaShop module: enter your API key, choose a display position for the map and decide whether to link locations to orders.Find Your Codes in My PostcodesMy postcodes is the area of your UPCS account where signed-in users find their codes. How to get there and how to use it.