CMS: adicionar e configurar um botão Upload
9 min de leitura
Crie um botão de upload para permitir que os visitantes do site enviem arquivos diretamente para as suas coleções do CMS (sistema de gerenciamento de conteúdo).
Ao conectar o botão à sua coleção, você escolhe o tipo de campo da coleção que armazenará os arquivos carregados. Você pode escolher entre os tipos de campo de imagem, documento, vídeo, áudio, galeria de mídia ou multidocumento.
O tipo de campo que você conecta também determina o tipo de arquivo que o botão de upload aceita. Os arquivos carregados são armazenados como novos itens em sua coleção e na seção "Uploads do visitante" do seu Gerenciador de Mídia.
Antes de começar:
Certifique-se de adicionar o CMS ao seu editor se você ainda não o tiver.
Etapa 1 | Adicione o elemento Botão de upload
Vá para a página relevante no seu editor e adicione o botão de upload.
Editor Wix
Editor do Wix Studio
- Vá para o seu editor.
- Vá para a página à qual você deseja adicionar um botão de upload.
- Clique em Elementos
no lado esquerdo do Editor. - Clique em Entrada.
- Clique em Upload em Avançado.
- Clique e arraste para a página o botão de upload que você deseja usar.
Etapa 2 | Conecte o CMS através de um conjunto de dados
Conecte o botão de upload a um conjunto de dados que se conecta a um campo de coleção do CMS onde você armazenará os envios.
Editor Wix
Editor do Wix Studio
- No seu editor, clique no botão de upload que você acabou de adicionar.
- Clique no ícone Conectar ao CMS
. - Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à coleção em que você armazenará os envios. Se preferir, clique em Adicionar conjunto de dados e escolha a coleção na qual deseja armazenar os envios.
- Adicione um campo à sua coleção onde você armazena os envios do botão de upload:
Dica: como alternativa, você pode conectar um campo de coleção existente.- Clique no dropdown O arquivo se conecta com e selecione Adicionar novo campo.
- Insira um Nome do campo para o novo campo da coleção.
- Selecione o Tipo de campo que você deseja adicionar à sua coleção no dropdown. O tipo de campo determina que tipo de dados você pode armazenar no campo.
- Clique em Adicionar.
Etapa 3 | Defina o modo conjunto de dados e as permissões da coleção:
Os conjuntos de dados controlam a conexão entre seu botão de upload e sua coleção do CMS. Certifique-se de definir o modo do conjunto de dados como Gravação para que o botão de upload possa adicionar os arquivos à sua coleção.
Se necessário, defina as permissões para a coleção. Você escolhe entre permissões predefinidas, como Envios de formulário, que permitem que os visitantes adicionem conteúdo. Personalize ainda mais as permissões para controlar quem pode adicionar, editar, visualizar e excluir os itens da coleção.
Editor Wix
Editor do Wix Studio
- No painel à direita, clique em Configurações do conjunto de dados.
- Clique no dropdown Modo do conjunto de dados e selecione Leitura.
- (Se necessário) Clique no tipo de permissão abaixo de Permissões de coleção e selecione Envios de formulário no primeiro dropdown. Você pode clicar nos dropdowns adicionais para refinar as permissões. Clique em Salvar quando terminar de configurar as permissões.
Etapa 4 | Personalize o botão de upload
Edite as configurações para controlar quantos itens podem ser carregados de cada vez, defina o título do campo e muito mais. Nas configurações de layout e design, você pode personalizar a aparência do botão para que ele combine com o seu site.
Editor Wix
Editor do Wix Studio
- No seu editor, clique no botão de upload.
- Clique em Configurações e edite o seguinte:
- Configurações de upload: escolha o número máximo de arquivos que os visitantes podem carregar ao mesmo tempo e defina o campo como obrigatório, se necessário.
Observação: ignore o dropdown Tipo de arquivo compatível, que não se aplica a botões de upload conectados ao CMS. - Opções de exibição: personalize as seguintes opções:
- Título do campo: (recomendado) insira o título que aparece acima do texto do botão.
- Texto do botão: edite o texto que aparece no próprio botão.
- Texto abaixo do botão: escolha o que você deseja exibir abaixo do botão:
- Mostrar só dados do arquivo: exiba o nome do arquivo que o visitante carregar.
- Mostrar texto personalizado: insira o texto personalizado que deseja exibir abaixo do botão, como requisitos do arquivo. Esse texto muda para o nome do arquivo após o upload.
- Configurações de upload: escolha o número máximo de arquivos que os visitantes podem carregar ao mesmo tempo e defina o campo como obrigatório, se necessário.
- Clique no ícone Layout
para ajustar o espaçamento, direção, alinhamento e posição do ícone. Clique em Avançado para definir o alinhamento e a direção de um texto específico. - Clique no ícone Design
e escolha um botão predefinido. Clique em Personalizar design para personalizar ainda mais o design do botão.
Etapa 5 | Crie um botão de envio
Você precisa criar uma maneira para os visitantes enviarem os arquivos que fazem upload com o botão. Adicione um botão normal ou uma imagem e conecte ao mesmo conjunto de dados que se conecta à sua coleção de envios. Em seguida, defina a ação de clique do botão ou imagem como Enviar. Isso permite que a seleção do dropdown "grave" ou crie um novo item na coleção de envios quando o botão Enviar for clicado.
Se você conectar outros elementos de entrada para o mesmo conjunto de dados, o botão Enviar também envia suas entradas para a coleção.
Confira como criar um botão Enviar para o seu botão de upload.
Esse artigo foi útil?
|