Adicionar um botão.

Aprender DXPR BuilderCriar páginasAdicionar conteúdosMarketing

Obtém um botão claro de chamada para ação que envia os visitantes para onde os quer levar. Utilize-o para levar pessoas a um formulário de registo, uma página de produto ou uma página de contacto.

Botão verde grande com o rótulo Register for Open Day numa landing page

Adicionar um botã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 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 Button. O elemento é colocado no topo da coluna e o diálogo de definições abre.
  2. Substitua o texto predefinido em Title pelo rótulo do seu botão.
  3. Introduza o destino em Link, como /contact ou https://example.com.
  4. Escolha uma cor em Type. Aqui escolhemos Success.
  5. Escolha o Size. Aqui escolhemos Large.
  6. Clique em Save no diálogo. Depois clique em Save na barra de ferramentas no topo da área de conteúdo para guardar a página.

O que vê

Um botão com o rótulo que escreveu aparece no topo da coluna. No vídeo, é grande e verde e diz Register for Open Day. As ligações não abrem enquanto edita. Para testar o seu, guarde a página, escolha Preview no menu de vista da barra de ferramentas e clique no botão. Os visitantes veem-no depois de guardar a página e de esta ser publicada.

Configurar o botão

Paire o cursor sobre o elemento e abra More > Settings na barra de controlos. Opções:

  • Title: o texto no botão.
  • Link: para onde o botão vai: um caminho no seu site, como /contact, ou um URL completo.
  • Link target: abre a ligação na Same window ou numa New window. Aparece quando Link tem um valor.
  • Type: o estilo de cor: Primary, Secondary, Success, Info, Warning, Danger, Link, Light ou Dark.
  • Block button: estica o botão por toda a largura da coluna.
  • Outline style: mostra bordo e texto coloridos sem preenchimento. O tipo Link não tem contorno e parece sempre uma ligação de texto.
  • Size: Normal, Large ou Small.

Se não o vir

  • O Button não está no separador Content. O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em User Profiles.
  • 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.
  • Um clique leva a "page not found". O caminho de Link está errado. Caminhos no seu site começam por /, como /contact. Paire o cursor sobre o elemento e abra More > Settings para o corrigir.
  • O botão parece diferente do vídeo. O aspeto vem de Type, Outline style, Block button e Size. Paire o cursor sobre o elemento e abra More > Settings para os verificar.
  • A ligação abre no mesmo separador. Link target é Same window. Preencha primeiro Link e depois escolha New window.

E a seguir?

Separador Style para alterar o espaçamento e o fundo do seu botão.