{"id":823880,"date":"2024-05-15T12:34:44","date_gmt":"2024-05-15T12:34:44","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=823864\/"},"modified":"2024-05-16T05:32:49","modified_gmt":"2024-05-16T05:32:49","slug":"guida-passo-passo-per-aggiungere-un-blocco-html-personalizzato-in-prestashop","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/it\/prestashop-it\/guida-passo-passo-per-aggiungere-un-blocco-html-personalizzato-in-prestashop\/","title":{"rendered":"Guida passo passo per aggiungere un blocco HTML personalizzato in PrestaShop"},"content":{"rendered":"

 <\/p>\n

Perch\u00e9 dovremmo aggiungere un blocco HTML personalizzato sul nostro negozio PrestaShop?<\/b><\/h2>\n

L’aggiunta di un blocco HTML personalizzato nel sito Web PrestaShop pu\u00f2 migliorarne la funzionalit\u00e0 o lo stile generale consentendo ai proprietari dei negozi di includere testi, immagini, collegamenti o altri elementi HTML personalizzati nel sito Web e questi blocchi possono essere aggiunti per mostrare contenuti diversi su controller diversi o pagine…<\/span><\/p>\n

Il processo di aggiunta di un blocco HTML personalizzato nel negozio PrestaShop \u00e8 simile per tutte le versioni.<\/span><\/p>\n

Per aggiungere un blocco personalizzato, utilizzeremo un modulo personalizzato nel negozio PrestaShop.<\/span><\/p>\n

Perch\u00e9 un modulo personalizzato?<\/b><\/h2>\n

\"Perch\u00e9<\/a><\/p>\n

La flessibilit\u00e0 e una pi\u00f9 stretta integrazione all’interno di un negozio online sono i due principali vantaggi della creazione di un blocco HTML su misura utilizzando uno specifico modulo PrestaShop e questa strategia funziona particolarmente bene quando i proprietari dei negozi hanno criteri specifici che i moduli preesistenti non soddisfano o quando si aggiungono nuove funzionalit\u00e0 senza modificare i file principali della piattaforma.<\/span><\/p>\n

Scegliendo di creare un modulo personalizzato, i proprietari dei negozi PrestaShop possono personalizzare con precisione l’aspetto del proprio ambiente di eCommerce in modo che corrisponda ai propri obiettivi di marketing e alle strategie di interazione con i clienti e questa personalizzazione consente un’ulteriore personalizzazione dell’esperienza dell’utente, che pu\u00f2 aumentare la soddisfazione e la fedelt\u00e0 del cliente e oltre a ci\u00f2, offre agli imprenditori la flessibilit\u00e0 necessaria per adattarsi rapidamente alle mutevoli tendenze del mercato e mantenere un vantaggio competitivo includendo funzionalit\u00e0 uniche che aumentano la soddisfazione del cliente e l’efficienza operativa.<\/span><\/p>\n

Di seguito \u00e8 riportata una guida passo passo su come creare e utilizzare un blocco HTML personalizzato nel negozio PrestaShop:-<\/b><\/p>\n

Passaggio 1: creare file di base e directory dei moduli<\/b><\/h3>\n
    \n
  1. Aggiungi una nuova directory:<\/b> Passare alla directory dei moduli di installazione di PrestaShop e creare una nuova cartella denominata “<\/span>miobloccohtml’<\/b>.<\/span><\/li>\n
  2. File principale PHP:<\/b> Per favore crea un file chiamato ‘<\/span>miohtmlblocco.php<\/b>‘ all’interno di questa directory. Questo file conterr\u00e0 la classe principale del tuo modulo.<\/span><\/li>\n<\/ol>\n

    Passaggio 2: codifica il modulo<\/b><\/h3>\n

    Apri “myhtmlblock.php” e aggiungi il seguente codice PHP per definire il tuo modulo:<\/span><\/p>\n

    \"Schermata<\/a><\/p>\n

     <\/p>\n

    Assicurati inoltre che in ogni cartella del modulo HTML sia presente un file denominato “index.php” con il codice seguente:<\/span><\/p>\n

    \"Screenshot<\/a><\/p>\n

     <\/p>\n

    Passaggio 3: aggiungi un file modello<\/b><\/h3>\n

    Crea una struttura di cartelle all’interno della directory del modulo in questo modo: views\/templates\/hook e all’interno della directory hook, crea un file denominato ‘displayHome.tpl’:<\/span><\/p>\n

    \"Screenshot<\/a><\/p>\n

     <\/p>\n

    Tieni presente che, all’inizio del file Modello, \u00e8 stato aggiunto un commento sul percorso del file e sul suo nome per mostrare lo stesso nel contenuto HTML del tuo negozio.<\/span><\/p>\n

    Passaggio 4: se lo si desidera, includere una pagina di configurazione<\/b><\/h3>\n

    Se il proprietario del negozio desidera rendere configurabile il contenuto HTML dal pannello di amministrazione, dovr\u00e0 implementare un modulo di configurazione nel metodo ‘getContent()’ della classe del modulo e, di conseguenza, l’amministratore o il proprietario del negozio sar\u00e0 in grado di farlo modificare il testo HTML senza modificare il codice.<\/span><\/p>\n

    Passaggio 5: installazione del modulo<\/b><\/h3>\n
      \n
    • Accedi al pannello di amministrazione di PrestaShop.<\/span><\/li>\n
    • In Moduli scegli Gestione moduli.<\/span><\/li>\n
    • Fai clic su “Carica un modulo” e seleziona il file zip del tuo modulo oppure trova il tuo modulo nell’elenco dei moduli se \u00e8 gi\u00e0 sul server.<\/span><\/li>\n
    • Seleziona “Installa”.<\/span><\/li>\n<\/ul>\n

      \"Installazione<\/a><\/p>\n

       <\/p>\n

      Passaggio 6: posizionare il modulo su altri ganci (opzionale)<\/b><\/h3>\n

      Il blocco HTML personalizzato in Prestashop dovr\u00e0 essere visualizzato in diversi punti del sito web PrestaShop, quindi dovremo modificare il metodo “install()” del modulo per registrare pi\u00f9 hook. Ogni hook ha un punto designato sul sito web in cui \u00e8 possibile mostrare il contenuto.<\/span><\/p>\n

      I ganci tipici includono quanto segue:<\/b><\/p>\n

        \n
      • displayFooter<\/span><\/li>\n
      • displayColonnaSinistra<\/span><\/li>\n
      • displayColonnaDestra<\/span><\/li>\n
      • displayProductAdditionalInfo<\/span><\/li>\n
      • displayTop<\/span><\/li>\n<\/ul>\n

        Passaggio 7: testa il modulo<\/b><\/h3>\n

        Dopo l’installazione, vai alla home page del tuo sito per vedere il tuo nuovo blocco HTML personalizzato in azione.<\/span><\/p>\n

        \"blocco<\/a><\/p>\n

         <\/p>\n

        Se hai aggiunto un modulo di configurazione, prova a modificare il contenuto del blocco HTML tramite il back office di PrestaShop per vedere se si aggiorna correttamente.<\/span><\/p>\n

        Questo approccio ti d\u00e0 il pieno controllo su ci\u00f2 che fa il tuo modulo e su dove appare all’interno del tuo sito PrestaShop, rendendolo un modo potente per personalizzare la funzionalit\u00e0 e il design del tuo negozio.<\/span><\/p>\n

        In caso di domande\/suggerimenti, \u00e8 possibile contattare il nostro portale di supporto tecnico al nostro indirizzo e-mail support@knowband.com.<\/span><\/p>\n

        Dai un’occhiata al nostro modulo bestseller <\/span>Supercheckout di una pagina per Prestashop<\/span><\/a> ed <\/span>Plug-in per la creazione di app mobili Android e iOS Opencart<\/span><\/a> qui e puoi migliorare le immagini dei prodotti nel tuo negozio utilizzando il file <\/span>Addon per designer \/ personalizzatore di prodotti Prestashop<\/span><\/a>.<\/span><\/p>\n

        Inoltre, puoi guardare i nostri ultimi video qui:<\/span><\/p>\n

         <\/p>\n