agricapital-button
v2.0.9
Published
馃毀 Este paquete es experimental y no est谩 destinado para uso p煤blico. # Descripci贸n El paquete agricapital-button es una librer铆a de NPM que proporciona un web component personalizado para integrar el bot贸n de pagos de AgriCapital en aplicaciones web. E
Readme
馃毀 Este paquete es experimental y no est谩 destinado para uso p煤blico.
Descripci贸n
El paquete agricapital-button es una librer铆a de NPM que proporciona un web component personalizado para integrar el bot贸n de pagos de AgriCapital en aplicaciones web. Este componente permite:
-Mostrar un bot贸n de pago a cuotas con AgriCapital en su sitio web -Abrir un modal con un iframe que conecta al sistema de autogestion de AgriCapital -Pasar c贸digos de referido espec铆ficos de la tienda mediante el atributo refcode -Integrarse f谩cilmente en aplicaciones Angular y React mediante web components
El componente es compatible con los principales frameworks frontend y est谩 dise帽ado para simplificar la implementaci贸n de opciones de financiamiento de AgriCapital en tiendas online.
Gu铆a de instalaci贸n
A continuaci贸n mostramos c贸mo instalar y utilizar nuestro paquete NPM en los diferentes frameworks:
Angular
1. Instalar el paquete desde NPM:
npm install agricapital-button2. En el main.ts
import 'agricapital-button';3. En tu componente, importas y utilizas el CUSTOM_ELEMENTS_SCHEMA de '@angular/core':
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet],
templateUrl: './app.component.html',
styleUrl: './app.component.css',
schemas: [CUSTOM_ELEMENTS_SCHEMA], <-- AQU脥 SE UTILIZA
})4. Usas la siguiente etiqueta en tu componente:
Importante: Cambiar el atributo 'refcode' con el c贸digo de referido de tu tienda
<agri-capital-button refcode="MiCodigoReferido"></agri-capital-button>