Una guida definitiva all'invio di prodotti frontend WooCommerce per il 2023

Stai cercando di abilitare la funzione di invio di prodotti frontend WooCommerce sul tuo marketplace? Il plug-in WP User Frontend consente a fornitori o venditori di terze parti di aggiungere prodotti digitali dal front-end.

Tuttavia, se utilizzi Dokan per creare il tuo marketplace, otterrai funzionalità di frontend per i fornitori per impostazione predefinita. Tuttavia, puoi estendere o personalizzare le opzioni di progettazione e personalizzazione con WP User Frontend.

Oggi ti guideremo attraverso il processo di creazione di moduli interattivi utilizzando WP User Frontend in modo che i membri registrati possano caricare facilmente i prodotti dal frontend. In questo modo non è necessario condividere l'accesso al back-end.

Motivi per cui dovresti consentire l'invio di prodotti frontend WooCommerce per il tuo marketplace

In qualità di amministratore, potresti voler portare alcune parti o funzionalità del tuo negozio di e-commerce sul front-end. Sfortunatamente, con WooCommerce non puoi aggiungere e gestire prodotti, ordini, coupon, ecc. dal frontend.

Ma puoi farlo facilmente con il plugin WP User Frontend. Ti consente di creare un'interfaccia front-end in modo che gli utenti possano pubblicare e gestire i prodotti sul tuo sito Web basato su WooCommerce.

Esistono diversi motivi per cui dovresti consentire ai tuoi fornitori di caricare i prodotti dal front-end. Ad esempio-

Esperienza utente fluida

Il backend di WordPress può essere un po' complicato per i fornitori non tecnici. Potresti aver aggiunto alcune funzionalità che solo le persone esperte di tecnologia possono gestire. Invece, sarebbe meglio includere un modulo di invio frontend per il caricamento dei prodotti.

Gestisci ruolo utente

Con il ruolo di responsabile del negozio, i venditori di prodotti hanno accesso a tutte le impostazioni all'interno di WooCommerce. Ma come proprietario di un marketplace, il tuo desiderio potrebbe essere quello di mantenere alcune funzionalità limitate per alcuni utenti. Pertanto, hai bisogno di una soluzione frontend per il tuo negozio online.

Leggi di più: Come aggiungere ruoli utente personalizzati sul tuo sito WordPress.

Opzioni di personalizzazione del modulo

Sul back-end, gli utenti riceveranno i campi del prodotto predefiniti per caricare i prodotti nei loro negozi. Sfortunatamente, non puoi modificare questi campi del prodotto di backend. Ma con un plug-in frontend, puoi facilmente creare un modulo di prodotto interattivo e visualizzare i campi richiesti in base alle tue esigenze aziendali.

Man mano che la concorrenza cresce di giorno in giorno, per gestire un sito di e-commerce di successo, devi mantenerlo molto semplice. Per il mercato, tuttavia, la situazione è un po' più complicata. Poiché devi prenderti cura sia dell'esperienza del cliente che della transazione dei fornitori senza sforzo. Pertanto, dovresti utilizzare WP User Frontend per semplificare il processo, ridurre al minimo le spese extra e usufruire della pubblicazione del frontend.

Ulteriori informazioni: perché e come aggiungere l'invio front-end per WooCommerce.

Come caricare i prodotti sul front-end di WooCommerce utilizzando il front-end utente di WP

WP User Frontend è un potente plug-in di pubblicazione front-end disponibile. Ha capacità dinamiche di creazione di moduli con tipi di post personalizzati. Utilizzando la sua tassonomia personalizzata e la funzione meta chiave puoi facilmente stabilire un'interfaccia front-end per pubblicare e gestire i prodotti del tuo sito alimentato da WooCommerce.

Nel tutorial qui sotto, imparerai come caricare i prodotti WooCommerce dal frontend usando WP User Frontend Pro-

Prerequisiti:

1. WordPress (supponendo che tu lo abbia già installato)
2. WP User Frontend Pro (installato e attivato)
3. Plugin WooCommerce (installato e attivato)
4. Post Meta Inspector (facoltativo per campi aggiuntivi)

Dopo aver attivato WPUF e WooCommerce, WPUF acquisirà automaticamente la tassonomia, i metas e i tipi di post da WooCommerce. Ora, se non ti senti a tuo agio con il design predefinito del modulo back-end WooCommerce, è il momento di rompere la monotonia creando moduli front-end per caricare i prodotti.

Puoi creare molte funzioni utili utilizzando i moduli WPUF e aggiungere i moduli alle pagine semplicemente utilizzando codici brevi.

Avrai bisogno di 3 pagine prima di consentire ai tuoi fornitori/utenti di iniziare a caricare prodotti utilizzando il modulo WPUF WooCommerce-

• Una pagina di caricamento : la pagina principale da cui l'utente creerà il prodotto.
• Una pagina dashboard : i fornitori possono vedere tutti i prodotti che hanno inviato tramite il modulo.
• Una pagina di modifica : gli utenti utilizzeranno questa pagina per modificare o aggiornare il prodotto caricato se l'amministratore lo consente all'utente.

Oggi imparerai a costruire tutte queste pagine usando WP User Frontend.

Divideremo il tutorial in due parti:

• Parte 1: creazione della pagina di caricamento del prodotto WooCommerce
• Parte 2: creazione di altre pagine necessarie per la gestione dei prodotti WooCommerce

Parte 1: creazione della pagina di caricamento del prodotto WooCommerce

Innanzitutto, dobbiamo creare un modulo di prodotto WooCommerce. In precedenza, gli utenti dovevano creare il modulo manualmente. Ma il nuovo WP User Frontend è dotato di molte caratteristiche e funzionalità avanzate per estendere l'esperienza dell'utente. Basta seguire i passaggi seguenti per creare moduli di prodotto WooCommerce e personalizzare i campi-

Passaggio 1: progettare il modulo di caricamento del prodotto WooCommerce front-end

1. Passare a – Dashboard WP → Frontend utente → Moduli post → Aggiungi moduli
2. Fai clic sul modello di prodotto WooCommerce. Creerà automaticamente un modulo prodotto WC con tutti i campi richiesti. Successivamente puoi eliminare o modificare qualsiasi campo secondo le tue esigenze.
3. Successivamente, vai alla scheda Impostazioni e seleziona Disabilita abbonamento. [Salta questa opzione se desideri che questo modulo sia visibile per i tuoi pacchetti di abbonamento]
4. Fai clic sull'id del modulo e copia lo shortcode del modulo.
5. Ora incolla lo shortcode in una nuova pagina/post.
6. Una volta fatto, otterrai il tuo modulo di caricamento del prodotto WC frontend.

Guarda questo video per imparare il processo in modo più dettagliato-

Nota importante: al momento non è possibile creare prodotti variabili dal frontend con WP User Frontend Pro.

Passaggio 2: aggiunta di tipi di campo personalizzati al modulo WooCommerce

Ti mostriamo come includere campi modulo personalizzati in modo che i tuoi utenti possano caricare galleria di immagini, prodotti scaricabili, ecc.

1. Galleria di immagini

In precedenza, gli utenti dovevano includere codice personalizzato per ottenere una galleria di immagini per la pagina di caricamento del prodotto WooCommerce. Ma nell'ultima versione di WP User Frontend, troverai il campo per la galleria di immagini per impostazione predefinita nel modulo di caricamento del prodotto. Pertanto, non è necessario fare nulla in più.

2. Prodotti scaricabili

Il nuovo modello di modulo del prodotto WooCommerce ha anche campi per i prodotti scaricabili. Quindi, puoi anche consentire ai tuoi utenti di caricare prodotti scaricabili anche con il modulo di creazione del prodotto. Dal pallet di personalizzazione sul lato destro, puoi selezionare i tipi di file per i prodotti scaricabili.

3. Tassonomie personalizzate

Avrai anche la possibilità di aggiungere tassonomie personalizzate per WooCommerce come- product_type , product_cat , product_tag , product_shipping_class . Aggiungi il tipo di prodotto (semplice, variante, scaricabile ecc.), la categoria, il tag e la classe di spedizione se desideri che l'utente imposti questi campi durante il caricamento.

Passaggio 3: salva le modifiche e controlla l'aspetto finale

Una volta che hai finito di aggiungere campi al modulo, premi Salva e copia lo shortcode per il modulo. Progetta la tua pagina in cui desideri mostrare il modulo di caricamento per i tuoi utenti e incolla il codice. Ora controlla la pagina di caricamento principale da dove l'utente creerà il prodotto.

Parte 2: creazione delle altre pagine necessarie per la gestione dei prodotti WooCommerce

In questa parte, creeremo altre due pagine necessarie di cui un venditore avrà bisogno per gestire i prodotti del suo negozio.

Passaggio 1: creazione delle pagine Modifica e Dashboard

Innanzitutto, vai a Dashboard → Pagine → Aggiungi nuova pagina

Successivamente, due nuove pagine sono denominate Dashboard e Modifica . Ora incolla semplicemente gli shortcode al loro interno.

Per la pagina Dashboard utilizzare [wpuf_dashboard post_type="product"]

Per la pagina Modifica utilizzare [wpuf_edit]

Dopo aver creato le pagine, vai su WPUF → Settings → General Options . Qui avrai diverse opzioni per impostare il ruolo e limitare qualsiasi struttura per i tuoi utenti. In base alle tue esigenze e alla tua politica aziendale, seleziona saggiamente le opzioni.

Passaggio 2: controlla l'aspetto finale

Hai creato correttamente il modulo di caricamento WPUF WooCommerce e altre pagine richieste. È tempo di verificare se funziona secondo la pianificazione. Carica la pagina e carica un prodotto demo con il nome del prodotto, la descrizione e l'immagine o qualsiasi altro campo obbligatorio.

Dopo l'invio, vai su wp-admin → products . Verifica ora che il prodotto che hai creato e tutte le informazioni siano state caricate correttamente.

Spero che troverai tutto perfettamente funzionante. Ora fai clic sul pulsante Modifica e vai alla pagina Modifica dalla pagina Dashboard .

In questo modo, puoi abilitare facilmente il tuo marketplace multivendor per gli invii front-end. Per estendere la struttura c'è anche un'opzione per l'applicazione della logica condizionale. Ti aiuta ad abilitare o disabilitare le voci di menu considerando l'idoneità di un utente indipendentemente dal fatto che sia autorizzato a caricare prodotti o meno. Ma questo richiederà del codice con il tuo tema.

Consulta la documentazione completa qui!

Abilita l'invio di prodotti frontend WooCommerce e aggiorna il tuo sistema di gestione dei fornitori

Frontend Submissions ti fornisce un sistema completamente funzionale che eleva l'esperienza dei clienti nel tuo mercato digitale.

Questa caratteristica è fondamentale per un mercato multi-vendor. Poiché un gran numero di venditori viene a ospitare i propri prodotti nel tuo marketplace, devono richiedere un processo di invio dei prodotti fluido per caricare e mostrare i loro prodotti. In qualità di amministratore, il tuo compito è semplificare l'intero sistema. Inoltre, la condivisione dell'accesso back-end può mettere a rischio le informazioni riservate del tuo negozio.

Utilizzando il duo di Dokan + WP User Frontend è possibile creare facilmente un ambiente in cui un imprenditore può facilmente impostare la propria attività digitale anche con funzionalità estese.