--- title: "Probar la plantilla" url: https://docs.catalyst.zoho.com/es/tutorials/payslip-generator-app/nodejs/test-template/ description: "Construya una aplicación web que utiliza Catalyst para generar un PDF a partir de una plantilla de nómina dinámica, y enviarlo por correo al usuario final." last_updated: 2026-11-04T10:10:44Z service: All Services type: tutorial related_links: - name: "Catalyst SmartBrowz" url: /es/smartbrowz/getting-started/introduction/ - name: "Templates" url: /es/smartbrowz/help/templates/create-templates/ --- # Probar su plantilla Ahora que ha creado su plantilla, vamos a probarla con datos JSON de ejemplo para asegurar que todos los datos se renderizan correctamente. Para probar la plantilla: 1. Haga clic en **PDF & Screenshot** bajo *Convert* en la barra del menú lateral de *SmartBrowz* para acceder al componente. ![smartbrowz_tutorial_payslip_template_test_pdfnscreen_first](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/payslip-generator-smartbrowz-pdf.webp) 2. Haga clic en **Playground**, y elija **Template** como el *Input Type*. ![smartbrowz_tutorial_payslip_template_test_pdfnscreen_template](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/smartbrowz_tutorial_payslip_template_test_pdfnscreen_template.webp) 3. Seleccione la plantilla personalizada que ha creado del desplegable *Template*. ![smartbrowz_tutorial_payslip_template_test_template_select](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/template-dropdown-payslip-generator.webp) 4. Pegue el siguiente fragmento JSON como los datos de la plantilla en el editor. **Sample JSON Data** ```json { "company": "Zylker Technologies", "employeeName": "Amelia Burrows", "employeeId": "ZT-789", "designation": "QA Analyst", "basicSalary": 10000, "allowances": 4500, "deductions": 1450, "totalEarnings": 14500, "netSalary": 13050, "paymentMethod": "Bank Transfer", "month": "September", "year": "2023" } ``` > **Nota:** Los datos JSON de ejemplo anteriores solo son aplicables para el diseño de plantilla que hemos proporcionado. Si ha usado su propio diseño personalizado, necesitará proporcionar datos JSON adecuados como entrada. 6. Haga clic en **Generate**. ![smartbrowz_tutorial_payslip_template_test_preview](https://catalyst-docs-development.zohostratus.in/images/tutorials/payslip-generator/click-generate-payslip-generator.webp) Se abrirá una ventana de vista previa, y podrá ver su plantilla personalizada con los datos JSON renderizados. Puede hacer clic en **Download** para guardar el documento visual en su sistema local.