--- title: Como criar um componente compartilhado? | BuilderDuck description: Aprenda a criar componentes compartilhados, como rodapés ou cabeçalhos. --- [Pular para o conteúdo](https://help.rentlysoft.com/pt-br/cómo-crear-un-componente-compartido-builderduck#main-content) - [Português - Brasil](https://help.rentlysoft.com/pt-br/c%C3%B3mo-crear-un-componente-compartido-builderduck) - [English](https://help.rentlysoft.com/en/how-to-create-a-shared-component-builderduck-1) - [Español](https://help.rentlysoft.com/cómo-crear-un-componente-compartido-builderduck) Português - Brasil Mostrar submenu para traduções ![Rently logo png](https://help.rentlysoft.com/hs-fs/hubfs/Rently%20logo%20png.png?width=150&height=85&name=Rently%20logo%20png.png) Abrir navegação principal Fechar navegação principal - - [Português - Brasil](https://help.rentlysoft.com/pt-br/c%C3%B3mo-crear-un-componente-compartido-builderduck) - [English](https://help.rentlysoft.com/en/how-to-create-a-shared-component-builderduck-1) - [Español](https://help.rentlysoft.com/cómo-crear-un-componente-compartido-builderduck) Português - Brasil Mostrar submenu para traduções - Ir a rentlysoft.com Ir a rentlysoft.com Todas las soluciones a un click! - Não há sugestões porque o campo de pesquisa está em branco. 1. [Rently Centro de Ayuda (pt-br)](https://help.rentlysoft.com/pt-br/?hsLang=pt-br) 2. [BuilderDuck](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br) 3. [Edite as páginas do seu site](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#edite-as-p%C3%A1ginas-do-seu-site) # Como criar um componente compartilhado? | BuilderDuck ## Aprenda a criar componentes compartilhados, como rodapés ou cabeçalhos. Com o BuilderDuck, você pode adicionar componentes compartilhados, como diferentes rodapés ou cabeçalhos. Para começar, acesse "Páginas" e selecione "Componentes Compartilhados". ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-39-1766-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-39-1766-PM.png) Você pode visualizar e modificar os componentes compartilhados atuais clicando no ícone de edição. Você também pode criar um novo componente compartilhado do zero ou usando um modelo. **Criando um componente compartilhado do zero** Para criar um componente compartilhado do zero, acesse 'Páginas' e selecione 'Componentes Compartilhados'. Lá você encontrará o botão 'Adicionar Novo'. Clique nele para continuar. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-36-9157-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-36-9157-PM.png) Nesta página, você encontrará um botão com um ícone de +; clique nele para adicionar uma linha e começar a criar seu componente compartilhado. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-37-2513-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-37-2513-PM.png) Na linha, você pode escolher o formato da coluna clicando no gráfico atual e selecionando uma das seguintes estruturas. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-36-0472-PM.jpeg?width=1280&height=720&name=undefined-Nov-24-2025-05-40-36-0472-PM.jpeg) Clique no ícone "+" e uma janela pop-up aparecerá mostrando todos os componentes disponíveis para sua página. Basta selecionar um componente clicando no respectivo cartão. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-36-6371-PM.jpeg?width=1280&height=720&name=undefined-Nov-24-2025-05-40-36-6371-PM.jpeg) Para editar seu componente, clique no ícone de edição. A barra lateral será aberta, onde você poderá personalizá-lo alterando o texto ou o link. As opções disponíveis variam de acordo com o componente. Por exemplo, você pode alterar o título editando o componente de parágrafo e inserindo o novo título. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-38-8198-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-38-8198-PM.png) 💡 Para páginas multilíngues, personalize o conteúdo para cada idioma selecionando a bandeira correspondente no menu suspenso. Você também pode copiar uma coluna ou linha pressionando o ícone de copiar. Para reordenar os componentes, basta selecioná-los e arrastá-los para a posição desejada. 💡 Isso funciona dentro de uma coluna, bem como entre colunas diferentes, mesmo que pertençam a linhas separadas. Para adicionar um novo componente, pressione o ícone laranja "+" e repita os passos acima. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-36-2728-PM.jpeg?width=1280&height=720&name=undefined-Nov-24-2025-05-40-36-2728-PM.jpeg) Você também pode renomear este novo componente compartilhado inserindo o novo nome no campo 'Nome do componente' na barra lateral. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-38-1976-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-38-1976-PM.png) Quando terminar, clique em "Atualizar" para salvar as alterações. ❗ Para adicionar o novo componente compartilhado à sua página, primeiro você precisa configurá-lo no seu layout e depois selecioná-lo na página. **Criando um componente compartilhado usando um modelo** Para criar um componente compartilhado do zero, acesse "Páginas" e selecione "Componentes Compartilhados". Lá você encontrará o botão "Adicionar Novo". Clique nele para continuar. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-36-9157-PM.png?width=602&height=339&name=undefined-Nov-24-2025-05-40-36-9157-PM.png) Você encontrará o botão "Adicionar modelo". Clique nele. Uma janela pop-up será exibida com os modelos disponíveis. Selecione um e clique em "Selecionar". ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-34-6110-PM.jpeg?width=1280&height=720&name=undefined-Nov-24-2025-05-40-34-6110-PM.jpeg) Você verá a estrutura do componente, incluindo linhas e colunas. A partir da linha, você pode alterar o formato da coluna clicando no diagrama atual e selecionando uma das seguintes estruturas. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-38-5389-PM.jpeg?width=1280&height=720&name=undefined-Nov-24-2025-05-40-38-5389-PM.jpeg) Para editar seu componente, clique no ícone de edição. A barra lateral será aberta, onde você poderá personalizar o componente. Por exemplo, você pode alterar o texto do título editando o componente de parágrafo e inserindo o novo título. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-41-9266-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-41-9266-PM.png) Para alterar o nome e o link de um ícone da lista, selecione-o e clique no ícone de edição. Na barra lateral, você pode inserir o novo nome e o URL da página. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-40-8441-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-40-8441-PM.png) 💡 Para páginas multilíngues, personalize o conteúdo de cada idioma selecionando a bandeira correspondente no menu suspenso. Para adicionar um novo componente, clique no ícone laranja "+" e uma janela pop-up será exibida mostrando todos os componentes disponíveis para sua página. Basta selecionar um componente clicando no cartão correspondente. Em seguida, clique no ícone de edição para personalizar o conteúdo. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-37-6259-PM.jpeg?width=1280&height=720&name=undefined-Nov-24-2025-05-40-37-6259-PM.jpeg) 💡 As configurações disponíveis serão ajustadas de acordo com o item selecionado. Ao concluir, pressione o botão Atualizar e o componente será salvo no seu sistema. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-41-6201-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-41-6201-PM.png) ### **Criando um componente compartilhado a partir da edição de uma página** [Ao editar uma página com o BuildDuck](https://help.rentlysoft.com/c%C3%B3mo-editar-una-p%C3%A1gina-builderduck?hsLang=pt-br) você pode criar um componente compartilhado a partir de uma seção ou coluna e reutilizá-lo em outras páginas. Para fazer isso, acesse Páginas e selecione Lista de Páginas. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-39-5403-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-39-5403-PM.png) Lá você encontrará uma lista de todas as suas páginas, estejam elas publicadas ou em rascunho. Selecione a página que deseja personalizar clicando no nome da página (em azul) ou pressionando o ícone de edição. **![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-41-2415-PM.png?width=1280&height=720&name=undefined-Nov-24-2025-05-40-41-2415-PM.png)** Posicione o cursor sobre a coluna que deseja transformar em um componente compartilhado e clique no ícone com quatro quadrados. ![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-43-2027-PM.png?width=1600&height=587&name=undefined-Nov-24-2025-05-40-43-2027-PM.png) Dê um nome e clique em Adicionar. **![](https://help.rentlysoft.com/hs-fs/hubfs/undefined-Nov-24-2025-05-40-42-7453-PM.png?width=1600&height=722&name=undefined-Nov-24-2025-05-40-42-7453-PM.png)** Você encontrará a coluna convertida em um componente compartilhado e poderá usá-la em outras páginas. [***Como adiciono um componente compartilhado a uma página?***](https://help.rentlysoft.com/c%C3%B3mo-sumar-un-componente-compartido-a-una-p%C3%A1gina?hsLang=pt-br) Não é possível editar o componente compartilhado a partir do editor de páginas. Para isso, você precisa acessar a seção de componentes compartilhados. - [RentlySoft](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#main-content) - [CONFIGURAÇÃO DO SISTEMA](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#configura%C3%A7%C3%A3o-do-sistema) - [Usuários](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#usu%C3%A1rios) - [Perfis](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#perfis) - [Configuração Geral](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#configura%C3%A7%C3%A3o-geral) - [Filiais](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#filiais) - [CARROS](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#carros) - [RESERVAS](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#reservas) - [CAIXA](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#caixa) - [ADICIONAIS](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#adicionais) - [TARIFARIOS](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#tarifarios) - [Templates](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#templates) - [CLIENTES](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#clientes) - [Serviços](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#servi%C3%A7os) - [Relatórios](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#relat%C3%B3rios) - [IMPOSTOS](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#impostos) - [INFRAÇÕES](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#infra%C3%A7%C3%B5es) - [UTILIZANDO O SISTEMA](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#utilizando-o-sistema) - [Pagamentos](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#pagamentos) - [OVERBOOKING](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#overbooking) - [NOTIFICAÇÕES AUTOMÁTICAS](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#notifica%C3%A7%C3%B5es-autom%C3%A1ticas) - [SINISTROS](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#sinistros) - [SEGURANÇA](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#seguran%C3%A7a) - [AXLE](https://help.rentlysoft.com/pt-br//rentlysoft?hsLang=pt-br#axle) - [BuilderDuck](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#main-content) - [Primeiros Passos](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#primeiros-passos) - [Configure seu kit de marca](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#configure-seu-kit-de-marca) - [Edite as páginas do seu site](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#edite-as-p%C3%A1ginas-do-seu-site) - [SEO](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#seo) - [Configurações da página de reserva e da página de pagamento](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#configura%C3%A7%C3%B5es-da-p%C3%A1gina-de-reserva-e-da-p%C3%A1gina-de-pagamento) - [Blog](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#blog) - [Configurações avançadas](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#configura%C3%A7%C3%B5es-avan%C3%A7adas) - [Gerenciador de Arquivos](https://help.rentlysoft.com/pt-br//builderduck?hsLang=pt-br#gerenciador-de-arquivos) - [App In & Out](https://help.rentlysoft.com/pt-br//app-in-out?hsLang=pt-br#main-content) - [Configuração](https://help.rentlysoft.com/pt-br//app-in-out?hsLang=pt-br#configura%C3%A7%C3%A3o) - [Integração - Brokers](https://help.rentlysoft.com/pt-br//integra%C3%A7%C3%A3o-brokers?hsLang=pt-br) - [Página Web](https://help.rentlysoft.com/pt-br//p%C3%A1gina-web?hsLang=pt-br#main-content) - [Sistemas de pagamento](https://help.rentlysoft.com/pt-br//p%C3%A1gina-web?hsLang=pt-br#sistemas-de-pagamento) - [Promoções](https://help.rentlysoft.com/pt-br//p%C3%A1gina-web?hsLang=pt-br#promo%C3%A7%C3%B5es) - [Newsletters](https://help.rentlysoft.com/pt-br//newsletters?hsLang=pt-br) - [ERP - Faturamento](https://help.rentlysoft.com/pt-br//erp-faturamento?hsLang=pt-br) - [Gateways de pagamento](https://help.rentlysoft.com/pt-br//gateways-de-pagamento?hsLang=pt-br) [![Rently](https://help.rentlysoft.com/hubfs/rently%20logo.svg "Rently")](http://www.rentlysoft.com) Centro de ayuda rentlysoft.com Copyright © 2026, Rently Software LLC