Signup Forms

Signup Forms permite a tus clientes suscribirse y pagar. Agrega funcionalidad de suscripción y registro de tarjeta de crédito / débito a tu sitio web o aplicación sin escribir código.

Crear un Signup Form

We are working hard to complete this guide section.

Preferencias generales

Planes

Complementos

Información de facturación

Webhook

Instalación

Después de haber creado tu Signup Form copia el fragmento de código indicado en la sección Instalación -> Fragmento de JavaScript para Signup Forms y pégalo antes de la etiqueta </body> en todas las páginas en las que deseas que Signup Forms aparezca para tu usuario. Si utilizas algún framework como React o VueJS puedes inyectar el script de la forma convencional que utiliza cada framework.

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo Piriod Signup Forms</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<div id="piriod-widget"></div>
<script>
window.piriodSettings = {
service: "signupForms",
publishableKey: "YOUR SIGNUP FORM PUBLISHABLE KEY"
};
!function(){var e=document.getElementById("piriod-widget");if(!e)return console.log('Missing <div id="piriod-widget"></div>, create this to mounted.');var i=document.createElement("iframe");i.src="https://js.piriod.com/signup_forms/"+window.piriodSettings.publishableKey,i.id="piriod-widget",i.width="100%",i.height="740",i.style="border:none",e.appendChild(i)}();
</script>
</body>
</html>

Eventos de JavaScript

piriod_signup_form_subscription

Emitido cuando el proceso de suscripción o registro es finalizado. Devuelve data con el atributo status que puede tener el valor succeeded o failed

Ejemplo

window.addEventListener('message', function(e) {
if (e.data.event === 'piriod_signup_form_subscription' && e.origin === 'https://js.piriod.com') {
if (e.data.status === 'succeeded') {
console.log('subscription created successfully');
} else {
console.log('subscription creation failed');
}
}
});