# Adicione vendas ao site que você já tem. > Uma tag de script assíncrona transforma qualquer site em uma loja. Funciona em WordPress, Webflow, Ghost, Carrd, Framer, HTML estático, React / Next.js / Vue. Sem refazer o site, sem plugin, sem trocar de tema. Uma tag de script assíncrona, alguns contêineres HTML, e o seu site atual vira uma loja. Funciona em WordPress, Webflow, Ghost, Carrd, Framer, HTML puro ou qualquer CMS que permita colar tags de script. Sem refazer o site. Sem plugin. Sem trocar de tema. [Começar teste grátis](https://app-v3.shoprocket.io/signup?lang=pt)[Ver o snippet](#the-snippet) 14 dias grátis Sem cartão de crédito 0% de taxas da plataforma Funciona em qualquer plano 1 Linha para incorporar Qualquer Site Completo Carrinho e checkout 0% Taxas da plataforma ● O problema ## Você tem um site. Quer vender nele. Não refazê-lo. A maioria das plataformas de comércio quer que você troque o seu site atual pelo delas. O WordPress pede o WooCommerce. A Wix quer a Wix Stores. A Squarespace quer a Squarespace Commerce. A Shopify quer tudo na stack dela. Você queria uma loja, não um projeto de migração. 01 ### Seu site já funciona. Sua marca, conteúdo, blog, animações, SEO. O trabalho que você já fez. Nada disso deveria mudar só para adicionar um checkout. 02 ### Seu CMS não é o problema. O WordPress é bom. O Webflow é lindo. O Ghost é perfeito para conteúdo. O Carrd é rápido. Nenhum deles deveria forçar você a sair só porque não cuidam de vendas nativamente. 03 ### Sua loja deve viver dentro do seu site. Não em um subdomínio separado, nem como redirecionamento para um carrinho hospedado. A página do produto é sua, o checkout acontece dentro dela e o cliente nunca sai. ● Como funciona ## Três linhas de HTML. Quatro tipos de widget. Cole o script de carregamento uma vez. Coloque contêineres HTML onde quiser que as vendas apareçam. O widget monta automaticamente todos os que encontrar na renderização. A instalação ### Uma tag de script. Assíncrona. Sem bloqueio. A tag de script vai no head do site, logo antes da tag de fechamento do body ou no modelo de cabeçalho do seu CMS. Ela carrega de forma assíncrona, então nunca impede a renderização da página. Ao carregar, ela varre a página em busca de qualquer elemento HTML com o atributo data-shoprocket e monta ali o widget correspondente. Se não houver elementos de widget na página, ela ainda inicia o carrinho flutuante, para que os botões de loja em outras partes do seu site continuem funcionando. - ✓ Carregamento assíncrono, sem impacto no LCP nem no CLS - ✓ Monta automaticamente todo elemento data-shoprocket da página - ✓ O carrinho flutuante é iniciado em todo o site, mesmo em páginas sem widgets ● Tipos de widget ## Quatro formatos, todos na mesma página. Escolha o que você precisa onde precisa. A página inicial pode ter um widget de produto em destaque, uma página de loja dedicada pode ter um catálogo completo e um artigo pode ter um embed de um único produto no meio do texto. Tudo no mesmo site, tudo a partir da mesma loja. 01 ### Catálogo. Grade completa de produtos com filtros, categorias e busca. Coloque na sua página /shop e os clientes navegam por toda a sua loja. 02 ### Produto. Um único cartão de produto com preço, variantes e adicionar ao carrinho. Coloque no meio de um artigo ou em uma landing page, ao lado do texto de venda. 03 ### Carrinho. O próprio carrinho, como widget de página. Ou deixe o carrinho flutuante cuidar disso em todo o site; o script o inicia automaticamente. 04 ### Checkout. Carrinho, endereços, envio e resumo do pedido, tudo dentro da sua página. A etapa final de pagamento redireciona ao processador, por conformidade com o PCI, e devolve o cliente ao seu site. ● Funciona onde você está ## Se aceita uma tag de script, a Shoprocket incorpora. Testado e documentado especificamente para os construtores abaixo. Na prática, funciona em qualquer lugar onde você possa colar HTML. 01 ### WordPress. Auto-hospedado ou WordPress.com. Qualquer tema, qualquer page builder (Elementor, Gutenberg, Divi etc.). Sem precisar do WooCommerce. Sem plugin para manter. 02 ### Webflow. Use o elemento Embed onde quiser a loja. Mantenha o seu plano de CMS do Webflow, sem precisar do upgrade de Ecommerce. 03 ### Ghost. Card de HTML em qualquer post ou página. O Ghost é ideal para criadores que entregam conteúdo junto com produtos. 04 ### Carrd, Framer, Notion. Construtores de uma página e focados em design. Funciona com embeds do Carrd Pro Standard, componentes de código do Framer e Notion via Super.so / HeyNotion. 05 ### HTML estático e JAMstack. Cloudflare Pages, Netlify, Vercel, HTML estático puro, qualquer build de Jekyll / Hugo / Astro / 11ty. Cole o snippet e pronto. 06 ### React, Next.js, Vue, Svelte. Instale o pacote npm \`@shoprocket/widget\` para uma integração próxima ao framework. Importe o componente e monte onde quiser a loja. ● Desempenho ## Seus Core Web Vitals continuam verdes. O ponto central do comércio que se incorpora em qualquer lugar é que o seu site continue se comportando como o seu site. Em números ### Script assíncrono, configuração em cache, montagem rápida. O script de carregamento é entregue de forma assíncrona, então o LCP fica intacto. A configuração da loja é buscada na nossa API e fica em cache na borda (TTL de 1 hora), então novas visualizações da página não fazem nova consulta. O widget é renderizado no contêiner reservado, sem mudança de layout. Sites que estavam verdes no Lighthouse antes do embed continuam verdes depois. - ✓ Tag de script assíncrona: impacto zero no LCP e no CLS - ✓ Configuração da loja em cache na borda, servida pela CDN em visitas repetidas - ✓ Contêineres de montagem reservados significam nenhuma mudança cumulativa de layout ● Perguntas frequentes ## Perguntas sobre o embed, respondidas. O que as pessoas perguntam antes de colar o snippet. Onde o carrinho e o checkout realmente rodam? + Carrinho, endereços e seleção de envio rodam dentro do embed na sua página, ninguém sai do seu site durante a navegação e a seleção. A etapa final de pagamento redireciona ao seu processador de pagamentos conectado (Stripe, PayPal), por conformidade com o PCI, e devolve o cliente ao seu site para a confirmação do pedido. É assim que todo fluxo de pagamento moderno funciona; fingir o contrário seria desonesto. Posso ter vários widgets na mesma página? + Sim. O script de carregamento varre a página em busca de todo elemento com o atributo data-shoprocket e monta cada um. Uma única página pode ter um carrossel de produtos em destaque, uma grade de catálogo abaixo e um checkout embutido em outro ponto. Tudo a partir da mesma loja. Isso deixa o meu site mais lento? + Nenhum impacto relevante. O script de carregamento é assíncrono, então não impede a renderização da página. A configuração da loja fica em cache na borda, então visitantes recorrentes não fazem nova consulta. Os widgets são montados em contêineres reservados, então não há mudança cumulativa de layout. Se o seu site passava nos Core Web Vitals antes, continua passando depois. E se eu uso React / Next.js / Vue? + Instale diretamente o pacote npm \`@shoprocket/widget\`. Importe o componente, monte onde precisar da loja e passe props para configurar. Dá um controle mais fino do que a incorporação por tag de script. E a Wix e a Squarespace? + A Squarespace funciona bem. Use o elemento Code Block no plano Core ou superior, cole o snippet e pronto. A Wix isola cada embed de terceiros em um iframe, o que quebra o checkout, então não recomendamos; a resposta honesta para usuários da Wix é a vitrine hospedada da Shoprocket ou migrar para um construtor que permita embeds de verdade. Veja nossa página dedicada à Wix para os três caminhos possíveis. Posso usar meu próprio domínio? + Sim. O widget roda em qualquer domínio em que a página hospedeira estiver. Seus produtos, carrinho e checkout ficam todos em seu-site.com. Sem subdomínio separado da Shoprocket, sem redirecionamentos. Os clientes nem percebem que há um terceiro por trás da camada de comércio. Como personalizo a aparência do widget? + O widget herda o CSS do seu site para o contexto de layout (larguras de contêiner, base tipográfica). Para a interface de comércio em si, escolha entre mais de 40 temas, além de esquema de cores claro / escuro por atributos de dados no elemento de montagem. Para personalização mais profunda, defina variáveis CSS na folha de estilo do seu site e o widget as aplica. E se eu tiver várias configurações de embed para páginas diferentes? + Crie várias configurações de embed no painel da Shoprocket, cada uma com seu próprio ID, tema e conjunto de recursos. Aponte cada contêiner HTML para o ID de embed apropriado. A página inicial pode mostrar um embed compacto de produtos em destaque, enquanto uma página de loja dedicada usa um embed de catálogo completo, tudo na mesma loja. A Shoprocket realmente tem 0% de taxas da plataforma? + Sim. Seu processador de pagamentos (Stripe, PayPal etc.) continua cobrando a taxa de processamento padrão dele, que é o custo de movimentar o dinheiro, mas a Shoprocket não adiciona nada por cima. 0% de taxas da plataforma vale para todos os planos, inclusive para toda instalação em qualquer site. ## Seu site. Agora com vendas. 14 dias grátis. Sem cartão de crédito. Cole o snippet, lance uma loja, mantenha o site. [Começar teste grátis](https://app-v3.shoprocket.io/signup?lang=pt)[Fale conosco](https://v3.shoprocket.io/pt/contato.md) --- - HTML version: https://v3.shoprocket.io/pt/funcionalidades/vender-em-qualquer-site - Language: Português (pt) - 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), [Español](https://v3.shoprocket.io/es/funciones/vender-en-cualquier-sitio-web.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), [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)