Um guia definitivo para o envio de produtos WooCommerce Frontend para 2023

Deseja habilitar o recurso de envio de produto front-end WooCommerce em seu mercado? O plug-in WP User Frontend permite que fornecedores ou fornecedores terceirizados adicionem produtos digitais a partir do front-end.

No entanto, se você estiver usando o Dokan para criar seu mercado, obterá recursos de front-end para fornecedores por padrão. Ainda assim, você pode estender ou personalizar as opções de design e personalização com o WP User Frontend.

Hoje, vamos orientá-lo no processo de criação de formulários interativos usando o WP User Frontend para que os membros registrados possam facilmente fazer upload de produtos a partir do frontend. Dessa forma, você não precisa compartilhar seu acesso de back-end.

Razões pelas quais você deve permitir o envio de produtos WooCommerce Frontend para seu mercado

Como administrador, você pode querer trazer certas partes ou recursos de sua loja de comércio eletrônico para o front-end. Infelizmente, com WooCommerce você não pode adicionar e gerenciar produtos, pedidos, cupons, etc. a partir do frontend.

Mas você pode fazer isso facilmente com o plug-in WP User Frontend. Ele permite que você crie uma interface de front-end para que os usuários possam postar e gerenciar produtos em seu site com tecnologia WooCommerce.

Existem vários motivos pelos quais você deve permitir que seus fornecedores carreguem produtos do front-end. Como-

Experiência de usuário tranquila

O back-end do WordPress pode ser um pouco complicado para fornecedores não técnicos. Você pode ter adicionado alguns recursos que apenas pessoas com experiência em tecnologia podem manipular. Em vez disso, seria melhor incluir um formulário de envio de front-end para fazer upload de produtos.

Gerenciar função do usuário

Com a função de gerente de loja, os fornecedores de produtos obtêm acesso a todas as configurações do WooCommerce. Mas como proprietário de um mercado, seu desejo pode ser manter alguns recursos restritos para alguns usuários. Portanto, você precisa de uma solução de front-end para sua loja online.

Leia mais: Como adicionar funções de usuário personalizadas em seu site WordPress.

Opções de personalização de formulário

No back-end, os usuários obterão os campos de produto padrão para fazer upload de produtos em suas lojas. Infelizmente, você não pode alterar esses campos de produto de back-end. Mas com um plug-in de front-end, você pode criar facilmente um formulário de produto interativo e exibir os campos obrigatórios de acordo com as necessidades do seu negócio.

À medida que a concorrência cresce dia a dia, para executar um site de comércio eletrônico de sucesso, você deve mantê-lo muito simples. Para o mercado, no entanto, a situação é um pouco mais complicada. Como você tem que cuidar tanto da experiência do cliente quanto da transação fácil dos fornecedores. Portanto, você deve usar o WP User Frontend para facilitar o processo, minimizar as despesas extras e aproveitar a postagem do frontend.

Leia mais: Por que e como adicionar envio de frontend para WooCommerce.

Como fazer upload de produtos para o WooCommerce Frontend usando o WP User Frontend

O WP User Frontend é um poderoso plugin de postagem de front-end. Possui recursos dinâmicos de criação de formulários com tipos de postagem personalizados. Usando sua taxonomia personalizada e meta-chave, você pode facilmente estabelecer uma interface de front-end para postar e gerenciar produtos de seu site com tecnologia WooCommerce.

No tutorial abaixo, você aprenderá como fazer upload de produtos WooCommerce do frontend usando o WP User Frontend Pro-

Pré-requisitos:

1. WordPress (supondo que você já o tenha instalado)
2. WP User Frontend Pro (instalado e ativado)
3. Plugin WooCommerce (instalado e ativado)
4. Post Meta Inspector (opcional para campos adicionais)

Depois de ativar o WPUF e o WooCommerce, o WPUF capturará automaticamente a taxonomia, metas e tipos de postagem do WooCommerce. Agora, se você não estiver confortável com o design padrão do formulário de back-end do WooCommerce, é hora de quebrar a monotonia criando formulários de front-end para fazer upload de produtos.

Você pode criar muitas funções úteis usando formulários WPUF e adicionar os formulários às páginas simplesmente usando códigos de acesso.

Você precisará de 3 páginas antes de permitir que seus fornecedores/usuários comecem a fazer upload de produtos usando o formulário WPUF WooCommerce.

• Uma página de upload : a página principal de onde o usuário criará o produto.
• Uma página de painel : os fornecedores podem ver todos os produtos que enviaram por meio do formulário.
• Uma página de edição : os usuários usarão esta página para editar ou atualizar o produto carregado se o administrador permitir ao usuário.

Hoje você aprenderá a construir todas essas páginas usando o WP User Frontend.

Dividiremos o tutorial em duas partes:

• Parte 1: Criando a página de upload do produto WooCommerce
• Parte 2: Criando outras páginas necessárias para gerenciar produtos WooCommerce

Parte 1: Criando a página de upload do produto WooCommerce

Em primeiro lugar, temos que criar um formulário de produto WooCommerce. Anteriormente, os usuários precisavam criar o formulário manualmente. Mas o novo WP User Frontend vem com muitos recursos e funcionalidades avançadas para estender a experiência do usuário. Basta seguir as etapas abaixo para criar formulários de produtos WooCommerce e personalizar os campos-

Passo 1: Projete o Formulário de Upload de Produtos WooCommerce Frontend

1. Navegue até – WP Dashboard → User Frontend → Postar formulários → Adicionar formulários
2. Clique no modelo de produto WooCommerce. Ele criará automaticamente um formulário de produto WC com todos os campos obrigatórios. Posteriormente, você pode excluir ou editar qualquer campo conforme sua necessidade.
3. Em seguida, vá para a guia Configurações e marque desativar assinatura. [Ignore esta opção se quiser que este formulário fique visível para seus pacotes de assinatura]
4. Clique no ID do formulário e copie o shortcode do formulário.
5. Agora, cole o shortcode em uma nova página/postagem.
6. Depois de fazer isso, você receberá seu próprio formulário de upload de produto WC front-end.

Confira este vídeo para aprender o processo com mais detalhes-

Nota importante: você não pode criar produtos variáveis ​​de frontend com WP User Frontend Pro neste momento.

Etapa 2: Adicionando tipos de campos personalizados ao seu formulário WooCommerce

Vamos mostrar como incluir campos de formulário personalizados para que seus usuários possam fazer upload da Galeria de Imagens, Produtos para Download, etc.

1. Galeria de imagens

Anteriormente, os usuários tinham que incluir um código personalizado para obter uma galeria de imagens para a página de upload do produto WooCommerce. Mas na versão mais recente do WP User Frontend, você encontrará o campo para galeria de imagens por padrão no formulário de upload do produto. Portanto, você não precisa fazer nada extra.

2. Produtos para download

O novo modelo de formulário de produto WooCommerce também possui campos para produtos para download. Assim, você também pode permitir que seus usuários carreguem produtos para download com o formulário de criação de produto. Na paleta de personalização do lado direito, você pode selecionar os tipos de arquivo para produtos para download.

3. Taxonomias personalizadas

Você também terá as opções para adicionar taxonomias personalizadas para WooCommerce, como product_type , product_cat , product_tag , product_shipping_class . Adicione o tipo de produto (simples, variação, para download, etc.), categoria, tag e classe de envio se desejar que o usuário defina esses campos durante o upload.

Etapa 3: salve as alterações e verifique a aparência final

Quando terminar de adicionar campos ao formulário, clique em salvar e copie o código de acesso para o formulário. Crie sua página onde deseja mostrar o formulário de upload para seus usuários e cole o código. Agora verifique a página principal de upload de onde o usuário criará o produto.

Parte 2: Criando as outras páginas necessárias para gerenciar produtos WooCommerce

Nesta parte, criaremos outras duas páginas obrigatórias que um vendedor precisará para gerenciar os produtos de sua loja.

Passo 1: Criando as páginas Editar e Painel

Primeiro, navegue até Painel → Páginas → Adicionar nova página

Em seguida, duas novas páginas são denominadas Dashboard e Edit . Agora basta colar os códigos de acesso neles.

Para a página do Painel, use [wpuf_dashboard post_type="product"]

Para página de edição, use [wpuf_edit]

Depois de criar as páginas, vá para WPUF → Configurações → Opções gerais . Aqui você terá várias opções para definir a função e restringir qualquer facilidade para seus usuários. Com base em seus requisitos e política de negócios, selecione as opções com sabedoria.

Etapa 2: verifique a aparência final

Você criou com sucesso o formulário de upload WPUF WooCommerce e outras páginas necessárias com sucesso. É hora de testar se está funcionando conforme o planejado. Carregue a página e carregue um produto de demonstração com o nome do produto, descrição e imagem ou quaisquer outros campos obrigatórios.

Após o envio, vá para wp-admin → products . Verifique agora se o produto que você criou e todas as informações foram carregados corretamente.

Esperançosamente, você encontrará tudo funcionando muito bem. Agora clique no botão Editar e vá para a página Editar na página Painel .

Dessa forma, você pode ativar facilmente seu mercado de vários fornecedores para envios de front-end. Para estender a facilidade, há também a opção de aplicar a lógica condicional. Ele ajuda você a habilitar ou desabilitar os itens do menu considerando a elegibilidade de um usuário se ele tem permissão para fazer upload de produtos ou não. Mas isso exigirá alguma codificação com seu tema.

Confira a documentação completa aqui!

Habilite o envio de produtos WooCommerce Frontend e atualize seu sistema de gerenciamento de fornecedores

O Frontend Submissions fornece um sistema totalmente funcional que eleva a experiência dos clientes em seu mercado digital.

Esse recurso é crucial para um mercado de vários fornecedores. Como um grande número de fornecedores hospeda seus produtos em seu mercado, eles devem exigir um processo de envio de produtos tranquilo para carregar e exibir seus produtos. Como administrador, seu trabalho é simplificar todo o sistema. Além disso, compartilhar o acesso de back-end pode colocar em risco as informações confidenciais de sua loja.

Usando a dupla Dokan + WP User Frontend, você pode facilmente estabelecer um ambiente onde um empreendedor pode configurar facilmente seu negócio digital com funcionalidades estendidas também.