> ## Documentation Index > Fetch the complete documentation index at: https://docs.fetchski-attract.com/llms.txt > Use this file to discover all available pages before exploring further. # Service areas > Draw or list each area you serve, with its price and description, for your Service Area Map. Show visitors where you work and what each zone costs. Each service area is one zone on your Service Area Map: where it is, its price and what visitors read when they click it. The map updates when you publish. **Who can do this:** Contributors, Editors, Admins and Owners can add and change areas. Publishing them needs an Editor, an Admin or an Owner. Sample areas and importing from a feed are for Admins and Owners. ## Before you start * Your map uses these areas only when **Service area data source** is set to **Service Areas managed in this CMS**. An Admin or Owner sets it on the **Service area map** screen. See [Service area map settings](https://docs.fetchski-attract.com/guides/site-settings/service-area-map.md). * To draw an area on a map, your site needs a Google Maps key. See [Google Maps](https://docs.fetchski-attract.com/guides/connections/google-maps.md). Without one, you can still list zip codes or paste a shape's points. * To show the map on a page, add a **Service Area Map** section. See [Service Area Map](https://docs.fetchski-attract.com/guides/sections/service-area-map.md). ## Add an area **1. Open the list** Press ⌘K (Ctrl+K on Windows) and choose **Service Areas** under **Manage**. You can also press G, then S. ![The Manage Service Areas window with 3 areas ("Downtown Portland", "Inner Eastside", "West Hills"), the Name, Defined by, Price and Priority columns.](https://mintcdn.com/fetchski-attract-api/VHp0B0s1nBbMi7JQ/images/cms/guides/content/service-areas/guides-content-service-areas-manager-light.png?fit=max\&auto=format\&n=VHp0B0s1nBbMi7JQ\&q=85\&s=400375191db5ecb72cfd2c0ae76f6f7a) Your service areas, in priority order. **2. Start a new area** Choose **New Service Area**. The editor opens on the **Area** tab. **3. Name it** Type a **Title**, such as "Downtown Portland". Visitors see this name on the map. **4. Choose how to mark it out** Under **How is this area defined?**, choose one: * **List of zip codes**: type the 5-digit zip codes in **Zip codes**, separated by commas, spaces or new lines. Attract draws the area's outline for you. * **Map shape (drawn or pasted)**: draw the area yourself in **Area shape**. See "Draw a shape" below. ![The service area editor on the Area tab: Title "Downtown Portland", How is this area defined?](https://mintcdn.com/fetchski-attract-api/VHp0B0s1nBbMi7JQ/images/cms/guides/content/service-areas/guides-content-service-areas-zips-light.png?fit=max\&auto=format\&n=VHp0B0s1nBbMi7JQ\&q=85\&s=599b5193df5ae130cedd37a0ec33f662) List an area's zip codes and the map draws it for you. **5. Set its place in the order** * **Priority**: areas are listed lowest number first. Where 2 areas overlap, the lowest number wins when a visitor clicks or searches. Number them 10, 20, 30, so there's room to add one in between. * **Active**: on by default. Turn it off to keep the area saved but take it off the map. **6. Set the price and wording** On the **Pricing & display** tab: * **Price**: the amount for this area, as a plain number in dollars. Type 15 and the map shows "\$15". What the amount covers is up to you. Say it in the **Description**, such as "Pickup and drop-off, per trip". 0 shows the map's label for free zones ("Included" unless you change it in the section). * **Price label override**: optional. Words shown instead of the price, such as "From \$40" or "Call for pricing". * **Area color**: optional. Leave it empty and Attract picks a color from your site palette. * **Description**: optional. A short line visitors read when they click the area or find it by searching. * **Public place names**: optional. See "Help search engines find your areas" below. ![The Pricing & display tab: Price 0, Price label override empty, Area color empty, Description "Free pickup and drop-off on daycare days.", Public place names with one entry.](https://mintcdn.com/fetchski-attract-api/VHp0B0s1nBbMi7JQ/images/cms/guides/content/service-areas/guides-content-service-areas-pricing-light.png?fit=max\&auto=format\&n=VHp0B0s1nBbMi7JQ\&q=85\&s=471725375b255abf575995bde0e0b49d) What the area costs and what visitors read about it. **7. Save it** To finish later, open **More save options** (the arrow next to the main button) and choose **Save Draft**. When it's ready, choose **Publish**. Contributors choose **Submit** instead, and an Editor publishes it. ## Draw a shape Choose **Map shape (drawn or pasted)** to mark out an area that doesn't follow zip codes, such as a neighborhood or a stretch along a river. **1. In Area shape, choose Draw shape** The button changes to **Drawing… (click points, double-click to finish)**. **2. Click each corner of the area on the map** Double-click the last one (or press Enter) to close the shape. Press Esc to stop without one. **3. To adjust it, drag its corners** To start over, select the shape and choose **Delete selected**, or choose **Clear all**. ![The Area shape field with the drawing map of northwest Portland, one closed shape tinted in the area's color, and the toolbar buttons Draw shape, Delete selected.](https://mintcdn.com/fetchski-attract-api/VHp0B0s1nBbMi7JQ/images/cms/guides/content/service-areas/guides-content-service-areas-draw-light.png?fit=max\&auto=format\&n=VHp0B0s1nBbMi7JQ\&q=85\&s=a55feb99d838931fe6008289ba73dc71) Draw an area right on the map. An area can have more than one shape, such as 2 separate neighborhoods at the same price. Draw each one the same way. ### Type the points instead (advanced) To type or paste the shape's points instead, choose **Edit as coordinates**. This also works without a Google Maps key, and it's the way to edit a shape from the keyboard. Each point is a spot on the map, given by its latitude ("lat", north–south) and longitude ("lng", east–west). A shape needs at least 3 points, in order around its edge, inside square brackets: ``` [{"lat": 45.523, "lng": -122.676}, {"lat": 45.531, "lng": -122.660}, {"lat": 45.515, "lng": -122.655}] ``` To find a spot's numbers, right-click it in Google Maps. The numbers show at the top of the menu, latitude first, and choosing them copies them. For 2 or more shapes, put each shape's brackets inside one more pair: `[[…], […]]`. ## Help search engines find your areas A name like "Zone A" means nothing to a search engine. In **Public place names**, list the real places the area covers, such as "Portland". For each one, choose its **Kind of place**: **City / town**, **County / region**, **State / province** or **Other place**. Attract shares these names with search engines when structured data is turned on in Site settings. See [SEO settings](https://docs.fetchski-attract.com/guides/site-settings/seo.md). ## Bring in areas from a zip-code feed A zip-code pricing feed is a list of zip codes and prices kept on another website, which your map can read. Your site uses one only if **Service area data source** on the **Service area map** screen is set to the zip-code pricing feed. If you're drawing your own areas, skip this part. If your map has been reading such a feed, Admins and Owners can copy its zones into this list. You can then edit them here. **1. Open Service Areas in the command palette** **2. Choose Import Zones from Zip Feed** Attract reads the feed set in **Zip pricing feed URL** on the **Service area map** screen. **3. Read the result, such as "Zip feed zones: 4 imported."** You can run it again whenever the feed changes. It refreshes each zone's zip codes, price and color, and keeps your own changes to names, descriptions, place names, priority and **Active**. Zones that left the feed are never deleted. The result lists them: "No longer in the feed (left untouched): …". Importing doesn't switch your map over. When the imported areas are ready, an Admin or Owner sets **Service area data source** to **Service Areas managed in this CMS**. ## Try it with sample areas Admins and Owners can add 3 sample areas to see the map working. **1. Open Service Areas in the command palette** **2. Choose Seed Demo Service Areas** You'll see "Seeded 3 demo service areas." The samples are published straight away, so a live map that uses this list shows them to visitors at once. The samples are deleted on their own the moment you publish your first real area. Their **Source** tab says **Demo placeholder**. ## What happens next When you publish an area, change it and publish again, or delete it, the map updates on its own. Visitors never see drafts. To take an area off the map, either: * **Pause it:** open the area, turn **Active** off, then choose **Update**. Contributors choose **Submit Update**, and the area leaves the map once an Editor publishes it. The area stays in your list, ready to turn back on. * **Archive it:** it leaves the map straight away. See [Archive, restore and delete](https://docs.fetchski-attract.com/guides/content/archive-restore-delete.md). ## Troubleshooting > [accordion] My area isn't on the map > > * Is it published, with **Active** on? > * Is the map set to use this list? An Admin or Owner checks **Service area data source** on the **Service area map** screen. It must say **Service Areas managed in this CMS**. > * For a zip-code area, check each code has 5 digits. > [accordion] Two areas overlap and the wrong one answers > > Where areas overlap, the one with the lowest **Priority** number wins. Give the area you want to win a lower number. > [accordion] No Google Maps key is configured (Connections → Google Maps), so the drawing map is unavailable. > > Drawing needs a Google Maps key. Ask an Admin or Owner to add one in **Connections** → **Google Maps**. Until then, choose **Edit as coordinates** and paste the points, or list zip codes instead. > [accordion] The drawing map failed to load. > > The map couldn't load, often because of the Google Maps key's settings. You can still paste points below it. Ask an Admin or Owner to check the key. See [Google Maps](https://docs.fetchski-attract.com/guides/connections/google-maps.md). > [accordion] Could not import zones from the zip feed. > > The feed couldn't be read. Ask an Admin or Owner to check **Zip pricing feed URL** on the **Service area map** screen, then try again. ## Related > [card] [Service Area Map](https://docs.fetchski-attract.com/guides/sections/service-area-map.md) > > show your areas on a page with a check-your-area search. > [card] [Service area map settings](https://docs.fetchski-attract.com/guides/site-settings/service-area-map.md) > > where the map's areas come from, your location and the premium service. > [card] [Google Maps](https://docs.fetchski-attract.com/guides/connections/google-maps.md) > > the key the map and the drawing tool need. > [card] [Archive, restore and delete](https://docs.fetchski-attract.com/guides/content/archive-restore-delete.md) > > retire areas you no longer serve. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.