Como criar um componente compartilhado? | BuilderDuck

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".

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.

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.

Na linha, você pode escolher o formato da coluna clicando no gráfico atual e selecionando uma das seguintes estruturas.

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.

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.

💡 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.

Você também pode renomear este novo componente compartilhado inserindo o novo nome no campo 'Nome do componente' na barra lateral.

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.

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".

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.

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.

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.

💡 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.

💡 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.

Criando um componente compartilhado a partir da edição de uma página

Ao editar uma página com o BuildDuck 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.

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.

Posicione o cursor sobre a coluna que deseja transformar em um componente compartilhado e clique no ícone com quatro quadrados.

Dê um nome e clique em Adicionar.

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?

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.