--- url: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/elements/card' title: 'Adicionar um cartão | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:13:11+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Obtém uma caixa com moldura, com cabeçalho e título, que contém outros elementos, como texto ou um botão. Utilize cartões para agrupar conteúdos relacionados, como serviços, perfis de equipa ou planos de preços.' tags: - Marketing image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T14:13:11+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Adicionar um cartão' description: 'Obtém uma caixa com moldura, com cabeçalho e título, que contém outros elementos, como texto ou um botão. Utilize cartões para agrupar conteúdos relacionados, como serviços, perfis de equipa ou planos de preços.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:13:11+0000' dateModified: '2026-10-24T14:13:11+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/elements/card' articleSection: Marketing - '@type': WebPage '@id': 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/elements/card' description: 'Obtém uma caixa com moldura, com cabeçalho e título, que contém outros elementos, como texto ou um botão. Utilize cartões para agrupar conteúdos relacionados, como serviços, perfis de equipa ou planos de preços.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Início item: 'https://dxpr.com/pt-pt' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pt-pt --- [Centro de ajuda](/pt-pt/node/75)/[Documentação](/pt-pt/hc/documentation) /[Aprender DXPR Builder](/pt-pt/hc/documentation/learn-dxpr-builder) /[Criar páginas](/pt-pt/hc/documentation/learn-dxpr-builder/build) /[Adicionar conteúdos](/pt-pt/hc/documentation/learn-dxpr-builder/elements) /[Marketing](/pt-pt/hc/documentation/learn-dxpr-builder/elements/marketing) # Adicionar um cartão. Aprender DXPR BuilderCriar páginasAdicionar conteúdosMarketing ## Neste guia Guias relacionados - [Altere o aspeto de um elemento no painel Style](/pt-pt/hc/documentation/learn-dxpr-builder/element-settings/style-tab) Obtém uma caixa com moldura, com cabeçalho e título, que contém outros elementos, como texto ou um botão. Utilize cartões para agrupar conteúdos relacionados, como serviços, perfis de equipa ou planos de preços. ## Adicionar um cartão Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. [Crie a sua primeira página](/hc/documentation/learn-dxpr-builder/getting-started/first-page) mostra o essencial. 1. Paire o cursor sobre a coluna e clique em **+** na barra de controlos, ou clique em **Add Elements** numa página vazia. Abra o separador **Content** e clique em **Card**. O elemento é colocado no topo da coluna, sem diálogo. 2. Paire o cursor sobre ele, clique em **More** na barra de controlos e escolha **Settings**. Escreva um **Header**, por exemplo Investor Relations. 3. Escreva o **Title** do cartão, por exemplo Q3 Results Published. 4. Escolha um **Type** para o estilo do cartão. Aqui escolhemos **Primary**. O texto fica branco automaticamente. 5. Clique em **Save** no diálogo. 6. Paire o cursor sobre o cartão e clique em **+** na sua própria barra de controlos, não na da coluna. O **+** no corpo vazio do cartão também funciona. Adicione um **Button**, porque um cartão é um contentor. Defina o rótulo e a ligação como em [Adicionar um botão](/hc/documentation/learn-dxpr-builder/elements/button). Depois clique em **Save** na barra de ferramentas no topo da área de conteúdo para guardar a página. ## O que vê O seu cabeçalho e título ficam num cartão na cor que escolheu, com o botão dentro. No vídeo, dizem Investor Relations e Q3 Results Published num cartão Primary. O botão é um elemento Button normal, por isso edita-o e dá-lhe estilo separadamente. Os visitantes veem-no depois de guardar a página e de esta ser publicada. ## Configurar o cartão Paire o cursor sobre o elemento e abra **More > Settings** na barra de controlos. Opções: - **Header:** texto na barra no topo do cartão. Deixe vazio para ocultar a barra. - **Title:** o título no topo do corpo do cartão. - **Type:** a cor do cartão: Default, Primary, Secondary, Success, Info, Warning, Danger, Dark ou Light. Todos exceto Default e Light usam texto branco. Um cartão é um contentor. Adicione ou arraste outros elementos para dentro do corpo, como texto, uma imagem ou um botão. ## Se não o vir - **O Card não está no separador Content.** O seu perfil de utilizador oculta-o. Peça a um administrador para assinalar **Card (Bootstrap 4/5)** em **Elements** em [User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Desapareceu depois de recarregar.** A página não foi guardada. Adicione-o novamente e clique em **Save** na barra de ferramentas no topo da área de conteúdo. - **O cartão mostra só um bordo e nada dentro.** Ainda não há elementos dentro dele. Paire o cursor sobre o cartão, clique em **+** na barra de controlos e adicione um Text, Image ou Button. - **Falta a barra de cabeçalho.** O campo **Header** está vazio. Paire o cursor sobre o elemento e abra **More > Settings**, depois escreva um cabeçalho. - **O texto no cartão é difícil de ler.** A maioria das opções de **Type** usa texto branco, que se esbate numa cor clara como Warning. Escolha um Type mais escuro, ou Light. ## E a seguir? [Separador Style](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) para alterar o espaçamento e o fundo do seu cartão.