diff --git a/addons/l10n_pe_website_sale/README.rst b/addons/l10n_pe_website_sale/README.rst
new file mode 100644
index 0000000000000..a3af9b1d7f793
--- /dev/null
+++ b/addons/l10n_pe_website_sale/README.rst
@@ -0,0 +1,2 @@
+Be able to see Identification Type in ecommerce checkout form.
+==============================================================
diff --git a/addons/l10n_pe_website_sale/__init__.py b/addons/l10n_pe_website_sale/__init__.py
new file mode 100644
index 0000000000000..4dcc9d3a4b7ae
--- /dev/null
+++ b/addons/l10n_pe_website_sale/__init__.py
@@ -0,0 +1,3 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import controllers
+from . import models
diff --git a/addons/l10n_pe_website_sale/__manifest__.py b/addons/l10n_pe_website_sale/__manifest__.py
new file mode 100644
index 0000000000000..2ee49824dad79
--- /dev/null
+++ b/addons/l10n_pe_website_sale/__manifest__.py
@@ -0,0 +1,27 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+{
+    "name": "Peruvian eCommerce",
+    "version": "0.1",
+    "summary": "Be able to see Identification Type in ecommerce checkout form.",
+    "category": "Accounting/Localizations/Website",
+    "author": "Vauxoo, Odoo",
+    "license": "LGPL-3",
+    "depends": [
+        "website_sale",
+        "l10n_pe",
+    ],
+    "data": [
+        "data/ir_model_fields.xml",
+        "views/templates.xml",
+    ],
+    "demo": [
+        "demo/website_demo.xml",
+    ],
+    "assets": {
+        "web.assets_frontend": [
+            "l10n_pe_website_sale/static/src/js/website_sale.js",
+        ],
+    },
+    "installable": True,
+    "auto_install": True,
+}
diff --git a/addons/l10n_pe_website_sale/controllers/__init__.py b/addons/l10n_pe_website_sale/controllers/__init__.py
new file mode 100644
index 0000000000000..9a57ed53e4786
--- /dev/null
+++ b/addons/l10n_pe_website_sale/controllers/__init__.py
@@ -0,0 +1,2 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import main
diff --git a/addons/l10n_pe_website_sale/controllers/main.py b/addons/l10n_pe_website_sale/controllers/main.py
new file mode 100644
index 0000000000000..cbf99215aa3e0
--- /dev/null
+++ b/addons/l10n_pe_website_sale/controllers/main.py
@@ -0,0 +1,93 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from odoo import http
+from odoo.http import request
+
+from odoo.addons.website_sale.controllers.main import WebsiteSale
+
+
+class L10nPEWebsiteSale(WebsiteSale):
+    def _get_mandatory_fields_billing(self, country_id=False):
+        """Extend mandatory fields to add new identification, responsibility
+        city_id and distrcit fields when company is Peru"""
+        res = super()._get_mandatory_fields_billing(country_id)
+        if country_id:
+            country = request.env['res.country'].browse(country_id)
+        if country and country == request.env.ref("base.pe"):
+            res += ["city_id", "l10n_pe_district"]
+            res.remove("city")
+        if request.website.sudo().company_id.country_id.code == "PE":
+            res += ["l10n_latam_identification_type_id", "vat"]
+        return res
+
+    def _get_mandatory_fields_shipping(self, country_id=False):
+        """Extend mandatory fields to add city_id and district fields when the selected country is Peru"""
+        res = super()._get_mandatory_fields_shipping(country_id)
+        if country_id:
+            country = request.env['res.country'].browse(country_id)
+        if country and country == request.env.ref("base.pe"):
+            res += ["city_id", "l10n_pe_district"]
+            res.remove("city")
+        return res
+
+    def _get_country_related_render_values(self, kw, render_values):
+        res = super()._get_country_related_render_values(kw, render_values)
+
+        if request.website.sudo().company_id.country_id.code == "PE":
+            values = render_values["checkout"]
+            state = (
+                "state_id" in values
+                and values["state_id"] != ""
+                and request.env["res.country.state"].browse(int(values["state_id"]))
+            )
+            city = (
+                "city_id" in values
+                and values["city_id"] != ""
+                and request.env["res.city"].browse(int(values["city_id"]))
+            )
+            to_include = {
+                "identification": kw.get("l10n_latam_identification_type_id"),
+                "identification_types": request.env["l10n_latam.identification.type"].sudo().search(
+                    ["|", ("country_id", "=", False), ("country_id.code", "=", "PE")]
+                ),
+            }
+            if state:
+                to_include["state"] = state
+                to_include["state_cities"] = state.get_website_sale_cities()
+            if city:
+                to_include["city"] = city
+                to_include["city_districts"] = city.get_website_sale_districts()
+            res.update(to_include)
+        return res
+
+    def _get_vat_validation_fields(self, data):
+        res = super()._get_vat_validation_fields(data)
+        if request.website.sudo().company_id.country_id.code == "PE":
+            res.update(
+                {
+                    "l10n_latam_identification_type_id": int(data["l10n_latam_identification_type_id"])
+                    if data.get("l10n_latam_identification_type_id")
+                    else False
+                }
+            )
+            res.update({"name": data["name"] if data.get("name") else False})
+        return res
+
+    @http.route(
+        ['/shop/state_infos/<model("res.country.state"):state>'],
+        type="json",
+        auth="public",
+        methods=["POST"],
+        website=True,
+    )
+    def state_infos(self, state, **kw):
+        return dict(
+            cities=[(c.id, c.name, c.l10n_pe_code) for c in state.get_website_sale_cities()],
+        )
+
+    @http.route(
+        ['/shop/city_infos/<model("res.city"):city>'], type="json", auth="public", methods=["POST"], website=True
+    )
+    def city_infos(self, city, **kw):
+        return dict(
+            districts=[(d.id, d.name, d.code) for d in city.get_website_sale_districts()],
+        )
diff --git a/addons/l10n_pe_website_sale/data/ir_model_fields.xml b/addons/l10n_pe_website_sale/data/ir_model_fields.xml
new file mode 100644
index 0000000000000..88d25759c6df0
--- /dev/null
+++ b/addons/l10n_pe_website_sale/data/ir_model_fields.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo>
+
+    <function model="ir.model.fields" name="formbuilder_whitelist">
+        <value>res.partner</value>
+        <value eval="[
+            'city_id',
+            'l10n_latam_identification_type_id',
+            'l10n_pe_district',
+        ]"/>
+    </function>
+
+</odoo>
diff --git a/addons/l10n_pe_website_sale/demo/website_demo.xml b/addons/l10n_pe_website_sale/demo/website_demo.xml
new file mode 100644
index 0000000000000..959181ca8e8d4
--- /dev/null
+++ b/addons/l10n_pe_website_sale/demo/website_demo.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo noupdate="1">
+
+    <record id="default_website_pe" model="website">
+        <field name="name">(PE) Peruvian Website</field>
+        <field name="company_id" ref="l10n_pe.demo_company_pe" />
+        <field name="logo" type="base64" file="l10n_pe_website_sale/static/description/icon.png" />
+        <field
+            name="domain"
+            model="ir.config_parameter"
+            eval="obj().env['ir.config_parameter'].sudo().get_param('web.base.url')"
+        />
+    </record>
+    <function model="payment.provider" name="copy">
+        <value eval="[ref('payment.payment_provider_transfer')]" />
+        <value eval="{'company_id': ref('l10n_pe.demo_company_pe'), 'state': 'enabled'}" />
+    </function>
+    <function model="product.pricelist" name="write">
+        <value
+            model="product.pricelist"
+            eval="obj().search([('currency_id', '=', ref('base.PEN')), ('company_id', '=', ref('l10n_pe.demo_company_pe'))]).id"
+        />
+        <value model="website" eval="{'sequence': 1, 'website_id': ref('l10n_pe_website_sale.default_website_pe')}" />
+    </function>
+    <function model="product.product" name="write">
+        <value model="product.product" eval="obj().search([('taxes_id', '=', False)]).ids" />
+        <value
+            model="account.tax"
+            eval="{'taxes_id': [(4, obj().search([('type_tax_use', '=', 'sale'), ('tax_group_id', '=', ref('account.%s_tax_group_exo' % ref('l10n_pe.demo_company_pe'))), ('company_id', '=', ref('l10n_pe.demo_company_pe'))]).id)]}"
+        />
+    </function>
+
+</odoo>
diff --git a/addons/l10n_pe_website_sale/i18n/es.po b/addons/l10n_pe_website_sale/i18n/es.po
new file mode 100644
index 0000000000000..e4ab639ab5066
--- /dev/null
+++ b/addons/l10n_pe_website_sale/i18n/es.po
@@ -0,0 +1,76 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# 	* l10n_pe_website_sale
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 16.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2023-04-04 22:20+0000\n"
+"PO-Revision-Date: 2023-04-04 22:20+0000\n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_info
+msgid ""
+"Changing Identification type is not allowed once document(s) have been "
+"issued for your account. Please contact us directly for this operation."
+msgstr ""
+"No se permite cambiar el tipo de identificación una vez que se hayan emitido los documentos "
+"para su cuenta. Póngase en contacto con nosotros directamente para esta operación."
+
+#. module: l10n_pe_website_sale
+#: model:ir.model,name:l10n_pe_website_sale.model_res_city
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "City"
+msgstr "Ciudad"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "City..."
+msgstr "Ciudad..."
+
+#. module: l10n_pe_website_sale
+#: model:ir.model,name:l10n_pe_website_sale.model_res_country_state
+msgid "Country state"
+msgstr "Estado"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "District"
+msgstr "Distrito"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_address_info
+msgid "District..."
+msgstr "Distrito..."
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_info
+msgid "Identification Type"
+msgstr "Tipo de Identificación"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.partner_info
+msgid "Identification Type..."
+msgstr "Tipo de Identificación..."
+
+#. module: l10n_pe_website_sale
+#: model:website,prevent_zero_price_sale_text:l10n_pe_website_sale.default_website_pe
+msgid "Not Available For Sale"
+msgstr "No disponible para la venta"
+
+#. module: l10n_pe_website_sale
+#: model_terms:ir.ui.view,arch_db:l10n_pe_website_sale.address
+msgid "Number"
+msgstr "Número"
+
+#. module: l10n_pe_website_sale
+#: model:ir.model,name:l10n_pe_website_sale.model_website
+msgid "Website"
+msgstr "Sitio web"
diff --git a/addons/l10n_pe_website_sale/models/__init__.py b/addons/l10n_pe_website_sale/models/__init__.py
new file mode 100644
index 0000000000000..632d7f9e11361
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/__init__.py
@@ -0,0 +1,5 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from . import res_city
+from . import res_country_state
+from . import website
diff --git a/addons/l10n_pe_website_sale/models/res_city.py b/addons/l10n_pe_website_sale/models/res_city.py
new file mode 100644
index 0000000000000..a8276eb07d385
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/res_city.py
@@ -0,0 +1,10 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from odoo import models
+
+
+class City(models.Model):
+    _inherit = "res.city"
+
+    def get_website_sale_districts(self):
+        return self.env["l10n_pe.res.city.district"].sudo().search([("city_id", "=", self.id)])
diff --git a/addons/l10n_pe_website_sale/models/res_country_state.py b/addons/l10n_pe_website_sale/models/res_country_state.py
new file mode 100644
index 0000000000000..6958b944480bb
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/res_country_state.py
@@ -0,0 +1,10 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from odoo import models
+
+
+class CountryState(models.Model):
+    _inherit = "res.country.state"
+
+    def get_website_sale_cities(self):
+        return self.env["res.city"].sudo().search([("state_id", "=", self.id)])
diff --git a/addons/l10n_pe_website_sale/models/website.py b/addons/l10n_pe_website_sale/models/website.py
new file mode 100644
index 0000000000000..1a28e3c8794d6
--- /dev/null
+++ b/addons/l10n_pe_website_sale/models/website.py
@@ -0,0 +1,12 @@
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+
+from odoo import models
+
+
+class Website(models.Model):
+    _inherit = "website"
+
+    def _display_partner_b2b_fields(self):
+        """Peruvian localization must always display b2b fields"""
+        self.ensure_one()
+        return self.company_id.country_id.code == "PE" or super()._display_partner_b2b_fields()
diff --git a/addons/l10n_pe_website_sale/static/description/icon.png b/addons/l10n_pe_website_sale/static/description/icon.png
new file mode 100644
index 0000000000000..e6080d3f776f5
Binary files /dev/null and b/addons/l10n_pe_website_sale/static/description/icon.png differ
diff --git a/addons/l10n_pe_website_sale/static/src/js/website_sale.js b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
new file mode 100644
index 0000000000000..ff66eee3af0c7
--- /dev/null
+++ b/addons/l10n_pe_website_sale/static/src/js/website_sale.js
@@ -0,0 +1,109 @@
+/** @odoo-module **/
+import { WebsiteSale } from "@website_sale/js/website_sale";
+
+WebsiteSale.include({
+    events: Object.assign({}, WebsiteSale.prototype.events, {
+        "change select[name='state_id']": "_onChangeState",
+        "change select[name='city_id']": "_onChangeCity",
+    }),
+    start: function () {
+        this.selectCities = document.querySelector("select[name='city_id']");
+        this.selectDistricts = document.querySelector("select[name='l10n_pe_district']");
+        this.cityBlock = document.querySelector(".div_city");
+        this.autoFormat = document.querySelector(".checkout_autoformat");
+        this.selectedState = document.querySelector("select[name='state_id']");
+        return this._super.apply(this, arguments);
+    },
+    _changeState: function () {
+        if (!document.getElementById("state_id").value) {
+            return;
+        }
+        this._rpc({
+            route: "/shop/state_infos/" + document.getElementById("state_id").value,
+        }).then(data => {
+            // populate cities and display
+            if (data.cities.length) {
+                this.selectCities.innerHTML = "";
+                let option = document.createElement("option");
+                option.textContent = "City...";
+                this.selectCities.appendChild(option);
+                data.cities.forEach(city => {
+                    let opt = document.createElement("option");
+                    opt.textContent = city[1];
+                    opt.value = city[0];
+                    opt.setAttribute("data-code", city[2]);
+                    this.selectCities.appendChild(opt);
+                });
+                this.selectCities.parentElement.style.display = "block";
+            } else {
+                this.selectCities.value = "";
+                this.selectCities.parentElement.style.display = "none";
+            }
+            this.selectDistricts.value = "";
+            this.selectDistricts.parentElement.style.display = "none";
+        });
+    },
+    _changeCity: function () {
+        if (!document.getElementById("city_id").value) {
+            return;
+        }
+        this._rpc({
+            route: "/shop/city_infos/" + document.getElementById("city_id").value,
+        }).then(data => {
+            // populate districts and display
+            if (data.districts.length) {
+                this.selectDistricts.innerHTML = "";
+                data.districts.forEach(district => {
+                    let opt = document.createElement("option");
+                    opt.textContent = district[1];
+                    opt.value = district[0];
+                    opt.setAttribute("data-code", district[2]);
+                    this.selectDistricts.appendChild(opt);
+                });
+                this.selectDistricts.parentElement.style.display = "block";
+            } else {
+                this.selectDistricts.value = "";
+                this.selectDistricts.parentElement.style.display = "none";
+            }
+        });
+    },
+    _onChangeState: function (ev) {
+        if (!this.autoFormat.length) {
+            return;
+        }
+        this._changeState();
+    },
+    _onChangeCity: function (ev) {
+        if (!this.autoFormat.length) {
+            return;
+        }
+        this._changeCity();
+    },
+    _onChangeCountry: function (ev) {
+        this._super(...arguments);
+
+        // si el div de state se muestra hacer trigger del change state
+
+        // Create a new 'change' event en JS
+        // var event = new Event('change');
+        // this.selectedState.dispatchEvent(event);
+
+        // jquery
+        $(this.selectedState).change();
+
+        let selectedCountry = ev.currentTarget.options[ev.currentTarget.selectedIndex].getAttribute("code");
+
+        if (selectedCountry == "PE") {
+            this.cityBlock.classList.add("d-none");
+        } else if (selectedCountry != "PE") {
+            this.cityBlock.querySelectorAll("input").forEach(input => {
+                input.value = "";
+            });
+            this.cityBlock.classList.remove("d-none");
+            this.selectCities.value = "";
+            this.selectCities.parentElement.style.display = "none";
+            this.selectDistricts.value = "";
+            this.selectDistricts.parentElement.style.display = "none";
+        }
+    },
+});
diff --git a/addons/l10n_pe_website_sale/views/templates.xml b/addons/l10n_pe_website_sale/views/templates.xml
new file mode 100644
index 0000000000000..a5d35f23c260f
--- /dev/null
+++ b/addons/l10n_pe_website_sale/views/templates.xml
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo>
+
+    <template id="partner_info" name="Peruvian partner">
+
+        <!-- show identification type -->
+        <div t-attf-class="mb-3 #{error.get('l10n_latam_identification_type_id') and 'o_has_error' or ''} col-xl-6">
+            <label class="col-form-label" for="l10n_latam_identification_type_id">Identification Type</label>
+            <t t-if="partner.can_edit_vat()">
+                <select
+                    name="l10n_latam_identification_type_id"
+                    t-attf-class="form-select #{error.get('l10n_latam_identification_type_id') and 'is-invalid' or ''}"
+                >
+                    <option value="">Identification Type...</option>
+                    <t t-foreach="identification_types or []" t-as="id_type">
+                        <option
+                            t-att-value="id_type.id"
+                            t-att-selected="id_type.id == int(identification) if identification else id_type.id == partner.l10n_latam_identification_type_id.id"
+                        >
+                            <t t-esc="id_type.name" />
+                        </option>
+                    </t>
+                </select>
+            </t>
+            <t t-else="">
+                <p
+                    class="form-control"
+                    t-esc="partner.l10n_latam_identification_type_id.name"
+                    readonly="1"
+                    title="Changing Identification type is not allowed once document(s) have been issued for your account. Please contact us directly for this operation."
+                />
+                <input
+                    name="l10n_latam_identification_type_id"
+                    class="form-control"
+                    t-att-value="partner.l10n_latam_identification_type_id.id"
+                    type='hidden'
+                />
+            </t>
+        </div>
+
+    </template>
+
+    <template id="partner_address_info" name="Peruvian partner address">
+
+        <!-- show city -->
+        <div
+            t-attf-class="mb-3 #{error.get('city_id') and 'o_has_error' or ''} col-lg-6 div_city_id"
+            t-attf-style="#{(country and country.code != 'PE') and 'display: none' or ''}"
+        >
+            <label class="col-form-label" for="city_id">City</label>
+            <select
+                id="city_id"
+                name="city_id"
+                t-attf-class="form-select #{error.get('city_id') and 'is-invalid' or ''}"
+                data-init="1"
+            >
+                <t t-foreach="state_cities" t-as="c">
+                    <option
+                        t-att-value="c.id"
+                        t-att-selected="c.id == ('city_id' in checkout and checkout['city_id'] != '' and int(checkout['city_id']))"
+                    >
+                        <t t-esc="c.name" />
+                    </option>
+                </t>
+            </select>
+        </div>
+
+        <!-- show district -->
+        <div
+            t-attf-class="mb-3 #{error.get('l10n_pe_district') and 'o_has_error' or ''} col-lg-6 div_district"
+            t-att-style="not city and 'display: none'"
+        >
+            <label class="col-form-label" for="l10n_pe_district">District</label>
+            <select
+                id="l10n_pe_district"
+                name="l10n_pe_district"
+                t-attf-class="form-select #{error.get('l10n_pe_district') and 'is-invalid' or ''}"
+                data-init="1"
+            >
+                <t t-foreach="city_districts" t-as="d">
+                    <option
+                        t-att-value="d.id"
+                        t-att-selected="d.id == ('l10n_pe_district' in checkout and checkout['l10n_pe_district'] != '' and int(checkout['l10n_pe_district']))"
+                    >
+                        <t t-esc="d.name" />
+                    </option>
+                </t>
+            </select>
+        </div>
+
+    </template>
+
+    <template id="address" inherit_id="website_sale.address">
+        <xpath expr="//input[@name='vat']/.." position="before">
+            <t t-if="mode[1] == 'billing'" position="inside">
+                <t t-if="res_company.country_id.code == 'PE'">
+                    <t t-set="partner" t-value="website_sale_order.partner_id" />
+                    <t t-call="l10n_pe_website_sale.partner_info" />
+                </t>
+            </t>
+        </xpath>
+        <label for="vat" position="attributes">
+            <attribute name="t-if">res_company.country_id.code != 'PE'</attribute>
+        </label>
+        <label for="vat" position="after">
+            <label
+                t-if="res_company.country_id.code == 'PE'"
+                class="col-form-label label-optional"
+                for="vat"
+            >Number</label>
+        </label>
+        <xpath expr="//select[@name='state_id']/.." position="after">
+            <div class="w-100" />
+                <t t-if="res_company.country_id.code == 'PE'">
+                    <t t-call="l10n_pe_website_sale.partner_address_info" />
+                </t>
+        </xpath>
+        <select name="state_id" position="attributes">
+            <attribute name="id">state_id</attribute>
+        </select>
+        <!-- Sets the country code for every country option -->
+        <xpath expr="//t[@t-foreach='countries']//option" position="attributes">
+            <attribute name="t-att-code">c.code</attribute>
+        </xpath>
+    </template>
+
+</odoo>