diff --git a/src/main/java/cl/transbank/webpay/example/controllers/TransaccionCompletaMallDiferidoController.java b/src/main/java/cl/transbank/webpay/example/controllers/TransaccionCompletaMallDiferidoController.java
new file mode 100644
index 0000000..beae58a
--- /dev/null
+++ b/src/main/java/cl/transbank/webpay/example/controllers/TransaccionCompletaMallDiferidoController.java
@@ -0,0 +1,308 @@
+package cl.transbank.webpay.example.controllers;
+
+import cl.transbank.common.IntegrationApiKeys;
+import cl.transbank.common.IntegrationCommerceCodes;
+import cl.transbank.common.IntegrationType;
+import cl.transbank.model.MallTransactionCreateDetails;
+import cl.transbank.webpay.common.WebpayOptions;
+import cl.transbank.webpay.exception.*;
+import cl.transbank.webpay.example.models.MallDetailSession;
+import cl.transbank.webpay.transaccioncompleta.MallFullTransaction;
+import cl.transbank.webpay.transaccioncompleta.model.MallTransactionCommitDetails;
+import cl.transbank.webpay.transaccioncompleta.responses.MallFullTransactionInstallmentsDetails;
+import jakarta.servlet.http.HttpServletRequest;
+import lombok.extern.log4j.Log4j2;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.*;
+
+import java.io.IOException;
+import java.security.SecureRandom;
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+@Log4j2
+@Controller
+@RequestMapping("/transaccion-completa-mall-diferido")
+public class TransaccionCompletaMallDiferidoController extends BaseController {
+    private static final String TEMPLATE_FOLDER = "transaccion_completa_mall_diferido";
+    private static final String BASE_URL = "/transaccion-completa-mall-diferido";
+    private static final String PRODUCT = "Webpay Transacción Completa Mall Diferido";
+
+    private static final String VIEW_INDEX = TEMPLATE_FOLDER + "/index";
+    private static final String VIEW_CREATE = TEMPLATE_FOLDER + "/create";
+    private static final String VIEW_INSTALLMENTS = TEMPLATE_FOLDER + "/installments";
+    private static final String VIEW_COMMIT = TEMPLATE_FOLDER + "/commit";
+    private static final String VIEW_STATUS = TEMPLATE_FOLDER + "/status";
+    private static final String VIEW_REFUND = TEMPLATE_FOLDER + "/refund";
+    private static final String VIEW_CAPTURE = TEMPLATE_FOLDER + "/capture";
+
+    private static final String NAV_LABEL_FORM = "Formulario";
+    private static final String NAV_LABEL_REQUEST = "Petición";
+    private static final String NAV_LABEL_RESPONSE = "Respuesta";
+
+    private static final String ATTR_NAVIGATION = "navigation";
+    private static final String ATTR_PRODUCT = "product";
+    private static final String ATTR_BREADCRUMBS = "breadcrumbs";
+    private static final String ATTR_RESPONSE_DATA = "response_data";
+    private static final String ATTR_RESPONSE_DATA_JSON = "response_data_json";
+    private static final String ATTR_REQUEST_TOKEN = "request_token";
+    private static final String ATTR_AMOUNT = "amount";
+    private static final String ATTR_ERROR = "error";
+    private static final String ATTR_ID_QUERY_INSTALLMENTS = "id_query_installments";
+
+    private static final String SESSION_DETAILS = "transaccion_completa_mall_diferido_details";
+    private static final String NAV_KEY_REQUEST = "request";
+    private static final String NAV_KEY_RESPONSE = "response";
+    private static final String NAV_KEY_FORM = "form";
+
+    private static final SecureRandom SECURE_RANDOM = new SecureRandom();
+
+    private static final Map<String, String> NAV_INDEX = createNav(NAV_KEY_FORM);
+    private static final Map<String, String> NAV_CREATE = createNav(NAV_KEY_REQUEST, NAV_KEY_RESPONSE, NAV_KEY_FORM);
+    private static final Map<String, String> NAV_INSTALLMENTS = createNav(NAV_KEY_REQUEST, NAV_KEY_RESPONSE, NAV_KEY_FORM);
+    private static final Map<String, String> NAV_COMMIT = createNav(NAV_KEY_REQUEST, NAV_KEY_RESPONSE, NAV_KEY_FORM);
+    private static final Map<String, String> NAV_STATUS = createNav(NAV_KEY_REQUEST, NAV_KEY_RESPONSE);
+    private static final Map<String, String> NAV_CAPTURE = NAV_STATUS;
+    private static final Map<String, String> NAV_REFUND = NAV_STATUS;
+    private final MallFullTransaction tx;
+
+    private static Map<String, String> createNav(String... keys) {
+        Map<String, String> nav = new LinkedHashMap<>();
+        for (String key : keys) {
+            String label = switch (key) {
+                case NAV_KEY_REQUEST -> NAV_LABEL_REQUEST;
+                case NAV_KEY_RESPONSE -> NAV_LABEL_RESPONSE;
+                case NAV_KEY_FORM -> NAV_LABEL_FORM;
+                default -> null;
+            };
+            if (label != null) {
+                nav.put(key, label);
+            }
+        }
+        return nav;
+    }
+
+
+    public TransaccionCompletaMallDiferidoController() {
+        this.tx = new MallFullTransaction(
+                new WebpayOptions(
+                        IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED,
+                        IntegrationApiKeys.WEBPAY,
+                        IntegrationType.TEST
+                )
+        );
+    }
+
+    private void addProductAndBreadcrumbs(Model model, String label, String url) {
+        var breadcrumbs = new LinkedHashMap<String, String>();
+        breadcrumbs.put("Inicio", "/");
+        breadcrumbs.put(PRODUCT, BASE_URL);
+        if (label != null) {
+            breadcrumbs.put(label, url);
+        }
+        model.addAttribute(ATTR_PRODUCT, PRODUCT);
+        model.addAttribute(ATTR_BREADCRUMBS, breadcrumbs);
+    }
+
+    @GetMapping("")
+    public String index(Model model) {
+        model.addAttribute(ATTR_NAVIGATION, NAV_INDEX);
+        addProductAndBreadcrumbs(model, null, null);
+        return VIEW_INDEX;
+    }
+
+    @PostMapping("/create")
+    public String create(
+            HttpServletRequest req,
+            @RequestParam("number") String number,
+            @RequestParam("expiry") String expiry,
+            @RequestParam("cvc") String cvc,
+            Model model
+    ) throws TransactionCreateException, IOException {
+        model.addAttribute(ATTR_NAVIGATION, NAV_CREATE);
+        addProductAndBreadcrumbs(model, "Crear transacción", BASE_URL + "/create");
+
+        String cardNumber = number.replaceAll("\\s+", "");
+        String[] expiryParts = expiry.split("/");
+        String month = expiryParts.length > 0 ? expiryParts[0] : "";
+        String year = expiryParts.length > 1 ? expiryParts[1] : "";
+        String cardExpiry = year + "/" + month;
+
+        String buyOrder = "O-" + getRandomNumber();
+        String sessionId = "S-" + getRandomNumber();
+
+        var sessionDetails = buildSessionDetails(
+                IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED_CHILD1,
+                IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED_CHILD2
+        );
+
+        var details = MallTransactionCreateDetails.build()
+                .add(sessionDetails.get(0).getAmount(), sessionDetails.get(0).getCommerceCode(), sessionDetails.get(0).getBuyOrder())
+                .add(sessionDetails.get(1).getAmount(), sessionDetails.get(1).getCommerceCode(), sessionDetails.get(1).getBuyOrder());
+
+        var resp = tx.create(buyOrder, sessionId, cardNumber, cardExpiry, details, Short.parseShort(cvc));
+        req.getSession().setAttribute(SESSION_DETAILS, sessionDetails);
+
+        model.addAttribute(ATTR_RESPONSE_DATA, resp);
+        model.addAttribute(ATTR_RESPONSE_DATA_JSON, toJson(resp));
+
+        return VIEW_CREATE;
+    }
+
+    @PostMapping("/installments")
+    public String installments(
+            HttpServletRequest req,
+            @RequestParam("token") String token,
+            @RequestParam("installments_number") byte installmentsNumber,
+            Model model
+    ) throws TransactionInstallmentException, IOException {
+        model.addAttribute(ATTR_NAVIGATION, NAV_INSTALLMENTS);
+        addProductAndBreadcrumbs(model, "Consulta de cuotas", BASE_URL + "/installments");
+
+        List<MallDetailSession> sessionDetails = getSessionDetails(req);
+        if (sessionDetails.isEmpty()) {
+            model.addAttribute(ATTR_ERROR, "Debes crear la transacción antes de consultar cuotas.");
+            return VIEW_ERROR;
+        }
+
+        var details = MallFullTransactionInstallmentsDetails.build()
+                .add(sessionDetails.get(0).getCommerceCode(), sessionDetails.get(0).getBuyOrder(), installmentsNumber)
+                .add(sessionDetails.get(1).getCommerceCode(), sessionDetails.get(1).getBuyOrder(), installmentsNumber);
+
+        var resp = tx.installments(token, details);
+        Long idQueryInstallments = null;
+        if (resp != null && resp.getResponseList() != null && !resp.getResponseList().isEmpty()) {
+            idQueryInstallments = resp.getResponseList().get(0).getIdQueryInstallments();
+        }
+
+        model.addAttribute(ATTR_REQUEST_TOKEN, token);
+        model.addAttribute(ATTR_RESPONSE_DATA, resp);
+        model.addAttribute(ATTR_RESPONSE_DATA_JSON, toJson(resp));
+        model.addAttribute(ATTR_ID_QUERY_INSTALLMENTS, idQueryInstallments);
+
+        return VIEW_INSTALLMENTS;
+    }
+
+    @GetMapping("/commit")
+    public String commit(
+            HttpServletRequest req,
+            @RequestParam("token") String token,
+            @RequestParam(value = "idQueryInstallments", required = false) Long idQueryInstallments,
+            @RequestParam(value = "deferredPeriodIndex", required = false) Byte deferredPeriodIndex,
+            @RequestParam(value = "gracePeriod", required = false) Boolean gracePeriod,
+            Model model
+    ) throws TransactionCommitException, IOException {
+        model.addAttribute(ATTR_NAVIGATION, NAV_COMMIT);
+        addProductAndBreadcrumbs(model, "Confirmar transacción", BASE_URL + "/commit");
+
+        List<MallDetailSession> sessionDetails = getSessionDetails(req);
+        if (sessionDetails.isEmpty()) {
+            model.addAttribute(ATTR_ERROR, "Debes crear la transacción antes de confirmar.");
+            return VIEW_ERROR;
+        }
+
+        boolean safeGracePeriod = gracePeriod != null ? gracePeriod : Boolean.FALSE;
+
+        var details = MallTransactionCommitDetails.build()
+                .add(sessionDetails.get(0).getCommerceCode(), sessionDetails.get(0).getBuyOrder(), idQueryInstallments, deferredPeriodIndex, safeGracePeriod)
+                .add(sessionDetails.get(1).getCommerceCode(), sessionDetails.get(1).getBuyOrder(), idQueryInstallments, deferredPeriodIndex, safeGracePeriod);
+
+        var resp = tx.commit(token, details);
+
+        model.addAttribute(ATTR_REQUEST_TOKEN, token);
+        model.addAttribute(ATTR_RESPONSE_DATA, resp);
+        model.addAttribute(ATTR_RESPONSE_DATA_JSON, toJson(resp));
+
+        return VIEW_COMMIT;
+    }
+
+    @GetMapping("/capture")
+    public String capture(
+            @RequestParam("token") String token,
+            @RequestParam("child_commerce_code") String commerceCode,
+            @RequestParam("child_buy_order") String buyOrder,
+            @RequestParam("authorization_code") String authorizationCode,
+            @RequestParam("amount") double amount,
+            Model model
+    ) throws TransactionCaptureException, IOException {
+        model.addAttribute(ATTR_NAVIGATION, NAV_CAPTURE);
+        addProductAndBreadcrumbs(model, "Capturar", BASE_URL + "/capture");
+
+        var resp = tx.capture(token, commerceCode, buyOrder, authorizationCode, amount);
+        model.addAttribute(ATTR_AMOUNT, amount);
+        model.addAttribute(ATTR_REQUEST_TOKEN, token);
+        model.addAttribute(ATTR_RESPONSE_DATA, resp);
+        model.addAttribute(ATTR_RESPONSE_DATA_JSON, toJson(resp));
+        model.addAttribute("child_buy_order", buyOrder);
+        model.addAttribute("child_commerce_code", commerceCode);
+
+        return VIEW_CAPTURE;
+    }
+
+    @GetMapping("/status")
+    public String status(
+            @RequestParam("token") String token,
+            Model model
+    ) throws TransactionStatusException, IOException {
+        model.addAttribute(ATTR_NAVIGATION, NAV_STATUS);
+        addProductAndBreadcrumbs(model, "Estado de transacción", BASE_URL + "/status");
+
+        var resp = tx.status(token);
+        model.addAttribute(ATTR_RESPONSE_DATA, resp);
+        model.addAttribute(ATTR_RESPONSE_DATA_JSON, toJson(resp));
+
+        return VIEW_STATUS;
+    }
+
+    @GetMapping("/refund")
+    public String refund(
+            @RequestParam("token") String token,
+            @RequestParam("buy_order") String buyOrder,
+            @RequestParam("commerce_code") String commerceCode,
+            @RequestParam("amount") double amount,
+            Model model
+    ) throws TransactionRefundException, IOException {
+        model.addAttribute(ATTR_NAVIGATION, NAV_REFUND);
+        addProductAndBreadcrumbs(model, "Reembolsar", BASE_URL + "/refund");
+
+        var resp = tx.refund(token, buyOrder, commerceCode, amount);
+        model.addAttribute(ATTR_REQUEST_TOKEN, token);
+        model.addAttribute(ATTR_RESPONSE_DATA, resp);
+        model.addAttribute(ATTR_RESPONSE_DATA_JSON, toJson(resp));
+
+        return VIEW_REFUND;
+    }
+
+    private List<MallDetailSession> buildSessionDetails(String commerceCode1, String commerceCode2) {
+        List<MallDetailSession> details = new ArrayList<>();
+        details.add(new MallDetailSession(
+                1000.0 + SECURE_RANDOM.nextInt(1001),
+                commerceCode1,
+                "O-" + getRandomNumber()
+        ));
+        details.add(new MallDetailSession(
+                1000.0 + SECURE_RANDOM.nextInt(1001),
+                commerceCode2,
+                "O-" + getRandomNumber()
+        ));
+        return details;
+    }
+
+    @SuppressWarnings("unchecked")
+    private List<MallDetailSession> getSessionDetails(HttpServletRequest req) {
+        Object value = req.getSession().getAttribute(SESSION_DETAILS);
+        if (value instanceof List<?>) {
+            return (List<MallDetailSession>) value;
+        }
+        return new ArrayList<>();
+    }
+
+    @ExceptionHandler(Exception.class)
+    public String handleException(Exception e, Model model) {
+        model.addAttribute(ATTR_ERROR, e.getMessage());
+        return VIEW_ERROR;
+    }
+}
diff --git a/src/main/resources/templates/transaccion_completa_mall_diferido/capture.html b/src/main/resources/templates/transaccion_completa_mall_diferido/capture.html
new file mode 100644
index 0000000..4ac779f
--- /dev/null
+++ b/src/main/resources/templates/transaccion_completa_mall_diferido/capture.html
@@ -0,0 +1,68 @@
+<div th:replace="~{layout :: layout(~{::content})}">
+  <div th:fragment="content">
+    <h1>Transacción Completa Mall Diferido - Capturar transacción</h1>
+    <p class="mb-32">
+      En este paso debemos capturar la transacción para realmente capturar el dinero que habia sido previamente reservado al hacer la transacción.
+    </p>
+
+    <h2 id="request">Paso 1: Petición</h2>
+    <p class="mb-32">
+      Para capturar una transacción, necesitaremos el Token, la Orden de compra, el Código de autorización y el monto a capturar.
+    </p>
+
+    <pre class="mb-16"><code class="language-java">
+import cl.transbank.common.IntegrationApiKeys;
+import cl.transbank.common.IntegrationCommerceCodes;
+import cl.transbank.common.IntegrationType;
+import cl.transbank.webpay.common.WebpayOptions;
+import cl.transbank.webpay.transaccioncompleta.MallFullTransaction;
+
+MallFullTransaction tx = new MallFullTransaction(
+  new WebpayOptions(
+    IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED,
+    IntegrationApiKeys.WEBPAY,
+    IntegrationType.TEST
+  )
+);
+
+var resp = tx.capture(token, childCommerceCode, childBuyOrder, authorizationCode, amount);
+    </code></pre>
+
+    <h2 id="response">Paso 2: Respuesta</h2>
+    <p class="mb-32">Una vez capturada la transacción, recibirás los siguientes datos de respuesta:</p>
+
+    <pre class="mb-16"><code class="language-json" th:text="${response_data_json}"></code></pre>
+
+    <h2 id="form">Otras utilidades</h2>
+    <p class="mb-16">
+      Con la transacción capturada, puedes mostrar al usuario una página de éxito de la transacción, proporcionándole la confirmación de que el proceso se ha completado con éxito.
+    </p>
+
+    <p>Después de capturar la transacción, podrás realizar otras operaciones útiles:</p>
+    <ul class="bullet-list">
+      <li><span class="fw-700">Reembolsar:</span> Puedes reversar o anular el pago según ciertas condiciones comerciales.</li>
+      <li><span class="fw-700">Consultar Estado:</span> Hasta 7 días después de realizada la transacción, podrás consultar el estado de la transacción.</li>
+    </ul>
+
+    <form th:action="@{/transaccion-completa-mall-diferido/refund}" method="GET" data-loading-form="true">
+      <div class="tbk-card">
+        <div class="input-container mb-32">
+          <label for="amount" class="tbk-label">Monto a reembolsar</label>
+          <input type="text" id="amount" name="amount" class="tbk-input-text" th:value="${amount}" />
+          <input type="hidden" name="token" th:value="${request_token}" />
+          <input type="hidden" name="buy_order" th:value="${child_buy_order}" />
+          <input type="hidden" name="commerce_code" th:value="${child_commerce_code}" />
+        </div>
+
+        <div class="tbk-card-footer">
+          <button type="submit" class="tbk-button primary loading-button" data-loading-button="true">
+            <span class="loading-spinner" aria-hidden="true"></span>
+            <span>REEMBOLSAR</span>
+          </button>
+        </div>
+      </div>
+    </form>
+
+    <a th:href="@{/transaccion-completa-mall-diferido/status(token=${request_token})}" class="tbk-button primary mb-32">CONSULTAR ESTADO</a>
+  </div>
+</div>
diff --git a/src/main/resources/templates/transaccion_completa_mall_diferido/commit.html b/src/main/resources/templates/transaccion_completa_mall_diferido/commit.html
new file mode 100644
index 0000000..e5c5b1d
--- /dev/null
+++ b/src/main/resources/templates/transaccion_completa_mall_diferido/commit.html
@@ -0,0 +1,81 @@
+<div th:replace="~{layout :: layout(~{::content})}">
+  <div th:fragment="content">
+    <h1>Transacción Completa Mall Diferido - Confirmar transacción</h1>
+    <p class="mb-32">
+      En este paso crucial, procederemos a confirmar la transacción con el objetivo de notificar a
+      Transbank que hemos recibido la transacción de manera exitosa. Es fundamental destacar que si no se confirma la
+      transacción, esta será caducada.
+    </p>
+
+    <h2 id="request">Paso 1: Petición</h2>
+    <p class="mb-32">
+      Para confirmar la transacción, debes enviar el token correspondiente. En el caso de pagos a
+      plazos, también debes incluir el ID de la consulta de cuotas. En algunos casos, será necesario proporcionar el
+      índice del periodo diferido y un valor boolean indicando si se tomará el periodo de gracia.
+    </p>
+
+    <pre class="mb-16"><code class="language-java">
+import cl.transbank.common.IntegrationApiKeys;
+import cl.transbank.common.IntegrationCommerceCodes;
+import cl.transbank.common.IntegrationType;
+import cl.transbank.webpay.common.WebpayOptions;
+import cl.transbank.webpay.transaccioncompleta.MallFullTransaction;
+import cl.transbank.webpay.transaccioncompleta.model.MallTransactionCommitDetails;
+
+MallFullTransaction tx = new MallFullTransaction(
+  new WebpayOptions(
+    IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED,
+    IntegrationApiKeys.WEBPAY,
+    IntegrationType.TEST
+  )
+);
+
+// idQueryInstallments, deferredPeriodIndex y gracePeriod son opcionales
+var details = MallTransactionCommitDetails.build()
+  .add("597055555577", "O-123", idQueryInstallments, deferredPeriodIndex, gracePeriod)
+  .add("597055555578", "O-456", idQueryInstallments, deferredPeriodIndex, gracePeriod);
+
+var resp = tx.commit(token, details);
+    </code></pre>
+
+    <h2 id="response">Paso 2: Respuesta</h2>
+    <p>
+      Una vez que la transacción ha sido confirmada Transbank proporcionará la siguiente información. Es fundamental
+      conservar esta respuesta y verificar que el campo "response_code" tenga un valor de cero y que el campo "status"
+      sea "AUTHORIZED".
+    </p>
+
+    <pre class="mb-16"><code class="language-json" th:text="${response_data_json}"></code></pre>
+
+    <h2 id="form">¡Listo!</h2>
+    <p class="mb-16">Ahora que se ha confirmado la transacción, puedes capturar el monto previamente autorizado.</p>
+
+    <div th:each="detail : ${response_data.details}">
+      <form th:action="@{/transaccion-completa-mall-diferido/capture}" method="GET" data-loading-form="true">
+        <div class="tbk-card">
+          <span class="tbk-card-title">Capturar</span>
+          <div class="input-container mb-32">
+            <label for="child_buy_order" class="tbk-label">Orden de compra (tienda)</label>
+            <input type="text" name="child_buy_order" class="tbk-input-text mb-16" th:value="${detail.buyOrder}" />
+            <label for="child_commerce_code" class="tbk-label">Commerce Code (tienda)</label>
+            <input type="text" name="child_commerce_code" class="tbk-input-text mb-16" th:value="${detail.commerceCode}" />
+            <label for="authorization_code" class="tbk-label">Código de autorización</label>
+            <input type="text" name="authorization_code" class="tbk-input-text mb-16" th:value="${detail.authorizationCode}" />
+            <label for="amount" class="tbk-label">Monto a capturar</label>
+            <input type="text" name="amount" class="tbk-input-text mb-16" th:value="${detail.amount}" />
+            <input type="hidden" name="token" th:value="${request_token}" />
+          </div>
+
+          <div class="tbk-card-footer">
+            <button type="submit" class="tbk-button primary loading-button" data-loading-button="true">
+              <span class="loading-spinner" aria-hidden="true"></span>
+              <span>CAPTURAR</span>
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+
+    <a th:href="@{/transaccion-completa-mall-diferido/status(token=${request_token})}" class="tbk-button primary mb-32">CONSULTAR ESTADO</a>
+  </div>
+</div>
diff --git a/src/main/resources/templates/transaccion_completa_mall_diferido/create.html b/src/main/resources/templates/transaccion_completa_mall_diferido/create.html
new file mode 100644
index 0000000..3b6f606
--- /dev/null
+++ b/src/main/resources/templates/transaccion_completa_mall_diferido/create.html
@@ -0,0 +1,71 @@
+<div th:replace="~{layout :: layout(~{::content})}">
+  <div th:fragment="content">
+    <h1>Transacción Completa Mall Diferido - Crear transacción</h1>
+    <p class="mb-32">
+      En este paso sucede la creación de la transacción con el objetivo de obtener un identificador único para la misma.
+    </p>
+
+    <h2 id="request">Paso 1: Petición</h2>
+    <p class="mb-16">
+      Comienza importando la librería TransaccionCompleta Mall, y a continuación, crea la transacción necesaria.
+    </p>
+
+    <pre class="mb-16"><code class="language-java">
+import cl.transbank.common.IntegrationApiKeys;
+import cl.transbank.common.IntegrationCommerceCodes;
+import cl.transbank.common.IntegrationType;
+import cl.transbank.model.MallTransactionCreateDetails;
+import cl.transbank.webpay.common.WebpayOptions;
+import cl.transbank.webpay.transaccioncompleta.MallFullTransaction;
+
+MallFullTransaction tx = new MallFullTransaction(
+  new WebpayOptions(
+    IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED,
+    IntegrationApiKeys.WEBPAY,
+    IntegrationType.TEST
+  )
+);
+
+var details = MallTransactionCreateDetails.build()
+  .add(1000, IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED_CHILD1, "O-123")
+  .add(1000, IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED_CHILD2, "O-456");
+
+var resp = tx.create(buyOrder, sessionId, cardNumber, cardExpiry, details, cvv);
+    </code></pre>
+
+    <h2 id="response">Paso 2: Respuesta</h2>
+    <p class="mb-16">Una vez creada la transacción, recibirás los siguientes datos de respuesta:</p>
+
+    <pre class="mb-16"><code class="language-json" th:text="${response_data_json}"></code></pre>
+
+    <h2 id="form">¡Transacción creada!</h2>
+    <p class="mb-16">Ahora que hemos creado la transacción, se abren dos opciones para continuar:</p>
+    <ul class="bullet-list mb-16">
+      <li>
+        <span class="fw-700">Consultar Cuotas (opcional):</span> Alternativamente puedes realizar consultas de cuotas
+        para ofrecer opciones de pago a plazos.
+      </li>
+      <li>
+        <span class="fw-700">Confirmar Transacción:</span> Debes confirmar directamente la transacción para
+        finalizar con el proceso de pago.
+      </li>
+    </ul>
+
+    <form th:action="@{/transaccion-completa-mall-diferido/installments}" method="POST">
+      <input th:if="${_csrf != null}" type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
+      <div class="tbk-card">
+        <span class="tbk-card-title">Formulario de redirección</span>
+
+        <div class="input-container">
+          <label for="installments_number" class="tbk-label">N° de cuotas:</label>
+          <input type="text" id="installments_number" name="installments_number" class="tbk-input-text" value="3" />
+          <input type="hidden" name="token" th:value="${response_data.token}" />
+        </div>
+        <div class="tbk-card-footer">
+          <button class="tbk-button primary mr-16">CONSULTAR CUOTAS</button>
+          <a th:href="@{/transaccion-completa-mall-diferido/commit(token=${response_data.token})}" class="tbk-button primary">CONFIRMAR</a>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>
diff --git a/src/main/resources/templates/transaccion_completa_mall_diferido/index.html b/src/main/resources/templates/transaccion_completa_mall_diferido/index.html
new file mode 100644
index 0000000..5c7ad81
--- /dev/null
+++ b/src/main/resources/templates/transaccion_completa_mall_diferido/index.html
@@ -0,0 +1,128 @@
+<div th:replace="~{layout :: layout(~{::content})}">
+  <div th:fragment="content">
+    <h1 id="form">Transacción Completa Mall Diferido - Formulario</h1>
+    <p>
+      En esta primera etapa necesitas obtener los datos esenciales de la tarjeta
+      de crédito del titular. Utiliza el formulario para recolectar esta
+      información de manera segura.
+    </p>
+
+    <div class="tbk-shadow-2 tbk-card">
+      <form
+        th:action="@{/transaccion-completa-mall-diferido/create}"
+        method="POST"
+        id="card-form"
+      >
+        <input
+          th:if="${_csrf != null}"
+          type="hidden"
+          th:name="${_csrf.parameterName}"
+          th:value="${_csrf.token}"
+        />
+        <div class="card-container">
+          <div class="card-wrapper mb-4"></div>
+          <div class="card-inputs-container">
+            <div class="input-container mb-3">
+              <label for="number" class="tbk-label">Número de tarjeta</label>
+              <input
+                type="text"
+                id="number"
+                name="number"
+                class="tbk-input-text"
+                required
+                value="4051885600446623"
+              />
+            </div>
+
+            <div class="card-split-inputs">
+              <div class="col-6 input-container mb-3">
+                <label for="expiry" class="tbk-label">
+                  Fecha de Vencimiento (MM/YY)
+                </label>
+                <input
+                  type="text"
+                  id="expiry"
+                  name="expiry"
+                  class="tbk-input-text"
+                  required
+                  value="11/23"
+                />
+              </div>
+              <div class="col-6 input-container mb-3">
+                <label for="cvc" class="tbk-label">CVC</label>
+                <input
+                  type="text"
+                  id="cvc"
+                  name="cvc"
+                  class="tbk-input-text"
+                  required
+                  value="123"
+                />
+                <input
+                  type="hidden"
+                  id="name"
+                  name="name"
+                  class="tbk-input-text"
+                  required
+                  value="test user"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="card-footer">
+            <button type="submit" class="tbk-button primary">Pagar</button>
+          </div>
+        </div>
+      </form>
+    </div>
+
+    <script>
+      document.addEventListener("DOMContentLoaded", () => {
+        if (
+          typeof Card !== "undefined" &&
+          document.querySelector(".card-wrapper")
+        ) {
+          const card = new Card({
+            form: "#card-form",
+            container: ".card-wrapper",
+            formSelectors: {
+              number: 'input[name="number"]',
+              name: 'input[name="name"]',
+              expiry: 'input[name="expiry"]',
+              cvc: 'input[name="cvc"]',
+            },
+            width: 300,
+            formatting: true,
+            messages: {
+              valid: "válido\n",
+            },
+            placeholders: {
+              number: "•••• •••• •••• ••••",
+              name: "Nombre Completo",
+              expiry: "MM/YY",
+              cvc: "CVC",
+            },
+            defaults: {
+              number: "4051 8856 0044 6623",
+              name: "Nombre Completo",
+              expiry: "11/23",
+              cvc: "123",
+            },
+          });
+
+          const inputs = document.querySelectorAll(
+            'input[name="number"], input[name="expiry"], input[name="cvc"], input[name="name"]',
+          );
+
+          inputs.forEach((input) => {
+            if (input.value && input.value.trim() !== "") {
+              const event = new Event("input", { bubbles: true });
+              input.dispatchEvent(event);
+            }
+          });
+        }
+      });
+    </script>
+  </div>
+</div>
diff --git a/src/main/resources/templates/transaccion_completa_mall_diferido/installments.html b/src/main/resources/templates/transaccion_completa_mall_diferido/installments.html
new file mode 100644
index 0000000..74e5cb2
--- /dev/null
+++ b/src/main/resources/templates/transaccion_completa_mall_diferido/installments.html
@@ -0,0 +1,144 @@
+<div th:replace="~{layout :: layout(~{::content})}">
+  <div th:fragment="content">
+    <h1>Transacción Completa Mall Diferido - Consulta de cuotas</h1>
+    <p class="mb-32">
+      En esta etapa, realizaremos una consulta de cuotas para conocer sus
+      condiciones. Es importante destacar que este paso es opcional y se utiliza
+      únicamente si deseas ofrecer opciones de pago a plazos.
+    </p>
+
+    <h2 id="request">Paso 1: Petición</h2>
+    <p class="mb-32">
+      Para llevar a cabo la consulta de cuotas, debemos enviar los siguientes
+      datos relevantes.
+    </p>
+
+    <pre class="mb-16"><code class="language-java">
+import cl.transbank.common.IntegrationApiKeys;
+import cl.transbank.common.IntegrationCommerceCodes;
+import cl.transbank.common.IntegrationType;
+import cl.transbank.webpay.common.WebpayOptions;
+import cl.transbank.webpay.transaccioncompleta.MallFullTransaction;
+import cl.transbank.webpay.transaccioncompleta.responses.MallFullTransactionInstallmentsDetails;
+
+MallFullTransaction tx = new MallFullTransaction(
+  new WebpayOptions(
+    IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED,
+    IntegrationApiKeys.WEBPAY,
+    IntegrationType.TEST
+  )
+);
+
+var details = MallFullTransactionInstallmentsDetails.build()
+  .add("597055555577", "O-123", (byte) 3)
+  .add("597055555578", "O-456", (byte) 3);
+
+var resp = tx.installments(token, details);
+    </code></pre>
+
+    <h2 id="response">Paso 2: Respuesta</h2>
+    <p>
+      Una vez realizada la consulta de cuotas, recibirás los siguientes datos de
+      respuesta:
+    </p>
+
+    <pre class="mb-16">
+      <code class="language-json" th:text="${response_data_json}"></code>
+    </pre>
+
+    <h2 id="form">Confirmar Transacción</h2>
+    <p class="mb-16">
+      Si decides utilizar cuotas y estás satisfecho con las condiciones
+      obtenidas en la consulta, el siguiente paso sería confirmar la
+      transacción.
+    </p>
+
+    <div class="tbk-card">
+      <input
+        type="hidden"
+        id="token"
+        name="token"
+        th:value="${request_token}"
+      />
+
+      <div class="input-container mb-16">
+        <label for="idQueryInstallments" class="tbk-label">
+          ID de consulta de cuotas (Opcional)
+        </label>
+        <input
+          type="text"
+          id="idQueryInstallments"
+          name="idQueryInstallments"
+          class="tbk-input-text"
+          th:value="${id_query_installments}"
+        />
+      </div>
+
+      <div class="input-container mb-16">
+        <label for="deferredPeriodIndex" class="tbk-label">
+          Indice de periodo diferido (opcional)
+        </label>
+        <input
+          type="text"
+          id="deferredPeriodIndex"
+          name="deferredPeriodIndex"
+          class="tbk-input-text"
+        />
+      </div>
+      <div class="input-container mb-16">
+        <label for="gracePeriod" class="tbk-label">
+          Periodo de gracia (opcional)
+        </label>
+        <input
+          type="text"
+          id="gracePeriod"
+          name="gracePeriod"
+          class="tbk-input-text"
+        />
+      </div>
+
+      <div class="tbk-card-footer">
+        <a href="#" id="confirmLink" class="tbk-button primary">
+          CONFIRMAR TRANSACCIÓN
+        </a>
+      </div>
+    </div>
+
+    <script>
+      const tokenInput = document.getElementById("token");
+      const idQueryInstallmentsInput = document.getElementById(
+        "idQueryInstallments",
+      );
+      const deferredPeriodIndexInput = document.getElementById(
+        "deferredPeriodIndex",
+      );
+      const gracePeriodInput = document.getElementById("gracePeriod");
+      const confirmLink = document.getElementById("confirmLink");
+
+      const baseUrl = "/transaccion-completa-mall-diferido/commit";
+
+      function updateLink() {
+        const token = tokenInput.value;
+        const idQueryInstallments = idQueryInstallmentsInput.value;
+        const deferredPeriodIndex = deferredPeriodIndexInput.value;
+        const gracePeriod = gracePeriodInput.value;
+
+        const params = new URLSearchParams();
+        if (token) params.append("token", token);
+        if (idQueryInstallments)
+          params.append("idQueryInstallments", idQueryInstallments);
+        if (deferredPeriodIndex)
+          params.append("deferredPeriodIndex", deferredPeriodIndex);
+        if (gracePeriod) params.append("gracePeriod", gracePeriod);
+
+        confirmLink.href = baseUrl + "?" + params.toString();
+      }
+
+      idQueryInstallmentsInput.addEventListener("input", updateLink);
+      deferredPeriodIndexInput.addEventListener("input", updateLink);
+      gracePeriodInput.addEventListener("input", updateLink);
+
+      updateLink();
+    </script>
+  </div>
+</div>
diff --git a/src/main/resources/templates/transaccion_completa_mall_diferido/refund.html b/src/main/resources/templates/transaccion_completa_mall_diferido/refund.html
new file mode 100644
index 0000000..61a611d
--- /dev/null
+++ b/src/main/resources/templates/transaccion_completa_mall_diferido/refund.html
@@ -0,0 +1,54 @@
+<div th:replace="~{layout :: layout(~{::content})}">
+  <div th:fragment="content">
+    <h1>Transacción Completa Mall Diferido - Reembolsar</h1>
+    <p class="mb-32">
+      En esta etapa, tendrás la posibilidad de solicitar el reembolso del dinero
+      al tarjeta habiente. El tipo de reembolso (Reversa, Anulación o Anulación
+      parcial) dependerá del monto y el tiempo transcurrido desde la
+      transacción.
+    </p>
+
+    <h2 id="request">Paso 1: Petición</h2>
+    <p class="mb-32">
+      Para efectuar la solicitud de reembolso, necesitarás el token de la
+      transacción, el buy order del detalle, el commerce code (tienda) y el
+      monto que deseas reversar.
+    </p>
+
+    <pre class="mb-16"><code class="language-java">
+import cl.transbank.common.IntegrationApiKeys;
+import cl.transbank.common.IntegrationCommerceCodes;
+import cl.transbank.common.IntegrationType;
+import cl.transbank.webpay.common.WebpayOptions;
+import cl.transbank.webpay.transaccioncompleta.MallFullTransaction;
+
+MallFullTransaction tx = new MallFullTransaction(
+  new WebpayOptions(
+    IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED,
+    IntegrationApiKeys.WEBPAY,
+    IntegrationType.TEST
+  )
+);
+
+var resp = tx.refund(token, buyOrder, childCommerceCode, amount);
+    </code></pre>
+
+    <h2 id="response">Paso 2: Respuesta</h2>
+    <p>
+      Transbank responderá con el resultado de la reversa o anulación. Evalúa
+      cuidadosamente esta respuesta para confirmar que el reembolso se haya
+      procesado de manera efectiva.
+    </p>
+
+    <pre class="mb-16">
+      <code class="language-json" th:text="${response_data_json}"></code>
+    </pre>
+
+    <a
+      th:href="@{/transaccion-completa-mall-diferido/status(token=${request_token})}"
+      class="tbk-button primary mb-32"
+    >
+      CONSULTAR ESTADO
+    </a>
+  </div>
+</div>
diff --git a/src/main/resources/templates/transaccion_completa_mall_diferido/status.html b/src/main/resources/templates/transaccion_completa_mall_diferido/status.html
new file mode 100644
index 0000000..b26e491
--- /dev/null
+++ b/src/main/resources/templates/transaccion_completa_mall_diferido/status.html
@@ -0,0 +1,44 @@
+<div th:replace="~{layout :: layout(~{::content})}">
+  <div th:fragment="content">
+    <h1>Transacción Completa Mall Diferido - Estado de transacción</h1>
+    <p class="mb-32">
+      En esta fase, tendrás la capacidad de solicitar el estado actual de una transacción hasta 7 días
+      después de su realización. Es importante destacar que no hay límite en la cantidad de solicitudes de este tipo
+      durante este período. Sin embargo, una vez transcurridos los 7 días, ya no podrás revisar el estado de la
+      transacción.
+    </p>
+
+    <h2 id="request">Paso 1: Petición</h2>
+    <p class="mb-32">
+      Para llevar a cabo la solicitud de estado, necesitarás el token correspondiente a la transacción
+      de la cual deseas obtener información. Utiliza este token para realizar una llamada a
+      MallFullTransaction.status().
+    </p>
+
+    <pre class="mb-16"><code class="language-java">
+import cl.transbank.common.IntegrationApiKeys;
+import cl.transbank.common.IntegrationCommerceCodes;
+import cl.transbank.common.IntegrationType;
+import cl.transbank.webpay.common.WebpayOptions;
+import cl.transbank.webpay.transaccioncompleta.MallFullTransaction;
+
+MallFullTransaction tx = new MallFullTransaction(
+  new WebpayOptions(
+    IntegrationCommerceCodes.TRANSACCION_COMPLETA_MALL_DEFERRED,
+    IntegrationApiKeys.WEBPAY,
+    IntegrationType.TEST
+  )
+);
+
+var resp = tx.status(token);
+    </code></pre>
+
+    <h2 id="response">Paso 2: Respuesta</h2>
+    <p>
+      Transbank responderá con la siguiente información. Asegúrate de guardar estos detalles; lo único que necesitas
+      validar es que el campo "response_code" sea igual a cero.
+    </p>
+
+    <pre class="mb-16"><code class="language-json" th:text="${response_data_json}"></code></pre>
+  </div>
+</div>