Prima di utilizzare il lettore VoiceDropper Text to Speech sul tuo sito web, devi installare la libreria JavaScript di VoiceDropper. Questa libreria carica il player audio, abilita la riproduzione e rende disponibili tutte le funzionalità interattive.
VoiceDropper può essere installato in diversi modi, a seconda della piattaforma e del tuo flusso di lavoro. Ad esempio, puoi procedere con un’installazione manuale tramite tag script oppure utilizzare integrazioni dedicate come il plugin per WordPress.
Importante: se la libreria VoiceDropper non è installata, embed, shortcode o widget di sintesi vocale non funzioneranno. Assicurati sempre che lo script sia caricato correttamente prima di utilizzare qualsiasi componente VoiceDropper.
Installazione manuale
L’installazione manuale è il metodo più flessibile per integrare VoiceDropper Text to Speech nel tuo sito web. È consigliata per siti personalizzati, siti statici, framework o integrazioni avanzate.
Per installare VoiceDropper manualmente, copia l’URL del tuo script personale dalla sezione Embed della dashboard del progetto oppure direttamente dal pannello di embedding audio durante la generazione di un nuovo contenuto audio.
Una volta ottenuto l’URL, includilo nel documento HTML. Puoi inserirlo nella sezione <head> oppure prima della chiusura del tag </body>.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>Dopo aver aggiunto lo script, puoi iniziare a incorporare i player VoiceDropper in qualsiasi punto della pagina utilizzando i relativi tag HTML.
WordPress
VoiceDropper Text to Speech può essere installato manualmente su WordPress aggiungendo lo script direttamente al tema attivo.
1. Accedi alla dashboard di WordPress
Entra nel pannello di amministrazione.
2. Modifica i file del tema
Vai su Aspetto → Editor file del tema e apri il file header.php del tema attivo.
3. Inserisci lo script VoiceDropper
Incolla il tuo script personale prima della chiusura del tag </head>.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Salva e verifica
Salva le modifiche e visita il sito per verificare che VoiceDropper sia caricato correttamente.
Shopify
VoiceDropper può essere installato su Shopify modificando il codice del tema e aggiungendo lo script nel layout principale.
1. Accedi al pannello Shopify
Entra nel pannello di amministrazione e seleziona il negozio.
2. Modifica il codice del tema
Vai su Negozio online → Temi, clicca sui tre puntini del tema attivo e seleziona Modifica codice.
3. Apri il file principale
Apri il file theme.liquid nella cartella Layout.
4. Aggiungi lo script
Incolla lo script prima della chiusura del tag </head>.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>5. Salva
Salva le modifiche e verifica il corretto caricamento sul frontend.
Webflow
VoiceDropper può essere installato su Webflow tramite la funzione di codice personalizzato.
1. Apri le impostazioni del progetto
Accedi a Webflow e apri il progetto.
2. Aggiungi lo script nella sezione Head
Vai su Custom Code e incolla lo script nel campo Head Code.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>3. Pubblica il sito
Salva e pubblica per attivare VoiceDropper.
Wix
VoiceDropper può essere installato su Wix tramite codice personalizzato.
1. Apri la dashboard Wix
Accedi al tuo account.
2. Aggiungi codice personalizzato
Vai su Impostazioni → Codice personalizzato e clicca su Aggiungi codice.
3. Inserisci lo script
Incolla lo script, impostalo su Head e applicalo a Tutte le pagine.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Pubblica
Pubblica il sito per attivare VoiceDropper.
Squarespace
VoiceDropper può essere installato su Squarespace tramite la funzione Code Injection.
1. Apri le impostazioni del sito
Vai su Impostazioni → Avanzate → Code Injection.
2. Inserisci lo script
Incolla lo script nella sezione Header.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>3. Salva
Salva e aggiorna il sito.
PrestaShop
Per installare VoiceDropper su PrestaShop, devi modificare il template dell’header del tema.
1. Accedi ai file del tema
Usa FTP o il file manager del tuo hosting.
2. Apri il template header
Vai a themes/YOUR_THEME/templates/_partials/head.tpl.
3. Inserisci lo script
Aggiungi lo script prima della chiusura del tag </head>.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Svuota la cache
Svuota la cache e ricarica il sito.
Magento
VoiceDropper può essere installato su Magento tramite la configurazione dell’HTML Head.
1. Accedi all’admin Magento
Vai su Contenuto → Design → Configurazione.
2. Modifica il tema attivo
Clicca su Modifica.
3. Inserisci lo script
Incolla lo script nel campo HTML Head → Scripts and Style Sheets.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>4. Salva e svuota la cache
Applica le modifiche e svuota la cache.
Joomla
VoiceDropper può essere installato su Joomla modificando il template attivo.
1. Accedi al pannello admin
Entra nella dashboard.
2. Apri il template
Vai su Sistema → Template → Template sito.
3. Modifica il file principale
Apri index.php.
4. Inserisci lo script
Incolla lo script prima della chiusura del tag </head>.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>5. Salva e verifica
Salva e controlla il frontend.
Drupal
VoiceDropper può essere installato su Drupal modificando il tema attivo o tramite configurazione.
1. Accedi alla dashboard
Entra nel pannello di amministrazione.
2. Individua il tema
Vai nella cartella:
themes/custom/YOUR_THEME/3. Modifica il template HTML
Apri html.html.twig o page.html.twig.
4. Inserisci lo script
Incolla lo script prima della chiusura del tag </head>.
<script src="https://voicedropper.felixg.io/plugin/[YOUR_PROJECT_ID]"></script>5. Svuota la cache
Vai su Configurazione → Sviluppo → Prestazioni e svuota la cache.
6. Verifica
Controlla che VoiceDropper sia caricato correttamente sul sito.