# How to create a commercial page with Shopping Cart?

When designing your site and you want to add a section for selling your products, in the Web Builder, you will have the option "**Commerce**".

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(33).png" alt=""><figcaption></figcaption></figure>

A menu with several options to choose from will open. In this case, we will select the commerce option to start creating the page.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(29).png" alt=""><figcaption></figcaption></figure>

Before proceeding, we will show you an important aspect before loading the products: choosing the currency that will be used on your website. In the menu on the right, under the section "**Store**", you will find the "**Tools**" section.

Among the various options to configure, in the **Price** section, you will find the possibility to select the currency that the site will use. The Argentine peso currency has the format **ARS**.

<div align="left"><figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(30).png" alt=""><figcaption></figcaption></figure></div>

Now, we continue with the loading of products on your site. You will see that when selecting the Commerce segment on the page, a menu of options to configure will open on the right. We will show you how to edit/load products here.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(18).png" alt=""><figcaption></figcaption></figure>

The next screen that opens will allow you to perform a variety of actions: from deleting the sample images that the builder loads, to uploading your own images and editing the content of each item.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(1).png" alt=""><figcaption></figcaption></figure>

All the options in the above image are editable. For example, in "**Website Categories (Filter)**" you can create your own custom filters.

(1) => Takes you to a screen where you can upload a new product image.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(7).png" alt=""><figcaption></figcaption></figure>

(2) => Deletes the uploaded image.

Similar to the beginning of this guide, you can add the "shopping cart" to your website. Again, you should place the cursor in the desired location on the site and then click on the **Commerce** button. You can also drag this button to the desired location. Finally, you must choose the cart of your preference:

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(44).png" alt=""><figcaption></figcaption></figure>

Once you have chosen the design, you can start configuring this section of the website:

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(27).png" alt=""><figcaption></figcaption></figure>

(X) => Shopping Cart configuration menu.

Some points to consider:

Within the **Store** menu, in the configuration of your Shopping Cart, there are several advanced options that you will need to set up personally.

* **Payment Gateways**: there are several options here, you will need to edit the ones you use.

<figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(8).png" alt=""><figcaption></figcaption></figure>

* **Invoices**: You can generate Invoices/Receipts here to give to customers who make purchases on your website.

<div align="left"><figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(17).png" alt=""><figcaption></figcaption></figure></div>

* **Shipping Method**: Here you will configure the shipping methods you have for the distribution of your products.

<div align="left"><figure><img src="https://github.com/sitioshispanos/gitbook-helpdesk-en/blob/master/.gitbook/assets/image%20(21).png" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sitioshispanos.com/menu-principal/guias/constructor-web/comercio-y-carro-de-compra.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.