Mantén Webflow para lo que Webflow es para: el diseño. El botón trae el pago, y hereda su lugar en tu diseño como cualquier otro elemento.
I
Añade la etiqueta de script, una vez
En la configuración del sitio, abre Código personalizado y pega la etiqueta de script en el campo Código de encabezado. Guarda y publica; ahora carga para todo el sitio.
Abre tu proyecto, cambia a la pestaña Productos, y añade el producto: una referencia que elijas, un nombre, un precio, una moneda. Desde aquí el panel de control escribe ambos bloques en esta página con tu ID de proyecto real. Lo que ves a continuación es la forma.
III
Coloca el botón donde vendes
En la página donde vendes, suelta un elemento de incrustación y pega el botón dentro. Posiciónalo y dimensiónalo en el lienzo como cualquier otra cosa.
<coin-moebius-buyproject-id="proj_YOUR_ID_HERE"product-id="t-shirt-medium"label="Buy a t-shirt"></coin-moebius-buy>
Publica. El botón se renderiza con la página, y el selector de pago carga la primera vez que un comprador lo hace clic. Cada producto adicional es el mismo bloque con una referencia y etiqueta diferente.
Ten cuidado con estos
El código personalizado está limitado por el plan
Webflow solo ejecuta código personalizado en sitios con un plan de sitio pagado. En el dominio de ensayo gratuito el código de encabezado permanece inactivo, así que juzga el resultado en el sitio pagado publicado.
El lienzo muestra un marcador de posición
El Diseñador renderiza incrustaciones como un bloque gris. El botón real aparece en la página publicada, así que estiliza el espacio alrededor, luego publica y mira.
Sin plan de comercio electrónico requerido
El botón es su propio pago. Un plan CMS simple o sitio estático lo lleva; Webflow Ecommerce puede quedarse fuera de la factura completamente.
Listo cuando tu página lo está
Gratis cubre 150 transacciones al mes. Sin tarjeta para registrarse.