# Elementor Shop Page Settings

Use Elementor to design and personalize your WooCommerce Shop page with full control over layout, product display, filters, and styling. You can add banners, customize product grids, adjust spacing, and enhance the user experience.

#### **Here's how you can create a shop page with Elementor** <a href="#heres-how-you-can-create-a-shop-page-with-elementor" id="heres-how-you-can-create-a-shop-page-with-elementor"></a>

**Step 1: Create a New Page**

* Log in to your WordPress Dashboard.
* Navigate to **Pages → Add New**.
* Enter a title for your Shop page (e.g., “Shop”).

<figure><img src="https://content.gitbook.com/content/Juk9mT7asZ4pv0M35wkr/blobs/Vo3ZhazAUn9YJf41vsjY/1.png" alt=""><figcaption></figcaption></figure>

**Step 2: Design with Elementor**

* Click **Edit with Elementor**.
* Drag and drop the **Product** widget onto the page.
* Customize the layout, number of columns, filters, and styling as per your requirements.

<div align="center"><img src="https://wedesignthemes.gitbook.io/conchowp-documentation/~gitbook/image?url=https%3A%2F%2F2849072963-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FViSkkv3wHu2zqddCltE5%252Fuploads%252Fi20plNfpQKksWhYCZ2NW%252FScreenshot_70.png%3Falt%3Dmedia%26token%3De0c21627-e042-47ba-9239-b71edac69ca1&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=7d203ac3&#x26;sv=2" alt=""></div>

**Step 3: Publish**

* Once completed, click **Publish** to save

### Assign the Shop Page in WooCommerce <a href="#assign-the-shop-page-in-woocommerce" id="assign-the-shop-page-in-woocommerce"></a>

* **Log in** to your WordPress Dashboard.
* Navigate to **WooCommerce → Settings**.
* Click the **Products** tab.
* Under the **Shop page** section, choose the page you just created from the dropdown.
* Click **Save changes** at the bottom.
