Cómo instalar tu presupuesto

No tengo web: tu página, tu enlace y tu QR

No hace falta que tengas web. Al crear tu widget te damos tu propia página enpresupuest.app/p/tu-negocio, con tu nombre, tu color y tus preguntas. Quien entra ve su precio al momento y te deja su teléfono.

El enlace y el QR están en Widgets → tu widget, en tu panel. El QR se descarga en un momento y se puede imprimir.

Dónde ponerlo, por orden de lo que suele funcionar:

• Tu ficha de Google. En Google Business Profile, en el campo de sitio web o como enlace de tu perfil. Es el sitio donde más gente te busca sin conocerte.
• La bio de Instagram. En «enlace de la biografía», o como uno más si usas varios.
• WhatsApp Business. En el mensaje de bienvenida y en el de ausencia: quien escribe a las once de la noche recibe tu presupuesto en lugar de esperar a mañana.
• Tu firma de correo, debajo del teléfono.
• Impreso. El QR en la furgoneta, en una tarjeta o en el propio presupuesto en papel, para quien te pide precio en persona.

La página funciona desde el momento en que guardas el widget. No hay nada que instalar y nada que pagar por tenerla.

Tengo web: el código

Si tienes web, además de la página puedes poner el presupuesto dentro de ella. Copia el código de tu panel, en Widgets → tu widget → Código de instalación. Es una línea, y se parece a esta:

<script src="https://presupuest.app/widget.js" data-widget-id="…" defer></script>

Va justo antes de </body>, en todas las páginas donde quieras que aparezca. Lleva defer, así que se carga al final y no retrasa tu web.

Hay dos formas de que se vea, y se eligen en el editor, no en el código:

• Burbuja. Un botón flotante en una esquina. Se abre cuando lo pulsan. Es la opción por defecto y la que no te obliga a tocar el diseño de la web.
• Incrustado. El presupuesto aparece dentro de la página, en el sitio donde pegues el código. Para una página de «Presupuesto» o «Contacto» que ya tengas.

Debajo tienes dónde se pega en cada gestor.

WordPress

En WordPress el sitio exacto depende de tu plantilla, así que hay dos caminos y conviene probar el primero.

Si tu plantilla o tu hosting ya traen una caja de código. Muchos la tienen, con nombres como «Insertar código», «Header & Footer» o «Scripts». Busca la delpie o la que diga </body>, y pega ahí el código.

Si no la encuentras, se resuelve con un plugin que inserte código. Cualquiera que tenga una caja de pie vale; Head & Footer Code es uno de los del directorio oficial:

• En tu escritorio, Plugins → Añadir plugin.
• Busca head footer code, pulsa Instalar ahora y despuésActivar.
• Ve a Herramientas → Head & Footer Code.
• Pega el código en la caja del pie (la de antes de</body>) y guarda.

Lo que no conviene hacer: editar footer.php desdeApariencia → Editor de archivos. Funciona, pero la próxima actualización de la plantilla se lo lleva por delante y el presupuesto desaparece sin que nada lo avise.

Wix

Antes de empezar, Wix pide que el sitio esté publicado y tenga undominio conectado: en un sitio sin publicar el código no hace nada.

• Entra en Configuración, en el panel de tu sitio.
• Pulsa Código personalizado, en la secciónDesarrollo e integraciones.
• Arriba a la derecha, + Añadir código personalizado.
• Pega el código y ponle un nombre que reconozcas, por ejemplo «Presupuestapp».
• En Añadir código a las páginas, elige Todas las páginas.
• En Colocar el código en, elige Cuerpo — final.
• Pulsa Aplicar.

Shopify

• En el panel de Shopify, Tienda online → Temas. Antes de tocar nada, duplica el tema: es un minuto y te deja volver atrás.
• En el tema, pulsa ⋯ y luego Editar código.
• Abre theme.liquid.
• Busca </body>, casi al final del archivo, y pega el código justo antes.
• Guarda.

Webflow

• Abre Site settings y la pestaña Custom code.
• Pega el código en Footer code, que es la caja que va antes de</body> en todo el sitio.
• Pulsa Save changes.
• Publica el sitio. En Webflow guardar no es publicar: hasta que publiques, el código no está en la web que ve la gente.

Squarespace

La inyección de código está en los planes Core, Plus y Advanced (y en algunos planes antiguos). Si tu plan no la incluye, usa tu página y su enlace: la primera sección de esta guía.

• En Website, abajo del todo, pulsa Custom Code y luegoCode Injection. Si tu sitio es de la versión 7.0, el camino esWebsite → Website Tools → Code Injection.
• Pega el código en la caja Footer: lo que pongas ahí se inserta antes de</body> en todas las páginas.
• Pulsa Save.

HTML a mano

Si tu web son archivos .html que subes tú, abre cada página donde quieras el presupuesto y pega el código justo antes de </body>:

  ...
  <script src="https://presupuest.app/widget.js" data-widget-id="…" defer></script>
</body>
</html>

Sube el archivo y listo. Si tienes varias páginas, va en todas.

Me lleva la web otra persona

Entonces no tienes que tocar nada. Cópiale este mensaje y mándaselo por WhatsApp o por correo — acuérdate de cambiar data-widget-id por el de tu código, que está en tu panel:

Hola:

Estoy usando Presupuestapp para que quien entre en la web pueda calcular su presupuesto y dejarme sus datos. Para que salga, hay que pegar una línea de código en todas las páginas, justo antes de la etiqueta </body>:

<script src="https://presupuest.app/widget.js" data-widget-id="…" defer></script>

Es un <script defer>, así que no bloquea la carga de la página. No pide cookies ni carga nada más. Si usas un gestor de consentimiento, hay que dejarlo pasar como script funcional del propio sitio.

Cuando esté puesto, avísame y lo compruebo. Gracias.

Mientras tanto, tu página y tu QR ya funcionan. No tienes que esperar a nadie para empezar a recibir presupuestos.

Cómo sé que funciona

• Ábrela tú. Entra en tu web como entraría un cliente y mira si aparece el botón. Si elegiste burbuja, está en la esquina; si elegiste incrustado, donde pegaste el código.
• Pruébala entera. Responde las preguntas hasta ver el precio. No hace falta que dejes tus datos para comprobar que carga.
• Mira el panel. En Inicio, el contador de visitas sube en cuanto alguien abre el presupuesto. Puede tardar un momento en reflejarse; si ves visitas, está instalado.

No aparece: las tres causas de siempre

Casi siempre es una de estas tres, y en este orden:

• Está pegado donde no es. Va antes de </body>, no dentro de <head> ni en el editor de texto de una entrada. Y tiene que estar en la página donde lo estás buscando: si lo pusiste solo en la de inicio, en las demás no sale.
• Una caché. Tu web, tu hosting o un plugin guardan una copia de la página anterior y te la siguen dando. Vacía la caché del sitio y prueba en una ventana privada. En Webflow, además, comprueba que has publicado.
• El aviso de cookies lo está bloqueando. Los gestores de consentimiento bloquean los scripts hasta que alguien acepta, y a veces también los del propio sitio. Marca el nuestro como script funcional, o del propio sitio, según lo llame el tuyo.

En Wix hay una cuarta posible: desde diciembre de 2025 aplica medidas de seguridad nuevas al código personalizado y algunos scripts que antes funcionaban se quedan bloqueados.

Si has mirado las tres y sigue sin salir, escríbenos a[email protected] con la dirección de tu web y le echamos un vistazo.