Passa al contenuto principale

Processo di installazione per il plugin PrestaShop

Come installare il plugin di pagamento Hero Gateway per Prestashop

Passo 1: Scaricare e caricare il plugin

  1. Scarica il Plugin cliccando su questo link: scarica il plugin PrestaShop.

  2. Vai a Moduli e clicca su Gestione moduli

    Gestione moduli
  3. Clicca sul pulsante Carica un modulo

    Carica un modulo
  4. Clicca su seleziona file e scegli il file .zip del Plugin che hai appena scaricato. Una volta caricato, clicca su Configura

    Seleziona file e configura

Passo 2: Configurare la modalità di test

  1. Nel Passo 1 della configurazione del modulo Hero, devi inserire la chiave API di test. Copia la chiave API di test fornita qui e incollala nel campo - La tua chiave API di test:

    key_72057320-53e6-4943-a777-a9a033ac9742
    Configurazione chiave API di test
  2. Una volta incollata la chiave API di test nel campo, clicca su Verifica la mia chiave API di test

    Verifica chiave API di test

Passo 3: Verificare l'integrazione

  1. Nel Passo 2, segui le istruzioni. Fai clic destro su Visualizza il mio negozio e verifica che tutto ciò che è descritto nei passaggi di test funzioni correttamente

    Visualizza negozio
    Passaggi di test (espandi per dettagli)
    1. Esplora il tuo sito e aggiungi uno dei prodotti al carrello, per testare la pagina di pagamento e il reindirizzamento.
    2. Una volta aggiunto il prodotto, avvia il checkout. Dovresti essere in grado di vedere il metodo di pagamento Hero nella pagina di pagamento del tuo sito
      Metodo di pagamento Hero
    3. Quando clicchi su Paga, dovresti essere reindirizzato alla pagina di pagamento di test di Hero
      Pagina di pagamento test Hero
  2. Una volta terminate le verifiche, spunta la casella - Certifico di aver eseguito tutte le verifiche sopra indicate e clicca su Passo successivo:

    Verifica completata

Passo 4: Testare il pagamento

  1. Nel Passo 3, effettua un ordine di prova sul tuo sito con le credenziali della carta di credito di TEST. Se il test ha successo, puoi continuare con la configurazione del plugin, altrimenti scrivici a support@hero.fr.

    Credenziali di pagamento test:

    Carta: 4010 0617 0000 0021
    Scadenza: 12/34
    CVV: 123
    Codice 3DS: Checkout1!
    Configurazione pagamento test
    Passaggi per il pagamento di test (espandi per dettagli)
    1. Avvia nuovamente il pagamento sul tuo sito web e inserisci le credenziali della carta di credito di TEST nella pagina di pagamento Hero:
      Inserimento pagamento test
    2. Inserisci il codice 3DS di test: Checkout1! - per confermare il pagamento di TEST
      Inserimento codice 3DS
    3. Una volta che il pagamento è andato a buon fine, vedrai la pagina di conferma dell'acquisto e successivamente sarai reindirizzato al tuo sito web per vedere l'ordine di TEST
      Conferma acquisto
    4. Dal tuo Admin Prestashop, clicca su Ordini e verifica che l'ordine completato con successo sia visibile nei tuoi ordini
      Verifica ordini 1
      Verifica ordini 2
  2. Una volta terminate le verifiche, spunta la casella - Certifico di aver eseguito tutte le verifiche sopra indicate e clicca su Passo successivo:

    Verifica test completata

Passo 5: Configurazione di produzione

  1. Nel Passo 4, devi incollare la tua chiave API di Produzione, che potrai trovare nel pannello di amministrazione di Hero, vai al sito web di Hero e accedi al tuo account: https://onboarding.heropay.eu/signin?flow=registered&country=FR

    Login Hero
    Ottenere la tua chiave API di produzione (espandi per dettagli)
    1. Una volta effettuato l'accesso, clicca su Encaissements
      Menu Encaissements
    2. Dopo essere arrivato sulla pagina Encaissements, clicca su Paramètres, poi clicca su Configuration site Internet e copia la tua chiave API cliccando sul pulsante Copier la clé API
      Copia chiave API
    3. Dopo aver copiato la chiave API, incollala in questo campo nella tua pagina di amministrazione PrestaShop e clicca su Attiva plugin
      Attiva plugin
  2. Nel Passo 5, spunta la casella - Certifico di aver eseguito tutte le verifiche sopra indicate e clicca su Completa configurazione

    Completa configurazione 1
  3. Nel Passo 5, spunta la casella - Certifico di aver eseguito tutte le verifiche sopra indicate e clicca su Completa la configurazione

    Completa configurazione 2

Passo 6: Configurare l'ordine di visualizzazione dei pagamenti

  1. Ora puoi scegliere l'ordine di visualizzazione dei tuoi metodi di pagamento. Per farlo, vai a Design e clicca su Posizioni

    Posizioni design
  2. Spunta la casella - Visualizza hook non posizionabili e inserisci paymentOptions in Cerca un hook per modificare la posizione desiderata del metodo di pagamento Hero nella pagina di pagamento

    Posizione opzioni di pagamento
  3. Clicca e trascina Hero nella posizione desiderata. Ecco come apparirà se Hero è in prima posizione

    Hero in prima posizione