> ## Documentation Index > Fetch the complete documentation index at: https://docs.trackup.me/llms.txt > Use this file to discover all available pages before exploring further. # Builder > Crie páginas de alta performance em minutos com IA, templates prontos e edição visual completa. O **Page Builder** é o editor visual do Trackup para criação de Landing Pages, páginas de vendas, páginas de captura, advertoriais. Ele foi desenvolvido para permitir a criação de páginas sem necessidade de programação, utilizando um sistema de componentes, blocos prontos e edição visual em tempo real. *** **\[VÍDEO RECOMENDADO NO TOPO]** *(Vídeo principal de 4 a 6 minutos. Mostrar alguém criando uma página de três formas diferentes: gerando com IA, escolhendo template e criando manualmente com blocos. O objetivo do vídeo é passar sensação de velocidade. Algo estilo “landing page em menos de 2 minutos”.)* *** # Três formas de criar páginas O Builder foi projetado para se adaptar a diferentes tipos de usuários. Seja você iniciante ou avançado, existem diferentes caminhos para criar sua página. Você pode começar de três maneiras. Banner Pagebuilder Cada método atende diferentes cenários operacionais. A maneira mais rápida de colocar uma página no ar. Basta descrever o que você deseja utilizando linguagem natural. Nossa IA processa sua solicitação e gera automaticamente uma estrutura pronta para edição. Isso reduz drasticamente o tempo necessário para iniciar uma nova campanha. Se você prefere começar com uma base já estruturada, com modelos que já foram validados, o Builder oferece templates prontos desenvolvidos para diferentes tipos de operação. Você pode escolher entre layouts já organizados e começar a personalizar imediatamente. Landing Pages Pré-sells Direct Response Paginas VSL Os templates ajudam você a reduzir tempo de criação mantendo uma estrutura validada. Se você deseja liberdade total, também é possível começar com uma página em branco. Nesse modo, você constrói tudo manualmente utilizando nosso sistema de blocos e elementos pré prontos. Você controla absolutamente toda estrutura da página. Títulos Botões Seções Imagens Vídeos Grids Tudo com edição visual em tempo real. *** # Total liberdade de personalização O Builder foi criado para oferecer controle completo sobre o design da sua página. Você pode alterar praticamente qualquer aspecto visual.

Espaçamento Tipografia Layout Responsividade Cores Botões Imagens Estrutura das seções Organização dos elementos *** # Tudo conectado ao restante da operação Uma das maiores vantagens do Builder é estar completamente integrado ao restante do Trackup. Sua página nascem com o tracking pronto, pixel instalado e alta velocidade de carregamento Toda infraestrutura funcionando dentro do mesmo ambiente. *** # Como criar uma página através do Page Builder do Trackup Create Pages Create Page Builder Builder 2 IA Builder 01 Descreva em detalhes como você deseja que seja criada sua página IA Builder 02 Você irá direto para o builder com a página já preenchida.
Obs.: Veja abaixo em detalhes como funciona cada item do builder Template Select Após selecionar um template, você irá direto para o builder para poder editar sua página
Obs.: Veja abaixo em detalhes como funciona cada item do builder Pagina Em Branco Você irá direto para o builder com a página em Branco
Obs.: Veja abaixo em detalhes como funciona cada item do builder *** # Por dentro do Builder O **Page Builder** do Trackup foi desenvolvido para oferecer uma experiência simples, rápida e flexível na criação de páginas. Com uma interface totalmente visual, você pode construir páginas sem precisar escrever código. Além da edição visual, o Builder conta com componentes reutilizáveis, blocos prontos, configurações globais de estilo, recursos de SEO, inteligência artificial e ferramentas avançadas para personalização, permitindo criar páginas profissionais com muito mais agilidade. *** ## Barra superior A **Barra Superior** reúne os principais controles da página e acompanha você durante toda a edição, permitindo gerenciar o projeto sem precisar sair do Builder. Nome da página Status Preview Visualização Responsiva Voltar e Avançar Salvar Publicar Barra Superior > **Dica:** utilize a visualização em diferentes dispositivos e o Preview antes de publicar. Isso ajuda a identificar possíveis ajustes de responsividade, espaçamento ou conteúdo, garantindo uma melhor experiência para seus visitantes. *** ## Canvas (Área de edição) O **Canvas** é a área principal do Page Builder e representa exatamente o espaço onde sua página é construída. É nele que todos os componentes e blocos adicionados são exibidos, organizados e editados em tempo real. No Canvas você pode: * Adicionar componentes e blocos à página * Selecionar qualquer elemento para editá-lo * Reorganizar a estrutura da página conforme necessário * Visualizar as alterações em tempo real O Canvas funciona como uma representação fiel da versão final da página, facilitando ajustes de conteúdo, posicionamento e design antes da publicação. Canvas > **Dica:** utilize os modos responsivos durante toda a construção da página, e não apenas ao final. Dessa forma, você garante que o layout permaneça consistente e ofereça uma boa experiência em qualquer dispositivo. *** ## Barra lateral A **Barra Lateral** concentra todas as ferramentas necessárias para criar, organizar, personalizar e configurar sua página. É por meio dela que você adiciona novos elementos, gerencia a estrutura do projeto e acessa as configurações globais do Builder. Cada seção da barra lateral foi desenvolvida para uma etapa específica da criação da página, tornando o fluxo de trabalho mais organizado e produtivo. Componentes Blocos Camadas Estilo Configuração Inspector IA Barra Lateral > **Dica:** uma boa prática é seguir a sequência natural de criação: escolha um **Bloco** ou adicione **Componentes**, organize a estrutura em **Camadas**, personalize o visual em **Estilo**, configure a página em **Configuração** e utilize o **Inspector** para realizar ajustes detalhados em cada elemento. *** ## Componentes Os **Componentes** são os elementos fundamentais utilizados para construir uma página no Page Builder. Cada componente possui uma função específica e pode ser combinado com outros para criar layouts totalmente personalizados. Ao contrário dos **Blocos**, que adicionam seções completas, os Componentes permitem criar cada parte da página individualmente, oferecendo total liberdade para desenvolver layouts do zero. Para adicionar um componente, basta selecioná-lo na barra lateral e arrastá-lo para o Canvas. Depois de inserido, ele pode ser reposicionado, personalizado. Componentes O **Badge** é utilizado para destacar pequenas informações, categorias ou etiquetas dentro da página. É muito comum utilizá-lo para exibir informações  Além do texto, é possível personalizar suas cores, bordas, espaçamentos e estilo. Badge O componente **Botão** cria elementos clicáveis que direcionam o visitante para outra página ou executam uma ação. É possível personalizar ele por completo O botão é um dos componentes mais importantes de qualquer Landing Page, sendo normalmente utilizado como chamada para ação (CTA). Botão O **Container** funciona como a estrutura principal para organizar os componentes da página. Ele permite agrupar diversos elementos dentro de uma mesma área, facilitando a criação de seções organizadas e layouts responsivos. Dentro de um Container é possível adicionar praticamente qualquer outro componente, como textos, imagens, botões, vídeos e até outros Containers. Na maioria das páginas, praticamente toda a estrutura é construída utilizando Containers. Container O Divisor adiciona uma linha divisória entre seções ou componentes. Ele é utilizado para melhorar a organização visual da página e separar conteúdos relacionados. Divisor O componente **Linha com ícone** cria uma linha composta por um ícone acompanhado de um texto. Cada **Linha com ícone** pode ter seu ícone, cor e texto personalizados. Linha Com Icone O componente **Grid** organiza automaticamente os elementos em linhas e colunas. Ele facilita a criação de layouts mais complexos sem precisar posicionar cada elemento manualmente. Grid O componente **Título** é utilizado para adicionar títulos e subtítulos à página. Além de definir a aparência visual, ele também possui importância para SEO e acessibilidade. Uma boa hierarquia de títulos melhora tanto a leitura quanto a indexação da página pelos mecanismos de busca. Title O componente **Ícone** permite inserir elementos gráficos para complementar informações e tornar a interface mais intuitiva. Os ícones podem ser utilizados para representar ações, recursos ou categorias, além de enriquecer visualmente a página. Icones O componente **Imagem** permite adicionar imagens ao projeto. Utilizar textos alternativos melhora a acessibilidade e o SEO da página. Images O **Spacer** adiciona um espaço vazio entre componentes. Ele é utilizado para controlar o espaçamentos sem alterar as configurações dos demais elementos. Seu uso facilita pequenos ajustes de layout durante a construção da página. Space O componente **Texto** permite inserir parágrafos, descrições e qualquer conteúdo textual da página. Text O componente **Vídeo** permite incorporar vídeos diretamente na página. Atualmente é possível adicionar vídeos através de plataformas suportadas, como o YouTube, [Vturb](https://vturb.com/) ou utilizando uma URL personalizada. Também é possível configurar propriedades relacionadas ao comportamento e à exibição do vídeo. Video > **Dica:** organize sua página utilizando **Containers** como base da estrutura. Em seguida, adicione títulos, textos, imagens, botões e demais componentes dentro deles. Essa abordagem torna o layout mais organizado, facilita a manutenção e melhora a responsividade da página. *** ## Blocos Os **Blocos** são seções prontas e totalmente personalizáveis que permitem criar páginas de forma muito mais rápida. Cada bloco já possui uma estrutura completa, composta por diversos **componentes** organizados e configurados para atender aos principais padrões de Landing Pages. Em vez de construir uma seção do zero, basta escolher um bloco, adicioná-lo ao Canvas e personalizar seu conteúdo, cores, imagens e demais elementos conforme a necessidade do seu projeto. Todos os blocos podem ser editados livremente após serem inseridos, permitindo alterar sua estrutura, adicionar ou remover componentes e adaptá-los à identidade visual da sua página. Blocos ### Como adicionar um bloco Para inserir um bloco na página: Após a inserção, basta selecionar qualquer elemento para começar a personalização através do **Inspector**. ### Categorias de blocos Os blocos são organizados por categorias para facilitar a criação de diferentes tipos de páginas. Os blocos de **Navegação** permitem criar menus e cabeçalhos para facilitar a navegação entre diferentes seções da página. São especialmente úteis em páginas mais longas ou em sites institucionais. Navbar 1 Os blocos **Hero** são utilizados na primeira dobra da página e representam a principal área de destaque. * Título principal * Subtítulo * Botão de ação (CTA) * Imagem ou ilustração * Vídeo * Indicadores de confiança É o primeiro conteúdo visualizado pelo visitante e, por isso, costuma concentrar a principal proposta da página. Hero Os blocos de **Benefícios** são utilizados para apresentar os principais diferenciais de um produto, serviço ou oferta. Eles normalmente combinam: * Ícones * Títulos * Descrições curtas * Cards organizados em grade Esse formato facilita a leitura e ajuda o visitante a compreender rapidamente o valor da sua oferta. Beneficios Os blocos de **Prova Social** aumentam a credibilidade da página através da apresentação de elementos que demonstram confiança. Podem incluir: * Depoimentos * Avaliações * Logos de clientes * Empresas parceiras * Números e resultados Esses elementos ajudam a transmitir autoridade e segurança para novos visitantes. Prova Social Os blocos de **Oferta** destacam as informações comerciais da página. Eles são ideais para apresentar: * Planos * Preços * Condições especiais * Garantias * Bônus * Comparativos entre planos Normalmente são posicionados próximos ao momento de decisão do usuário. Ofertas Os blocos de **CTA** têm como objetivo incentivar uma ação específica do usuário. São ideais para destacar botões como: * Comprar agora * Fazer cadastro * Solicitar orçamento * Entrar em contato * Baixar um material Esses blocos podem ser utilizados em diferentes pontos da página para aumentar a taxa de conversão. Cta Os blocos de **FAQ (Perguntas Frequentes)** organizam dúvidas comuns dos visitantes em formato de perguntas e respostas. Além de reduzir objeções, ajudam a diminuir a necessidade de atendimento antes da conversão. Faq Os blocos de **Conteúdo** organizam textos, imagens e outras informações em seções estruturadas. São recomendados para: * Explicações detalhadas * Recursos do produto * Funcionalidades * Histórias * Apresentações institucionais Conteudo Os blocos de **Rodapé** adicionam a seção final da página. Neles é possível incluir: * Direitos autorais * Links úteis * Redes sociais * Informações de contato * Política de Privacidade * Termos de Uso Rodape ### Personalizando um bloco Após adicionar um bloco, todos os seus elementos podem ser modificados individualmente. Você pode: * Alterar textos e imagens; * Modificar cores e tipografia; * Adicionar ou remover componentes; * Reorganizar a estrutura da seção; * Ajustar espaçamentos e alinhamentos; * Inserir novos componentes dentro do bloco. Na prática, um bloco funciona como um ponto de partida. Depois de inserido, ele pode ser personalizado livremente para atender às necessidades do seu projeto. *** ## Camadas A aba **Camadas** oferece uma visão completa da estrutura da sua página, exibindo todos os elementos organizados em uma árvore hierárquica. Ela facilita a navegação entre componentes, especialmente em páginas mais complexas, permitindo localizar e selecionar qualquer elemento com rapidez. Sempre que um componente é adicionado ao Canvas, ele também passa a fazer parte da árvore de camadas. Assim, é possível entender exatamente como a página está organizada e como cada elemento se relaciona com os demais. ### Como funciona a hierarquia Cada item exibido na lista representa um componente da página. Os elementos são organizados de acordo com sua estrutura, onde componentes podem estar contidos dentro de outros componentes. Camadas Essa hierarquia representa exatamente como a página foi construída no Canvas. Quanto mais recuado um elemento estiver na árvore, significa que ele pertence ao componente imediatamente acima. ### Expandir e recolher grupos Containers e outros componentes que possuem elementos internos podem ser expandidos ou recolhidos. Isso facilita a navegação em páginas maiores, permitindo visualizar apenas a parte da estrutura que está sendo editada no momento. ### Selecionando elementos Ao clicar em qualquer item da árvore, o componente correspondente será automaticamente selecionado no Canvas. E você será direcionado para o Inspector desse componente, podendo realizar as edições necessárias > **Dica:** sempre que tiver dificuldade para selecionar um elemento diretamente no Canvas, utilize a aba **Camadas**. Em páginas com muitos componentes ou elementos sobrepostos, ela é a forma mais rápida e precisa de localizar exatamente o item que deseja editar. *** ## Estilo A aba **Estilo** reúne todas as configurações visuais globais da página. Nela você define a identidade visual do projeto, como tipografia, paleta de cores, tema e outros padrões que serão utilizados pelos componentes. As alterações realizadas nessa seção são aplicadas automaticamente em toda a página, mantendo uma aparência consistente e facilitando futuras mudanças de identidade visual. Mesmo utilizando configurações globais, cada componente continua podendo receber personalizações individuais através do **Inspector**, permitindo exceções quando necessário. Estilo > **Importante:** as configurações da aba **Estilo** funcionam como o padrão da página. Sempre que um componente não possuir um estilo personalizado, ele utilizará automaticamente os valores definidos aqui. A seção **Tipografia** define a fonte principal utilizada na página. Todos os componentes de texto, como títulos, parágrafos, botões e badges, utilizarão essa fonte por padrão, garantindo consistência visual em todo o projeto. Caso necessário, a fonte de um componente específico pode ser alterada individualmente pelo Inspector. Os **Presets de Cor** permitem configurar rapidamente a identidade visual da página. Nessa seção você pode definir: * **Modo:** Claro ou Escuro. * **Base neutra:** controla os tons utilizados em fundos, cartões, bordas e demais elementos neutros. * **Cor primária:** define a cor principal utilizada em botões, links, destaques e componentes que utilizam a cor de marca. Essa configuração é uma maneira rápida de alterar a aparência geral da página sem precisar editar cada componente individualmente. O Builder utiliza um sistema baseado em **tokens de design**, onde cada cor possui uma função específica dentro da interface. Em vez de configurar a cor de cada elemento manualmente, os componentes utilizam esses tokens como referência. | Token | Descrição | | -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | | Background | Define a cor de fundo principal da página. | | Foreground | Cor padrão utilizada para textos e elementos sobre o fundo principal. | | Card | Cor de fundo aplicada em cartões, caixas e componentes semelhantes. | | Card Foreground | Define a cor dos textos e elementos exibidos dentro dos cartões. | | Popover | Cor utilizada em menus suspensos, caixas de diálogo e elementos flutuantes. | | Popover Foreground | Cor dos textos exibidos dentro dos popovers. | | Primary | Representa a principal cor da marca. | | Primary Foreground | Cor dos textos e ícones exibidos sobre elementos que utilizam a cor primária. | | Secondary | Cor utilizada para ações secundárias e componentes com menor destaque visual. | | Secondary Foreground | Cor dos textos e ícones utilizados sobre elementos secundários. | | Muted | Cor aplicada em elementos discretos da interface. | | Muted Foreground | Cor utilizada em textos secundários e informações complementares. | | Accent | Cor utilizada para destacar elementos específicos da interface. Pode ser aplicada em indicadores, seleções e componentes de apoio. | | Accent Foreground | Cor dos elementos posicionados sobre áreas que utilizam a cor Accent. | | Destructive | Cor utilizada para ações destrutivas ou mensagens de erro. | | Success | Cor utilizada para indicar sucesso, confirmações e operações concluídas. | | Border | Define a cor padrão das bordas utilizadas pelos componentes. | | Input | Cor aplicada aos campos de entrada, formulários e elementos de preenchimento. | | Ring | Cor utilizada no indicador de foco dos componentes interativos, como campos de formulário e botões. | Além das cores, o Builder permite definir algumas propriedades globais relacionadas ao layout. #### Radius Define o arredondamento padrão utilizado em componentes como: * Botões; * Cards * Inputs * Containers Alterar esse valor modifica automaticamente o nível de arredondamento dos componentes que utilizam o estilo global. #### Largura máxima da página Permite definir a largura máxima utilizada pelos principais Containers da página. Essa configuração ajuda a manter o conteúdo centralizado e garante uma leitura mais confortável em telas maiores. > **Dica:** configure primeiro a identidade visual da página na aba **Estilo** e deixe as personalizações individuais apenas para casos específicos. Essa abordagem facilita futuras alterações e mantém todo o projeto visualmente consistente. *** ## Config A aba **Configuração** reúne todas as definições gerais da página. É nela que você configura informações de SEO, compartilhamento em redes sociais, scripts personalizados, recursos de performance e outras opções que afetam o comportamento da página. Config Configure as informações utilizadas pelos mecanismos de busca. * **Título:** título da página exibido nos resultados de pesquisa. * **Descrição:** resumo utilizado por buscadores e redes sociais. * **URL Canônica:** informa a URL oficial da página, evitando conteúdo duplicado. * **Robots:** define como os mecanismos de busca devem tratar a página (indexar, seguir links, etc.). Define como a página será exibida quando compartilhada em redes sociais. Você pode configurar: * Título * Descrição * Imagem de compartilhamento Escolha o formato utilizado ao compartilhar a página no X (Twitter). Configura informações básicas da página. * **Favicon:** ícone exibido na aba do navegador. * **Idioma:** idioma principal da página. Permite adicionar códigos personalizados em pontos específicos da página. * **Scripts no** ``**:** carregados antes do conteúdo da página. * **Scripts no final do** ``**:** executados após o carregamento do conteúdo. Ideal para integrações como Google Tag Manager, pixels de rastreamento e outras ferramentas externas. Adicione regras CSS para personalizações avançadas que não possam ser realizadas pelas opções visuais do Builder. Configura recursos que ajudam a otimizar o carregamento da página. * **Preconnect URLs:** estabelece conexões antecipadas com serviços externos. * **Preload Assets:** prioriza o carregamento de arquivos importantes, como fontes, imagens e estilos. *** ## Inspector O **Inspector** é o painel onde você personaliza cada componente da sua página. Sempre que um elemento é selecionado no Canvas ou na aba **Camadas**, o Inspector exibe todas as opções de edição disponíveis para aquele componente. Enquanto a aba **Conteúdo** varia de acordo com o componente selecionado, as abas **Design**, **Ação** e **HTML** possuem a mesma estrutura para todos os componentes. Inspector A aba **Conteúdo** reúne as configurações relacionadas à função do componente selecionado. Como cada componente possui uma finalidade diferente, os campos exibidos nessa aba variam conforme o elemento escolhido. Alguns exemplos: * **Texto:** edição do conteúdo textual. * **Título:** definição do texto e nível do cabeçalho. * **Botão:** texto exibido no botão. * **Imagem:** seleção da imagem e texto alternativo. * **Vídeo:** plataforma e URL do vídeo. * **Ícone:** escolha do ícone exibido. Sempre que precisar alterar o conteúdo principal de um componente, essa será a aba utilizada. A aba **Design** concentra todas as opções de aparência e posicionamento do componente. É nela que você personaliza desde o tamanho até detalhes visuais como cores, bordas, tipografia e transformações. > **Importante:** as alterações realizadas na aba **Design** afetam apenas o componente selecionado e não modificam as configurações globais definidas na aba **Estilo**. Entre as principais configurações disponíveis estão: | Seções | Campos Personalizáveis | | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Tamanho | Controle propriedades como: | | Layout | Configure o comportamento do componente dentro da página. As opções incluem: | | Estilos | Personalize a aparência visual do componente. É possível alterar: | | Transformação | Permite aplicar transformações visuais ao componente. Inclui: | | Texto | Quando o componente possui conteúdo textual, essa seção permite configurar: | | Outras propriedades | Para configurações mais avançadas, também é possível adicionar propriedades CSS personalizadas ao componente, oferecendo maior flexibilidade para ajustes específicos. | A aba **Ação** define o comportamento do componente quando o visitante interage com ele. Atualmente, é possível configurar eventos como: * **Nenhum:** o componente não executa nenhuma ação. * **Abrir URL:** direciona o usuário para um link informado. * **Copiar para área de transferência:** copia automaticamente um texto para o clipboard do visitante. Ao utilizar a ação **Abrir URL**, você também pode definir: * A URL de destino. * Se o link será aberto na mesma aba ou em uma nova aba. Esse recurso é bastante utilizado em botões, imagens, ícones e outros componentes interativos. A aba **HTML** reúne configurações relacionadas à estrutura HTML do componente. Nela é possível definir: * **Tag HTML:** escolha qual elemento HTML será utilizado na renderização do componente (como `div`, `section`, `span`, entre outros). * **Atributos personalizados:** adicione atributos HTML como `id`, `class` e quaisquer outros atributos necessários para integrações ou personalizações avançadas. Essas configurações são úteis para organização da página, estilizações específicas com CSS, scripts personalizados e integrações com bibliotecas externas. > **Dica:** na maioria dos casos, você utilizará principalmente as abas **Conteúdo** e **Design**. As abas **Ação** e **HTML** são recursos mais avançados, indicados para adicionar interatividade e realizar personalizações técnicas quando necessário. *** ## IA O **Assistente IA** foi desenvolvido para acelerar a criação e edição de páginas utilizando linguagem natural. Em vez de realizar alterações manualmente, basta descrever o que deseja fazer e a inteligência artificial executará as modificações automaticamente. A IA pode atuar tanto em componentes específicos quanto na página inteira, auxiliando desde pequenos ajustes até a criação de novas seções. IA ### Como utilizar Para utilizar o Assistente IA, basta selecionar um componente ou deixar nenhum elemento selecionado e descrever a alteração desejada no campo de texto. Após enviar a solicitação, a IA analisará o contexto da página e realizará as modificações automaticamente. Você também pode utilizar os exemplos sugeridos pelo próprio assistente para iniciar rapidamente uma edição. ### Editando um componente Ao selecionar um componente antes de utilizar a IA, as alterações serão aplicadas apenas ao elemento escolhido. Isso permite realizar ajustes específicos sem afetar o restante da página. Exemplos de comandos: * Altere este título para um tom mais persuasivo. * Deixe este botão mais chamativo. * Altere a cor deste botão para a cor primária. ### O que a IA pode fazer O Assistente IA pode auxiliar em diversas tarefas, como: * Criar novas seções da página. * Reescrever títulos e textos. * Ajustar o tom da comunicação. * Alterar cores e estilos. * Organizar layouts. * Melhorar chamadas para ação (CTAs). * Criar descrições e conteúdos. * Realizar pequenas alterações estruturais. Quanto mais clara for a solicitação, melhores tendem a ser os resultados. ### Boas práticas Para obter respostas mais precisas, descreva exatamente o que deseja alterar e, sempre que possível, informe o objetivo da mudança. Em vez de utilizar comandos genéricos como: > "Melhore isso." Prefira instruções mais específicas, como: > "Reescreva este título para aumentar a taxa de conversão." ou > "Crie uma seção de benefícios utilizando quatro cards com ícones." Essas informações ajudam a IA a compreender melhor sua intenção e produzir resultados mais próximos do esperado. > **Dica:** selecione um componente antes de utilizar o Assistente IA quando desejar editar apenas um elemento específico. Caso queira modificar toda a página, basta deixar nenhum componente selecionado e descrever a alteração desejada. *** # Sua página está pronta! Com a página finalizada, basta **Salvar** todas as alterações realizadas e, quando estiver tudo pronto, clicar em **Publicar** para disponibilizá-la. Após a publicação, o próximo passo é criar um [**Link**](/links) para essa página. É através deles que você poderá definir a URL de acesso, configurar domínios, utilizar parâmetros de rastreamento, realizar testes A/B e integrar a página com o restante da infraestrutura do Trackup. [Clique aqui e veja mais sobre Links](/links)