Upload de arquivo de produto

O que é o elemento de upload de arquivo de produto?

O processo de Upload de arquivo de produto O elemento faz parte do módulo Produto no GemPages. Ele permite que os clientes carreguem arquivos como imagens, PDFs ou outros formatos suportados ao fazer um pedido. Isso é particularmente útil para empresas que precisam de informações personalizadas dos clientes, incluindo:

• Serviços de impressão sob demanda: Camisetas, canecas ou outros produtos personalizados que exigem upload de imagens.
• Projetos personalizados: Gravuras, joias ou obras de arte que exigem arquivos personalizados.
• Serviços baseados em documentos: Formulários legais, contratos ou outros envios de documentos.

Como usar o elemento de upload de arquivo de produto no GemPages V7?

Siga estas etapas para configurar e personalizar o elemento Upload de arquivo de produto em suas páginas de produto:

Passo 1: Localize o elemento de upload do arquivo do produto

Abra o editor GemPages e pesquise por Upload de arquivo de produto no painel de elementos. Este elemento está disponível apenas para Produto e Lista de Produtos módulos, portanto, certifique-se de que você está editando uma página de produto.

Etapa 2: Arraste e solte o elemento

Após encontrar o elemento "Upload de Arquivo de Produto", arraste-o para o local desejado na página do produto. O GemPages o integrará automaticamente ao módulo do produto, permitindo a captura de uploads de clientes.

Após posicionar o elemento, clique nele para acessar duas abas: Configurações e Avançado:

Configurar as guias de configurações

1. Layout

• Layout: Escolha o layout vertical ou horizontal para o elemento.
• Posição do ícone: Defina o ícone de upload para aparecer no centro ou à esquerda.
• Alinhamento de conteúdo: Alinhe o texto e os ícones à esquerda, ao centro ou à direita.
• Espaçamento: Ajuste o espaçamento entre o ícone e o texto usando um valor numérico ou o controle deslizante.

2. Origem do produto

Acesse rapidamente as configurações de origem do produto para alternar entre produtos no editor. Isso ajuda você a visualizar como seu design fica para itens diferentes.

3. Configurações de upload

• Exigido: Alterne se o upload de um arquivo é obrigatório. Habilitar essa opção garante que os clientes não possam concluir seus pedidos sem enviar os arquivos necessários.
• Clique na imagem para visualizar: Ative as visualizações de imagens para que os clientes possam ver seus uploads antes de finalizar o pedido.
• Número de arquivos: Escolha entre permitir o upload de um único arquivo ou de vários arquivos por pedido.

4. Ícone

Decida se o campo de upload deve exibir um ícone.

• Escolha o ícone: Selecione um ícone pré-criado ou carregue um personalizado.
• Posição: Defina o ícone acima ou abaixo do campo de upload.
• Tamanho Ajuste o tamanho para se adequar ao design da sua página.

5. Tamanho

Modifique o tamanho do campo de upload para garantir que ele se ajuste perfeitamente ao restante do design da sua página.

• Largura e altura: Modifique a largura e a altura do campo de upload.
• padding: Ajuste o preenchimento para manter o espaçamento equilibrado ao redor do campo.

6. Fundo

Selecione uma cor de fundo que corresponda ao tema da sua página.

7. Forma

Configure o formato geral do campo de upload.

• Fronteira: Você pode escolher o estilo da borda (sólida, tracejada, etc.), selecionar a cor e definir a espessura da borda.
• Corner: Ajuste o quão arredondados os cantos do campo devem ser.
• Shadow: Habilite ou ajuste efeitos de sombra para o campo de upload para melhorar a profundidade visual.

8. Estilos de texto

• Conteúdo: Edite o texto exibido no botão Upload de arquivo do produto.
• Sessão de Fotos: Escolha entre seis estilos de título (H1–H6) ou três estilos de parágrafo para controlar a hierarquia do texto.
• Fonte: Selecione o tipo de fonte para o texto do botão.
• Tamanho Defina o tamanho da fonte.
• Cor: Escolha a cor do texto.
• Alinhar: Alinhe o texto à esquerda, ao centro ou à direita.
• Espessura da fonte: Ajuste o peso (negrito) da fonte.
• Altura da linha: Defina a altura da linha do texto.
• Espaçamento entre letras: Ajuste o espaçamento entre as letras.
• Transformar: Aplicar transformação de texto (maiúsculas, minúsculas, capitalizar).
• Efeito de sombra: Adicione sombra ao texto para dar ênfase ou estilo.

9. Efeito

Configurações para o Upload de Arquivo do Produto ao passar o mouse sobre ele. Clicar na configuração "Hover" abrirá o popover que contém as configurações do efeito Hover.

10. Alinhar

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até o Guia Avançado e siga as instruções em Este artigo.

Perguntas Frequentes (FAQs)

1. O elemento Upload de arquivo de produto está disponível para formulários de contato?

Não, o recurso Product File Upload está disponível apenas para o módulo Product. Para formulários de contato, um elemento separado está atualmente em desenvolvimento e será lançado em breve.

2. Qual é o tamanho máximo de arquivo permitido para uploads?

O recurso de upload de arquivo de produto permite que os clientes carreguem arquivos com um tamanho máximo de 10MB.

3. Quais tipos de arquivo são suportados pelo elemento Upload de arquivo do produto?

Os tipos de arquivo suportados são PNG, WEBP, GIF, JPEG, JPG e PDF.

4. Os clientes podem fazer upload de arquivos de áudio como MP3s?

Não. Embora os arquivos de áudio (por exemplo, MP3) possam parecer selecionáveis durante o upload, o elemento não suporta atualmente reprodução de áudio ou entrega de arquivos na loja. Recomendamos usar apenas os tipos de arquivo suportados listados acima.

5. Os clientes podem enviar vários arquivos de uma só vez?

Sim, você pode configurar o recurso de upload de arquivo de produto para permitir uploads de vários arquivos ou de um único arquivo, dependendo das necessidades da sua loja.

6. Existe uma opção para os clientes visualizarem os arquivos enviados?

Sim, você pode habilitar a opção de visualização de arquivo para que os clientes revisem seus uploads antes de concluir o pedido.

7. Como criar links para arquivos PDF na sua página de produto?

Se você quiser que os clientes acessem um arquivo PDF (como uma tabela de tamanhos, manual do usuário ou folheto do produto) diretamente da sua página de produto, você pode adicionar um link clicável ao lado ou acima do campo Upload de arquivo do produto.

Opção 1: Link para um PDF armazenado no Shopify

• Acesse o seu administrador do Shopify e navegue até Conteúdo > Arquivos.
• Faça upload do seu arquivo PDF.
• Após o upload, copie o URL do arquivo.
• No Editor GemPages, adicione um Texto or Botão elemento próximo ao seu campo de upload.
• Destaque o texto ou selecione o botão e cole o URL do PDF nas configurações do link.

Opção 2: Link para um PDF externo

Se o seu PDF estiver hospedado fora do Shopify (por exemplo, Google Drive, Dropbox), basta colar o link de compartilhamento público nas configurações de texto ou link de botão no GemPages.

8. Onde encontro os arquivos enviados pelo cliente?

Os arquivos enviados são anexados aos detalhes do pedido no painel de administração do Shopify. Acesse Pedidos, abra o pedido específico e você verá o(s) arquivo(s) nas propriedades do item. Isso garante que você nunca perca um arquivo enviado pelo cliente.