# Place

## Watch The Video Tutorial

{% embed url="<https://youtu.be/7vqvlMzL_BQ>" %}

## Step 1: Setup Google Map API Key

Go to: **WooCommerce >> Settings >> Google Maps Section**

Insert Google Map API key in General Setting. [Check here](https://ovatheme.gitbook.io/brw/basics/global-settings/general)

<figure><img src="https://4082525133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa2OkFafBNY1uvQO4naAL%2Fuploads%2F0D7aepYObkuctmi1lTFS%2Fgoogle-map-settings-brw.png?alt=media&#x26;token=f555c4c9-43c3-4209-a4da-0ffba6d8cb97" alt=""><figcaption></figcaption></figure>

**Note**: You have to enable some services for API

<figure><img src="https://4082525133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa2OkFafBNY1uvQO4naAL%2Fuploads%2F4pb1gtOwaAReYaLSmRiu%2FScreenshot%202025-02-03%20at%2009.17.07.png?alt=media&#x26;token=92773da3-26d3-4ced-87d8-1e8caeed831f" alt=""><figcaption></figcaption></figure>

## Step 2:  Add in product

Go to: **Products >> Add New Product**

<figure><img src="https://4082525133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa2OkFafBNY1uvQO4naAL%2Fuploads%2Fy16xT4W7X3QKdgOGrIO6%2Fplace-feature-brw.png?alt=media&#x26;token=b017ba79-af35-46b4-9c99-4d46a740e042" alt=""><figcaption></figcaption></figure>

## 3) Config settings in global settings

Go to **WooCommerce >> Settings >> Booking & Rental >> Product Details >> General Setting**&#x20;

* **Show Place**: Tick the checkbox "Show Place" if you want to display it in product detail page
* **Position displays for Place** ( in product detail page ): Enter **"9"** if you want this to appear as the first tab, Enter **"11"** if you want this to display behind the description tab, Enter **"21"** if you want this to show beside additional information tab, and Enter **"9"** if you want this to appear behind the review tab.

<figure><img src="https://4082525133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa2OkFafBNY1uvQO4naAL%2Fuploads%2F0N6mbGjWnObC1nkkS92g%2Fplace-feature-brw-1.png?alt=media&#x26;token=a12dc9e0-5ec3-4a97-8ea2-8f499541eb2e" alt=""><figcaption></figcaption></figure>

## 4) Show at frontend

<figure><img src="https://4082525133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fa2OkFafBNY1uvQO4naAL%2Fuploads%2FqPC6c6Wr0EeRvJXoXYJp%2FScreen%20Shot%202024-06-14%20at%2016.10.27.png?alt=media&#x26;token=01cb7471-8cec-4be7-839d-ef3aa572cf5e" alt=""><figcaption></figcaption></figure>