La más simple es crear un Payment Link o Button desde PayPal y luego copiar el código para pegarlo en tu página. PayPal ofrece justamente eso en su apartado de Payment Links and Buttons, para vender con un link o embeber un botón en tu web.
Ejemplo básico:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pagar con PayPal</title>
</head>
<body>
<div id="paypal-button-container"></div>
<script>
paypal.Buttons({
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [
{
amount: {
value: "49.00"
},
description: "Pago de servicio"
}
]
});
},
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
});
},
onError: function(err) {
console.error(err);
alert("Hubo un error con el pago.");
}
}).render('#paypal-button-container');
</script>
</body>
</html>
Si quieres hacerlo sin programar, el proceso sería:
- Entras a PayPal Buttons / Payment Links.
- Creas el producto o cobro.
- PayPal te da un link o código para insertar en tu sitio.
Ojo con esto: si necesitas monto variable, guardar pedidos en tu sistema, o validar el pago de forma robusta, normalmente ya conviene usar integración con backend y captura/validación del pedido. PayPal también documenta validaciones del lado servidor y flujos más completos para checkout estándar.
Te dejo la ruta práctica:
- Si quieres algo rápido para una landing: Payment Link o botón generado por PayPal.
- Si quieres ponerlo dentro de tu web con diseño propio: HTML + JS SDK.
- Si quieres automatizar bien pedidos, webhooks, confirmación y CRM: SDK + backend.
Te paso en el siguiente mensaje un HTML completo listo para copiar y pegar si me dices estas 4 cosas:
- monto fijo o variable
- moneda
- nombre del producto
- si lo quieres como botón o como línea de pago dentro de una landing