Esta página é para parceiros que querem um caminho prático de construção: projete o site de marketing no Pinegrow, publique HTML normal e adicione widgets da Nilo onde o negócio precisa de uma ação para clientes.
Pinegrow cuida da estrutura e do design. Os widgets da Nilo adicionam as ações que ajudam o negócio a coletar, guiar ou fazer avançar solicitações de clientes.
A configuração mais simples é tratar a Nilo como uma camada de melhoria sobre o site que você já constrói no Pinegrow.
Crie o layout, seções, formulários, visuais e comportamento responsivo como faria normalmente.
Decida onde o negócio precisa de uma ação como contato, qualificação, reserva, recepção de solicitações ou acompanhamento.
Adicione o pacote de widgets no head da página ou antes de fechar o body para que os elementos personalizados estejam disponíveis.
Insira a tag do widget onde você quer que a ação apareça. O Pinegrow continua tratando a página como HTML normal.
Passe a configuração do widget através de atributos HTML como ambiente, ID do negócio, ID do widget, idioma ou valores de tema.
Exporte ou publique o site com seu fluxo normal. O comportamento do widget vem do script mais o markup do elemento personalizado.
O modelo prático é simples: inclua o script uma vez, depois coloque as tags de widget onde se encaixam. É isso que faz funcionar bem com o Pinegrow.
O pacote define os elementos personalizados no navegador.
Você coloca uma tag de widget na parte do layout onde a ação deve aparecer.
Cada instância de widget pode ler a configuração diretamente dos atributos da tag.
Sua tipografia, layout, seções, hosting e fluxo do Pinegrow não precisam mudar.
Substitua os valores de exemplo pela URL do script e atributos do widget que sua configuração da Nilo utiliza.
Coloque no head da página ou antes de fechar o body. Não duplique para cada instância de widget.
<script
type="module"
src="https://YOUR-WIDGET-HOST/nilo-widgets.js"></script>Use um bloco HTML normal no Pinegrow onde a ação do cliente deve aparecer.
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="YOUR_WIDGET_ID"
locale="pt-BR"
theme="light">
</nilo-widget>O mesmo pacote pode suportar múltiplas ações de cliente na mesma página.
<script
type="module"
src="https://YOUR-WIDGET-HOST/nilo-widgets.js"></script>
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="contact-intake"
locale="pt-BR">
</nilo-widget>
<nilo-widget
business-id="YOUR_BUSINESS_ID"
widget-id="quote-request"
locale="pt-BR">
</nilo-widget>Você não precisa reconstruir seu fluxo de trabalho em torno dos widgets. Só precisa de um lugar confiável para inserir o script e o markup do elemento personalizado.
Se o Pinegrow gerencia um head ou footer compartilhado, coloque o script lá para que cada página possa usar os componentes sem repetir trabalho.
Coloque o web component em um bloco HTML personalizado, bloco de código ou no código-fonte da página onde você quer que a ação se renderize.
Gerencie cabeçalhos, espaçamento, fundo e texto de apoio no Pinegrow. Deixe o widget focar na ação em si.
Como web components são comportamento do navegador, confirme o resultado renderizado na visualização do navegador em vez de confiar apenas na visão de design estática.
Se puder mover o widget depois, mantenha a seção do Pinegrow circundante autocontida para que todo o bloco possa ser reutilizado em outra página.
Anote os poucos atributos que sua configuração de cliente realmente precisa para que edições futuras sejam simples para você ou para outro parceiro.
Coloque um widget abaixo do hero ou seção de serviços quando o negócio precisa de mais consultas.
Use um widget depois de preços ou detalhes de serviço para coletar o contexto certo do cliente antes do acompanhamento.
Coloque um widget em páginas de serviço onde o dono atualmente perde detalhes no vai-e-vem de emails ou telefone.
O widget não é o site. É a camada de ação dentro do site. Essa distinção ajuda parceiros a manter a página simples e colocar widgets apenas onde adicionam valor real ao negócio.
Isso mantém a oferta fácil de explicar: o site é seu, o design é seu, e a Nilo adiciona ações para clientes sem forçar uma reconstrução.
Design e conteúdo podem avançar no seu cronograma normal do Pinegrow.
Você pode adicionar o próximo widget depois sem mudar toda a arquitetura do site.
O projeto continua parecendo um site normal com uma pequena camada de integração.
Conte para nós que tipo de site você constrói, que ação de cliente quer que o widget gerencie e que tipo de entrega precisa para o cliente.