# Añade comercio al sitio que ya tienes. > Una etiqueta de script asíncrona convierte cualquier sitio en una tienda. Funciona en WordPress, Webflow, Ghost, Carrd, Framer, HTML estático y React / Next.js / Vue. Sin reconstruir nada, sin plugins, sin cambiar de tema. Una etiqueta de script asíncrona, un par de contenedores HTML y tu sitio actual se convierte en una tienda. Funciona en WordPress, Webflow, Ghost, Carrd, Framer, HTML sencillo o cualquier CMS que te deje pegar etiquetas de script. Sin reconstruir nada. Sin plugins. Sin cambiar de tema. [Empieza la prueba gratuita](https://app-v3.shoprocket.io/signup?lang=es)[Ver el fragmento](#the-snippet) Prueba gratuita de 14 días Sin tarjeta de crédito 0 % de comisiones de plataforma Funciona en cualquier plan 1 Línea para integrar Cualquiera Sitio web Completo Carrito y pago 0% Comisiones de plataforma ● El problema ## Tienes un sitio. Quieres vender en él. No reconstruirlo. La mayoría de las plataformas de comercio quieren que cambies tu sitio actual por el suyo. WordPress te pide WooCommerce. Wix quiere Wix Stores. Squarespace quiere Squarespace Commerce. Shopify quiere todo en su pila. Tú querías una tienda, no un proyecto de migración. 01 ### Tu sitio ya funciona. Tu marca, tu contenido, tu blog, tus animaciones, tu SEO. El trabajo que ya hiciste. Nada de eso debería tener que cambiar para añadir un pago. 02 ### Tu CMS no es el problema. WordPress está bien. Webflow es precioso. Ghost es perfecto para el contenido. Carrd es rápido. Ninguno debería obligarte a irte porque no gestionan el comercio de forma nativa. 03 ### Tu tienda debería vivir dentro de tu sitio. No en un subdominio aparte, ni como una redirección a un carrito alojado. La página de producto es tuya, el pago ocurre dentro de ella y el cliente nunca se va. ● Cómo funciona ## Tres líneas de HTML. Cuatro tipos de widget. Pega el script cargador una sola vez. Coloca contenedores HTML donde quieras que aparezca el comercio. El widget monta automáticamente todos los que encuentre al renderizar. La instalación ### Una etiqueta de script. Asíncrona. Sin bloqueos. La etiqueta de script va en el head del sitio, justo antes de la etiqueta de cierre del body o en la plantilla de cabecera de tu CMS. Se carga de forma asíncrona, así que nunca impide que se renderice tu página. Al cargar, busca en la página cualquier elemento HTML con un atributo data-shoprocket y monta ahí el widget correspondiente. Si no hay elementos de widget en la página, igualmente inicia el carrito flotante para que los botones de tienda de otras partes de tu sitio sigan funcionando. - ✓ Carga asíncrona, sin impacto en LCP ni CLS - ✓ Monta automáticamente cada elemento data-shoprocket de la página - ✓ El carrito flotante se inicia en todo el sitio, incluso en páginas sin widgets ● Tipos de widget ## Cuatro formas, todas en la misma página. Elige el que necesites donde lo necesites. Una página de inicio puede tener un widget de producto destacado, una página de tienda dedicada puede tener un catálogo completo y un artículo puede tener un producto individual integrado en el texto. Todo en el mismo sitio y desde la misma tienda. 01 ### Catálogo. Cuadrícula completa de productos con filtros, categorías y búsqueda. Colócala en tu página /shop y los clientes explorarán toda tu tienda. 02 ### Producto. Una única tarjeta de producto con precio, variantes y botón de añadir al carrito. Colócala dentro de un artículo o en una landing page junto a tu texto de venta. 03 ### Carrito. El propio carrito, como widget de página. O deja que lo gestione el carrito flotante en todo el sitio; el script lo inicia automáticamente. 04 ### Pago. Carrito, direcciones, envío y resumen del pedido, todo dentro de tu página. El último paso de pago redirige al procesador por cumplimiento de PCI y devuelve al cliente a tu sitio. ● Funciona donde vives ## Si admite una etiqueta de script, Shoprocket se integra. Probado y documentado específicamente para los creadores de sitios de abajo. En la práctica, funciona en cualquier lugar donde puedas pegar HTML. 01 ### WordPress. Autoalojado o WordPress.com. Cualquier tema, cualquier maquetador (Elementor, Gutenberg, Divi, etc.). No hace falta WooCommerce. Sin plugins que mantener. 02 ### Webflow. Usa el elemento Embed donde quieras la tienda. Conserva tu plan de CMS de Webflow, sin necesidad de pasar a Ecommerce. 03 ### Ghost. Tarjeta HTML en cualquier entrada o página. Ghost es ideal para creadores que publican contenido junto con productos. 04 ### Carrd, Framer, Notion. Creadores de una sola página y de diseño primero. Funciona con los embeds Estándar de Carrd Pro, los componentes de código de Framer y Notion mediante Super.so / HeyNotion. 05 ### HTML estático y JAMstack. Cloudflare Pages, Netlify, Vercel, HTML estático sencillo, cualquier compilación de Jekyll / Hugo / Astro / 11ty. Pega el fragmento y listo. 06 ### React, Next.js, Vue, Svelte. Instala el paquete npm \`@shoprocket/widget\` para una integración estrecha con tu framework. Importa el componente y móntalo donde quieras la tienda. ● Rendimiento ## Tus Core Web Vitals se mantienen en verde. Lo importante del comercio que se integra en cualquier sitio es que tu sitio siga comportándose como tu sitio. En cifras ### Script asíncrono, configuración en caché, montaje rápido. El script cargador se entrega de forma asíncrona, así que el LCP no se ve afectado. La configuración de la tienda se obtiene de nuestra API y se guarda en caché en el edge (TTL de 1 hora), por lo que las visitas repetidas no vuelven a consultarla. El widget se renderiza en el contenedor reservado, así que no hay desplazamiento de diseño. Los sitios que estaban en verde en Lighthouse antes de la integración siguen en verde después. - ✓ Etiqueta de script asíncrona: impacto nulo en LCP y CLS - ✓ Configuración de la tienda en caché en el edge y servida desde la CDN en visitas repetidas - ✓ Los contenedores de montaje reservados evitan el desplazamiento acumulado del diseño ● Preguntas frecuentes ## Preguntas sobre la integración, respondidas. Lo que la gente pregunta antes de pegar el fragmento. ¿Dónde se ejecutan realmente el carrito y el pago? + El carrito, las direcciones y la selección de envío se ejecutan dentro de la integración en tu página, y nadie sale de tu sitio durante la navegación y la selección. El último paso de pago redirige a tu procesador de pagos conectado (Stripe, PayPal) por cumplimiento de PCI y devuelve al cliente a tu sitio para la confirmación del pedido. Así funciona hoy cualquier flujo de pago moderno; fingir otra cosa sería deshonesto. ¿Puedo tener varios widgets en la misma página? + Sí. El cargador busca en la página todos los elementos con un atributo data-shoprocket y monta cada uno. Una sola página puede tener un carrusel de productos destacados, una cuadrícula de catálogo debajo y un pago integrado en otro lugar. Todo desde la misma tienda. ¿Ralentiza mi sitio? + Sin un impacto relevante. El script cargador es asíncrono, así que no impide que tu página se renderice. La configuración de la tienda se guarda en caché en el edge, por lo que los visitantes recurrentes no vuelven a consultarla. Los widgets se montan en contenedores reservados, así que no hay desplazamiento acumulado del diseño. Si tu sitio pasaba las Core Web Vitals antes, las sigue pasando después. ¿Y si uso React / Next.js / Vue? + Instala directamente el paquete npm \`@shoprocket/widget\`. Importa el componente, móntalo donde necesites la tienda y pasa props para configurarlo. Te da un control fino que la integración con etiqueta de script no ofrece. ¿Y Wix y Squarespace? + Squarespace funciona bien. Usa el elemento Bloque de código en el plan Core o superior, pega el fragmento y listo. Wix aísla cada integración de terceros en un iframe que rompe el pago, así que no lo recomendamos; la respuesta sincera para quienes usan Wix es la tienda alojada de Shoprocket o pasarse a un creador de sitios que permita integraciones reales. Consulta nuestra página dedicada a Wix para ver los tres caminos posibles. ¿Puedo usar mi propio dominio? + Sí. El widget se ejecuta en el dominio en el que esté la página que lo aloja. Tus productos, tu carrito y tu pago viven en tu-sitio.com. Sin subdominio aparte de Shoprocket y sin redirecciones. Tus clientes ni se enteran de que hay un tercero detrás de la capa de comercio. ¿Cómo personalizo el aspecto del widget? + El widget hereda el CSS de tu sitio para el contexto de maquetación (anchos de contenedor, base tipográfica). Para la propia interfaz de comercio, elige entre más de 40 temas y entre esquema de color claro / oscuro mediante atributos de datos en el elemento de montaje. Para una personalización más profunda, define variables CSS en la hoja de estilos de tu sitio y el widget las recoge. ¿Y si tengo varias configuraciones de integración para distintas páginas? + Crea varias configuraciones de integración en tu panel de Shoprocket, cada una con su propio ID, tema y conjunto de funciones. Apunta cada contenedor HTML al ID de integración correspondiente. Una página de inicio puede mostrar una integración compacta de productos destacados mientras una página de tienda dedicada usa una integración de catálogo completo, todo en la misma tienda. ¿De verdad Shoprocket cobra un 0 % de comisiones de plataforma? + Sí. Tu procesador de pagos (Stripe, PayPal, etc.) sigue cobrando su comisión de procesamiento estándar, que es el coste de mover el dinero, pero Shoprocket no añade nada encima. El 0 % de comisiones de plataforma se aplica a todos los planes, incluidas todas las instalaciones de integración en cualquier sitio. ## Tu sitio. Ahora con comercio. Prueba gratuita de 14 días. Sin tarjeta de crédito. Pega el fragmento, lanza una tienda y conserva tu sitio. [Empieza la prueba gratuita](https://app-v3.shoprocket.io/signup?lang=es)[Habla con nosotros](https://v3.shoprocket.io/es/contacto.md) --- - HTML version: https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web - Language: Español (es) - Also in: [العربية](https://v3.shoprocket.io/ar/features/sell-on-any-website.md), [Deutsch](https://v3.shoprocket.io/de/funktionen/auf-jeder-website-verkaufen.md), [Ελληνικά](https://v3.shoprocket.io/el/features/sell-on-any-website.md), [English](https://v3.shoprocket.io/features/sell-on-any-website.md), [Français](https://v3.shoprocket.io/fr/fonctionnalites/vendre-sur-nimporte-quel-site.md), [עברית](https://v3.shoprocket.io/he/features/sell-on-any-website.md), [हिन्दी](https://v3.shoprocket.io/hi/features/sell-on-any-website.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/fitur/jual-di-situs-web-mana-pun.md), [Italiano](https://v3.shoprocket.io/it/funzionalita/vendere-su-qualsiasi-sito-web.md), [日本語](https://v3.shoprocket.io/ja/features/sell-on-any-website.md), [Lietuvių](https://v3.shoprocket.io/lt/funkcijos/pardavimas-bet-kurioje-svetaineje.md), [Norsk](https://v3.shoprocket.io/nb/funksjoner/selg-pa-hvilken-som-helst-nettside.md), [Nederlands](https://v3.shoprocket.io/nl/functies/verkopen-op-elke-website.md), [Polski](https://v3.shoprocket.io/pl/funkcje/sprzedaz-na-kazdej-stronie.md), [Português](https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site.md), [Română](https://v3.shoprocket.io/ro/functionalitati/vinde-pe-orice-site.md), [Русский](https://v3.shoprocket.io/ru/features/sell-on-any-website.md), [ไทย](https://v3.shoprocket.io/th/features/sell-on-any-website.md), [Türkçe](https://v3.shoprocket.io/tr/ozellikler/her-web-sitesinde-satis.md), [中文](https://v3.shoprocket.io/zh/features/sell-on-any-website.md)