Reviewing and Managing Your Reservations
  1. Help Center
  2. Reservations
  3. Reviewing and Managing Your Reservations

Reservation Property Map Setup for Designers/Developers

How to implement the Interactive Reservations Property Map

  • If you are a designer/developer and have any questions about adding the Property Map, please reach out to us in Slack. If you aren't in our Slack channel, email for an invite.
  • Check out the free and fast Reservation Map Generator developed by 5Forests. Upload your property map, add your tables, enter table codes and titles, copy the JSON code to your clipboard, paste into Commerce7.

Adding a Reservation Property Map

  1. In the Admin Panel, go to Developer > Reservation Property Map.
  2. Click the Add Reservation Map button.
    Screen Shot 2024-05-02 at 2.29.49 PM
  3. Give the Property Map a Title, (which is internal facing only). The Property Map Title typically corresponds to the Location name. This allows admins to easily switch between multiple Property Maps when needed.
  4. The next step is to plot where the tables are in the map image using Property Map Points. To do so, we create a JSON object as shown below:
    Screen Shot 2024-05-02 at 2.35.42 PM
  5. Use the "top" and "left" keys to plot where the tables are. The values for "top" and "left" should be in percentages. In the example above, Table 10 is located 43% from the top of the image and 7% from the left border of the image.
  6. Once you have plotted the tables, you will label them. The "code" and "title" keys can be filled in with any value you like to represent these tables. In general, it's filled with the table numbers.
  7. Create a JSON object for each table you have in the Map.
  8. Next, select Upload Image > select your floor plan image > select Upload
  9. Click the Save button.

Tip: We would recommend cropping out any areas of the floor plan where there are no tables. The image uploaded should focus on the tables.

Screen Shot 2024-05-02 at 2.42.45 PM

Creating Locations with Property Map Code

Once your tables are created, it's time to create Locations with the codes.

  1. Navigate to the Reservations Portal by clicking on the icon in the upper right. Choose Reservations.
    Screen Shot 2024-05-02 at 2.46.02 PM
  2. From the Reservations Dashboard, choose the Settings tab.
    Screen Shot 2024-05-02 at 2.49.19 PM
  3. Choose the Locations section.
    Screen Shot 2024-05-02 at 2.49.31 PM
  4. Click the Add Location button.
    Screen Shot 2024-05-02 at 2.49.49 PM
  5. !!IMPORTANT!! When adding the tables, ensure the Property Map Code field is filled in with the same exact code as the "code" key the JSON objects you have set up.
  6. Click the 'Add Table' link to add more. 
  7. Once you've added all of the tables, click the Save button.
    Screen Shot 2024-05-02 at 3.01.54 PM
  8. If you need to make any edits/deletions, you can always go back to the Tables tab in the Location.
    Screen Shot 2024-05-02 at 2.55.35 PM-1