Buscando artigos relevantes...

CMS: usar uma página dinâmica de item como a página Informações do evento e registro

19 min de leitura
Você precisa de mais controle sobre o design e o layout da sua página Informações do evento e registro? Nesse caso, você pode usar o CMS (sistema de gerenciamento de conteúdo) do Wix para criar uma página dinâmica de item que serve como um template personalizado para exibir cada evento individualmente. 

Você só precisa criar o design da página uma vez e conectar elementos de imagem, texto e botão aos campos relevantes em sua coleção de eventos do CMS. Quando você publica seu site, cada evento tem sua própria versão da página dinâmica de item com um URL exclusivo.
Com esse método, recomendamos também criar uma página dinâmica de lista para seus eventos onde os visitantes podem visualizar todos os seus eventos em um só lugar. Quando clicam em um evento na página dinâmica de lista, eles são levados para essa página dinâmica de item onde as informações sobre o evento são exibidas.
Antes de começar:

Etapa 1 | Adicione uma página dinâmica de item para o seu evento

Comece no seu editor acessando as coleções de aplicativos Wix e encontre a coleção Eventos. Em seguida, crie uma página dinâmica de item a partir dessa coleção. Essa página dinâmica funcionará como um template, com cada evento tendo sua própria versão da página. 
Editor Wix
Editor X
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique em CMS  à esquerda do Editor.
  3. Clique em Coleções de aplicativos Wix à esquerda.  
  4. Role para baixo até as coleções Events (Eventos).
  5. Passe o mouse sobre Events (Eventos), clique no ícone Mais ações e selecione Adicionar página dinâmica
  1. Clique em Página de item
  2. Clique em Adicionar ao site.

Etapa 2 | (Opcional) Modifique a estrutura do slug do URL

Cada um dos seus eventos terá uma versão dedicada da página dinâmica de item que você acabou de criar. Por definição, essas páginas têm a seguinte estrutura de URL, com a última parte {Title} sendo alterada com base no nome do evento: 
  • No Editor Wix: https://www.{seu-domínio.com}/events-1/{Title}
  • No Editor X e no Editor do Wix Studio: https://www.{seu-domínio.com}/events/{Title}

Ao editar a estrutura do slug do URL, a estrutura não pode estar sendo usada por outras páginas existentes no seu site. Para ser exclusiva, a estrutura do slug do URL não pode ter o mesmo prefixo (por exemplo: {Nome da coleção}) e o mesmo número de variáveis que outra página em seu site, mesmo que as variáveis sejam diferentes. Saiba mais sobre como criar URLs exclusivos de páginas dinâmicas.

Para editar a estrutura do slug do URL:

Editor Wix
Editor X
Editor do Wix Studio
Se você estiver usando o Editor Wix, a parte events do slug do seu URL já é usada por uma página que exibe seus eventos futuros e anteriores. É por isso que o CMS adiciona -1 após events, para dar a essa nova página dinâmica de item um URL exclusivo. Você pode alterar esse slug do URL para uma nova estrutura que ainda não é usada pelo seu site online.
Para editar a estrutura do slug do URL da sua página dinâmica de item:
  1. Vá para o seu editor.
  2. Clique em Páginas e menu no lado esquerdo do Editor.
  3. Clique em Páginas dinâmicas
  4. Passe o mouse sobre a página Events (Item) em COLEÇÃO EVENTS/EVENTS e clique no ícone Mais ações  à direita. 
  5. Clique em SEO básico
  6. Clique no campo Estrutura do slug do URL.
  1. Personalize a estrutura do slug do URL e pressione Enter no teclado. Por exemplo, você pode alterar events-1 para evento.

Etapa 3 | Personalize sua nova página dinâmica de item

Ao usar o CMS, os conjuntos de dados são as ferramentas ocultas que conectam os elementos da sua página aos itens da sua coleção. Nesse caso, você está conectando texto, botões e uma imagem à sua coleção Eventos, o que permite que cada versão da página mostre detalhes sobre o evento relevante. Você pode adicionar e conectar mais elementos de texto ou botão e organizar a página como achar melhor. 
Editor Wix
Editor X
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Vá para a página Events (Item). 
  3. Conecte os elementos na página:
    • Botão Voltar: clique no botão Voltar, em seguida, clique no ícone Link e escolha para onde o botão direciona os visitantes.
      Dica: vincule esse botão a uma página ou seção do seu site que tenha uma lista dos seus eventos.
    • Elementos de texto: clique no elemento de texto relevante e, em seguida, clique no ícone Conectar ao CMS . No painel Conectar texto , clique no dropdown Texto se conecta a e escolha o campo de eventos que você deseja usar no elemento de texto. Repita essa etapa para cada elemento de texto na página que você deseja conectar ao texto dos seus eventos. 
    • Imagem: clique na imagem e, em seguida, clique no ícone Conectar ao CMS . No painel Conectar imagem, clique nos dropdowns relevantes para conectar a imagem, o alt text, o tooltip e o link.  
Uma captura de tela das opções de conexão de uma imagem em uma página dinâmica de item do Wix Events.
  1. (Opcional) Adicione outros elementos de texto e clique em seus ícones Conectar ao CMS para conectá-los à sua coleção de eventos do CMS. Por exemplo, você pode conectar texto aos seguintes campos de eventos
    • Title (Texto): (Título) o nome do evento.
    • Description (Texto): (Descrição) a descrição do campo Descrição curta (opcional) do evento. 
    • About (Rich text): (Sobre) o campo rich text Sobre o evento (opcional) do evento. 
    • Schedule formatted (Texto): (Programação formatada) a data e horário do evento (por exemplo: "1 de abril de 2024, 7:00 às 23:00")
    • Start date formatted (Texto): (Data de início formatada) a data de início do evento (por exemplo: "1 de abril de 2024")
    • Start time formatted (Texto): (Horário de início formatado) o horário de início do evento, formatado de acordo com suas configurações locais. Se a programação do evento for "A definir", esse campo fica em branco. 
    • Location name (Texto): (Nome do local) o local do evento ou a mensagem "A definir" (TBD) do painel de controle de eventos. 
    • Location address (Texto): (Endereço do local) o endereço completo do evento. Se o local não estiver confirmado, o campo fica em branco.
    • Status (Texto): um dos seguintes status do evento: 
      • PROGRAMADO: a data do evento está no futuro.
      • INICIADO: o horário de início do evento já passou.
      • FINALIZADO: o horário de encerramento do evento já passou.
      • CANCELADO: o evento foi cancelado.
    • Lowest price formatted (Texto): (Preço mais baixo formatado) o preço mais baixo disponível, formatado com sua moeda. Observação:
      • Se o evento solicitar confirmação de presença ou for externo, esse campo fica em branco. 
      • Se ingressos forem vendidos para este evento, o menor preço disponível será exibido. 
      • Se ingressos gratuitos forem oferecidos, "Gratuito" será exibido. 
  1. Adicione botões dinâmicos que permitem que os convidados se registrem no evento ou o adicionem ao calendário: 
    1. Clique em Elementos à esquerda, clique em Botão e selecione o botão que você deseja adicionar. 
    2. Clique no botão e, em seguida, clique no ícone Conectar ao CMS
    3. Clique no dropdown A ação do clique se conecta a e escolha o que acontece quando os visitantes clicam no botão:
      • Site event page url: (URL da página de evento) os visitantes vão para a página Informações do evento e registro onde podem se inscrever no evento. 
      • Google calendar url: (URL do Google Agenda) o visitante adiciona o evento ao Google Agenda. 
      • iCalendar url: (URL do iCalendar) o visitante faz download de um link do iCalendar para o evento. 
      • Registration url: (URL de registro) os visitantes vão para o URL de registro se o registro para o evento Wix for gerenciado externamente. 
    4. Escolha como o link é aberto: Na janela atual ou Em uma nova janela. 
    5. Clique no dropdown Label se conecta a e escolha um campo para usar como texto dinâmico do botão. Ou clique em Alterar texto e ícone no botão para inserir um texto estático do botão (por exemplo: "Registre-se"). 
  1. Ajuste o tamanho, o local e o design dos elementos na sua página como preferir. 
  2. Clique em Visualizar para testar sua página dinâmica de eventos.
  3. Clique em Publicar quando estiver tudo pronto para que as alterações sejam publicadas.

Esse artigo foi útil?

|