CMS: exibir conteúdo da coleção em páginas de agendamento

11 min de leitura
Com o CMS (sistema de gerenciamento de conteúdo), agora você pode exibir dados da sua coleção diretamente em páginas do Wix Bookings. Isso permite que você personalize e aprimore seus anúncios de serviços com informações adicionais, criando uma experiência mais completa para seus clientes potenciais.

Primeiro, você cria uma coleção do CMS que faz referência à sua coleção de apps do Wix Bookings. É aqui que você salva as informações adicionais que deseja integrar às suas páginas de agendamento. Em seguida, você deve usar o código do Velo para criar páginas de agendamentos personalizadas. Depois, configure os conjuntos de dados na sua página, conectando-os à sua coleção de apps do Wix Bookings e à sua coleção do CMS. Por fim, conecte elementos compatíveis como rich content à sua coleção do CMS para exibir as informações adicionais. 

Isso pode ser um divisor de águas para o seu negócio online. Imagine que você tem um salão de beleza e quer dar aos clientes uma ideia mais detalhada sobre os seus serviços. Com esse processo, você pode adicionar facilmente informações extras e específicas sobre cada serviço, diretamente nas suas páginas de agendamentos.
Importante:
  • Você deve usar o código do Velo para criar páginas de agendamentos personalizadas.
  • A exibição do conteúdo da coleção do CMS nas páginas de agendamentos ainda não está disponível em todas as contas Wix. Estamos trabalhando no lançamento desse recurso. 
Antes de começar:

Etapa 1 | Crie uma coleção que faça referência à sua coleção de apps do Wix

  1. Crie uma coleção de vários itens (padrão) onde você guardará as informações adicionais que deseja integrar às suas páginas do Wix Bookings.  Neste artigo, chamaremos essa coleção de "Informações".
  2. Na coleção, clique em + Adicionar item para adicionar itens para cada serviço sobre o qual você deseja salvar detalhes adicionais. 
  3. Clique em + Adicionar campo para adicionar campos para cada tipo de conteúdo que você deseja salvar (por exemplo: rich content). 
  4. Clique nas células relevantes para adicionar seu conteúdo a cada item. 
  5. Adicione um tipo de campo Referência e conecte-o à coleção de apps do Wix Bookings: 
    1. Clique em Gerenciar campos e clique em + Adicionar campo
    2. Selecione Referência e clique em Escolher tipo de campo.
      Dica: selecione o campo Várias referências se quiser usar o conteúdo de um item para mais de um serviço. 
    3. Insira o Nome do campo.
    4. (Apenas para Velo) Se necessário, atualize o ID do campo, que é usado no código do site. Você não pode atualizar esse ID depois. 
    5. Clique no dropdown Coleção referenciada e selecione a coleção de apps do Wix relevante. Por exemplo, selecione Serviços abaixo de Agendamentos.
    6. (Opcional) Insira um texto de ajuda para incluir um tooltip na coleção ao lado do nome do campo.
    7. Clique em Salvar.
Captura de tela de um campo de referência sendo adicionado. O campo faz referência à coleção de apps do Wix de Serviços de agendamento.
  1. Para cada item, clique no campo de referência e selecione o serviço relevante. Você pode selecionar vários serviços se adicionou um campo de várias referências na etapa anterior. 
Captura de tela dos serviços de agendamento relevantes sendo selecionados no campo de referência.

Etapa 2 | Crie páginas de agendamentos personalizadas

Se você quiser adicionar mais informações da sua coleção do CMS ao seu serviço de agendamento ou à página do calendário, você deve convertê-las em páginas personalizadas. Isso envolve adicionar código e usar as APIs do Velo. Você só precisa converter as páginas de agendamentos nas quais deseja adicionar informações da sua coleção "Informações". 

Clique no link relevante abaixo e siga as etapas para criar sua página de agendamentos personalizada:

Etapa 3 | Configure os conjuntos de dados na sua página

Conjuntos de dados vinculam os elementos da sua página ao conteúdo da coleção para que os elementos possam exibir o conteúdo do Wix Bookings. Você precisa de dois conjuntos de dados na sua página, um conectado à sua coleção de apps do Wix Bookings, e o outro conectado à sua coleção "Informações".

  • Conjunto de dados da coleção de apps do Wix: lê o conteúdo armazenado e gerenciado no seu app Wix Bookings, como produtos e serviços. Adicione um filtro de slug do URL a esse conjunto de dados. Você pode conectar elementos compatíveis ao conjunto de dados para mostrar conteúdo do Wix Bookings.  
  • Conjunto de dados de informações: lê o conteúdo adicional que você armazenou sobre seus serviços da sua coleção "Informações" do CMS. Adicione um filtro a esse conjunto de dados que filtra seu campo de referência ou várias referências. Conecte elementos como o elemento Rich content a esse conjunto de dados para exibir o conteúdo adicional que você adicionou à sua coleção "Informações". 
Captura de tela dos conjuntos de dados necessários em uma página Serviços de agendamento personalizada.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Vá para a página de agendamentos personalizada onde você deseja mostrar as informações da sua coleção do CMS:
    Observação: as etapas a seguir mostram como configurar isso na sua página de serviço personalizada. Como alternativa, você pode optar por mostrar apenas informações da sua coleção do CMS na sua página personalizada Calendário de agendamentos. 
    1. Clique em Páginas e menu no lado esquerdo do editor.
    2. Clique em Páginas de agendamentos e selecione a Página de serviço personalizada. Esta página exibe informações sobre um serviço individual, com cada serviço tendo sua própria versão do URL da página. Depois, se necessário, você pode repetir esse processo para sua página personalizada Calendário de agendamentos. Depois que os clientes selecionam o serviço que desejam agendar, eles escolhem a data e o horário que desejam agendar na página personalizada do calendário de agendamentos. 
Captura de tela das páginas de agendamento personalizadas criadas com o código do Velo.
  1. Adicione um conjunto de dados que se conecte à sua coleção "Informações" do CMS:
    1. Clique em CMS  à esquerda. 
    2. Clique em Adicionar elementos de conteúdo
    3. Clique em Conjunto de dados
    4. Clique no dropdown Escolha uma coleção e selecione a coleção "Informações".
    5. Edite o Nome do conjunto de dados, se necessário, e clique em Criar
  2. (Se você ainda não fez isso) Adicione um conjunto de dados que se conecta à sua coleção do aplicativo Wix Bookings:
    1. Clique em Adicionar conjunto de dados na parte inferior do painel à direita. 
    2. Clique no dropdown Escolha uma coleção e selecione a coleção Serviços abaixo de Agendamentos
      Dica: certifique-se de selecionar Serviços abaixo de Agendamentos e não abaixo de AgendamentosV2. Se estiver editando sua página personalizada Calendário de agendamentos, selecione Calendário abaixo de Agendamentos.  
    3. Edite o Nome do conjunto de dados, se necessário, e clique em Criar.
Captura de tela de um conjunto de dados sendo conectado à coleção de apps do Wix Bookings.
  1. Adicione um filtro de slug do URL ao conjunto de dados de Serviços:
    Dica: se estiver editando sua página personalizada do calendário de agendamentos, adicione um filtro de slug do URL para o conjunto de dados do calendário. 
    1. Clique no ícone Mais ações  ao lado do conjunto de dados "Informações" e selecione Configurações do conjunto de dados
    2. Clique em + Adicionar filtro abaixo de Filtro
    3. Clique no dropdown Campo e selecione Slug (Texto)
    4. Deixe é selecionado como a Condição
    5. Em Origem do valor, selecione Slug do URL
    6. Clique em Adicionar filtro
Captura de tela de um filtro de Slug do URL sendo adicionado ao conjunto de dados
  1. Adicione um filtro de referência ao conjunto de dados "Informações":
    1. Clique em Todos os conjuntos de dados da página na parte superior do painel Configurações do conjunto de dados à direita. 
    2. Clique no ícone Mais ações  ao lado do conjunto de dados "Informações" e selecione Configurações do conjunto de dados
    3. Clique em + Adicionar filtro abaixo de Filtro
    4. Clique no dropdown Campo, selecione o campo Referência (Serviços) ou Várias referências (Serviços) e clique em Adicionar filtro
Captura de tela de um filtro de referência sendo adicionado ao conjunto de dados
  1. Adicione os elementos compatíveis dos quais você deseja exibir informações da sua coleção "Informações" do CMS. Por exemplo, você pode adicionar o elemento rich content para exibir os campos de rich content da sua coleção "Informações".
  2. Conecte os elementos aos campos relevantes no seu conjunto de dados "Informações". 
  3. (Se você ainda não fez isso) Adicione e conecte elementos ao seu conjunto de dados de Serviços para exibir informações da sua coleção de apps do Wix Bookings. Ao editar sua página personalizada do calendário de agendamentos, adicione e conecte elementos ao conjunto de dados do seu calendário. 
  4. (Opcional) Se você também quiser exibir conteúdo da sua coleção "Informações" na sua página do calendário de agendamentos, repita esses passos para a página personalizada do calendário de agendamentos. 
  5. Clique em Visualizar no canto superior direito e use a barra de ferramentas Visualizar para testar as conexões para os serviços relevantes. 
  6. Publique seu site quando estiver tudo pronto para publicar as alterações. 

Esse artigo foi útil?

|