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
1
<!DOCTYPE html>
2
<html>
3
<head>
4
	<meta charset="utf-8">
5
	<title>Demo Piriod Signup Forms</title>
6
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7
</head>
8
<body>
9
	<div id="piriod-widget"></div>
10
	<script>
11
		window.piriodSettings = {
12
			service: "signupForms",
13
			publishableKey: "YOUR SIGNUP FORM PUBLISHABLE KEY"
14
		};
15
		!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)}();
16
	</script>
17
</body>
18
</html>
Copied!
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
1
window.addEventListener('message', function(e) {
2
	if (e.data.event === 'piriod_signup_form_subscription' && e.origin === 'https://js.piriod.com') {
3
		if (e.data.status === 'succeeded') {
4
			console.log('subscription created successfully');
5
		} else {
6
			console.log('subscription creation failed');
7
		}
8
	}
9
});
Copied!

Aplicaciones - Anterior

Customer Base

Próximo - Aplicaciones

Purchases

Última actualización 7mo ago

Copiar enlace

Contenidos

Crear un Signup Form

Instalación

Eventos de JavaScript