El código personalizado quiere un sitio pagado
Framer ejecuta código personalizado e incrustaciones en planes de sitio pagados. En un sitio gratuito la página publicada no mostrará el botón.
Scriptorium · VII
Añade un botón de compra a tu sitio Framer
Diseña la página en Framer y vende con el botón. Un paste en configuración de sitio y un componente de incrustación en el lienzo, y el diseño sigue siendo exactamente tuyo.
Añade la etiqueta de script, una vez
En Configuración del sitio, abre Código personalizado y pega la etiqueta de script en la sección que carga en el encabezado. Publica para que tenga efecto.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Nombra el producto en tu panel de control
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.
Coloca el botón donde vendes
Suelta un componente de incrustación en la página, elige HTML, y pega el botón. Dibuja el marco aproximadamente del tamaño del botón antes de publicar.
<coin-moebius-buy
project-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
Las incrustaciones se dimensionan al marco, no al contenido
Un marco dejado a altura cero oculta el botón completamente. Dale a la incrustación un tamaño explícito y el diseño se sostiene mientras la página carga.
En la lista verificada
La incrustación HTML de Framer es una de las superficies que la documentación lista como confirmada funcionando.
Listo cuando tu página lo está
Gratis cubre 150 transacciones al mes. Sin tarjeta para registrarse.