---
title: Cum adaug un checkbox la checkout în Magento 2?
description: "Adăugarea unui checkbox personalizat (de exemplu pentru abonarea la newsletter) în checkout-ul Magento 2 se face printr-un modul personalizat care depinde de **Magento_Checkout**. Pașii de mai jos și codul sunt un exemplu; personalizează-le după nevoile tale. ### 1. Componenta UI…"
url: "https://www.hostx.ro/kb/cum-adaug-un-checkbox-la-checkout-in-magento-2/"
updated: "2026-07-26"
category: Programare / Aplicații / Magento
tags:
  - checkout
  - configurare
  - Frontend
  - Magento 2
  - plugin
---

# Cum adaug un checkbox la checkout în Magento 2?

Adăugarea unui checkbox personalizat (de exemplu pentru abonarea la newsletter) în checkout-ul Magento 2 se face printr-un modul personalizat care depinde de **Magento_Checkout**. Pașii de mai jos și codul sunt un exemplu; personalizează-le după nevoile tale.

### 1. Componenta UI (JavaScript)

Creează `<Vendor>/<Module>/view/frontend/web/js/view/checkout-form.js`:

```
define(['Magento_Ui/js/form/form'], function (Component) {
    'use strict';
    return Component.extend({
        onSubmit: function () {
            this.source.set('params.invalid', false);
            this.source.trigger('customCheckoutForm.data.validate');
            if (!this.source.get('params.invalid')) {
                var formData = this.source.get('customCheckoutForm');
                console.dir(formData);
            }
        }
    });
});
```

### 2. Adăugarea în layout-ul de checkout

Extinde `checkout_index_index.xml` în `<Vendor>/<Module>/view/frontend/layout/` pentru a insera componenta și câmpurile. Un checkbox se declară ca element `Magento_Ui/js/form/element/boolean`, folosind `checkoutProvider` din modulul Magento_Checkout, cu `elementTmpl` setat la `ui/form/element/checkbox`.

### 3. Aplicarea modificărilor

Golește fișierele generate și repornește deployment-ul:

```
rm -rf pub/static/frontend/* var/view_preprocessed/*
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
```

Pentru detalii complete, consultă [documentația oficială de checkout](https://experienceleague.adobe.com/en/docs/commerce-operations/frontend-development-guide/checkout/checkout-overview).