Search
  • Nan Zhou

How to create a custom Restaurant Search map for your website?

Before I go into detail on how to create a restaurant search map, let's do a quick refresher on our map builder!


This is the No Code Map App 3 step builder - super intuitive and easy to pick up.



Build an on-brand, interactive restaurant search map for your website


Step 1 - Select the "Restaurant" template

Step 2 - Import your data.


There are a number of ways you can import your data:

- Copy/paste from spreadsheet

- Sync with Google Sheets (coming soon)


Click on "Copy/paste from spreadsheet" and you will see a window pop up where you can paste in your data. In order to help you prepare your Excel data, we have included an "example.csv" so you will know exactly how to set up your dataset.



In the sample Excel, you will see the standard information people would typically look for when searching for a restaurant, namely:

  1. Name

  2. Address

  3. Description

  4. Phone

  5. Website

  6. Cuisine type

  7. Rating

  8. Price

  9. Service options

  10. Reservation required

  11. Call to action links

  12. Image links


Our builder is very intelligent:

  1. It can process up to 15 columns of custom data (whatever you want - just make sure you have column headers). In our sample we only used 12

  2. It can self-detect information-based columns (e.g. address, phone etc) vs filterable data (e.g. price, cuisine type etc)

  3. It can recognise call-to-action and image link columns and auto-generate call-to-action buttons and bulk import images


Once you have your data ready, simply copy and paste into the box:


Once you have pasted in your data, the No Code Map App smart builder will:

  1. Automatically map your data based on your "location" or "address" column;

  2. Automatically create custom map filters based on your dataset (yes, you read it right, any text filter be it single or multi-value filters. Later on we will also allow number filters);

  3. Images will be automatically loaded if you had included a public image link; and

  4. If you had included a call-to-action link column, a custom call-to-action button for each location auto-generate.


No Code Map App is the only commercial grade custom map maker that can automatically generate advanced filters comparable to those you see on major company websites.


Step 3 Customize your interactive map!


Now you can bring in your own style/branding! You can customize everything from fonts, colors, to what shows in each location detail box.



The best of all, we have simplified map customization to to just clicks!


This is an example for customizing map markers.


And you are done! We are super excited with our live launch!


Nan

25 views0 comments