Integrazione TikTok Feed: configurazione e aiuto
Avvio rapido
- Carica e installa lo ZIP
mprtiktokintegrationin Moduli > "Module Manager". - Fai clic su "Configure". In Connessione TikTok, lascia Attiva modulo su Sì.
- Inserisci almeno un URL di video TikTok pubblico in URL video, un URL completo per riga. Lascia vuote le credenziali di pubblicazione se usi solo il feed.
- Facoltativamente inserisci Nome utente TikTok senza
@per i link al profilo e per seguirlo. - Seleziona Hook di visualizzazione
displayHomee Modalità layoutgrid. Lascia "Enable automatic submission" disattivato. - Fai clic su Salva nel modulo del feed. Apri il negozio dove viene renderizzato l’hook selezionato.
- Controlla le schede con le miniature e fai clic su una per verificare che apra il video TikTok corretto.
Richiede PrestaShop 1.6 o successivo e PHP 7.1 o successivo.
Manuale di configurazione
Installazione e prima configurazione
Nelle versioni precedenti di PrestaShop, usa la pagina di installazione dei moduli equivalente. Apri questo modulo tramite "Configure" ogni volta che vuoi tornare alle sue impostazioni.
Connessione TikTok
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Attiva modulo | Sì | Attiva o disattiva il feed autonomo. |
| "TikTok Access Token" | Vuoto | Usato dal codice di pubblicazione facoltativo. Lascia vuoto per mostrare il feed di video pubblici. |
| "TikTok Client Key" | Vuoto | Salvato per la configurazione facoltativa della pubblicazione. Lascia vuoto per mostrare il feed. |
| Nome utente TikTok | Vuoto | Inserisci senza @. Controlla i link al profilo/per seguirlo e non importa i video del tuo account. |
| URL video | Vuoto | Inserisci gli URL completi di video TikTok pubblici, uno per riga. Il codice filtra le righe contenenti tiktok.com e richiede i relativi dati oEmbed. |
Impostazioni di visualizzazione
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Hook di visualizzazione | displayHome |
Scegli displayHome, displayFooterBefore, displayFooter, displayLeftColumn o displayRightColumn. Il tema deve renderizzare l’hook selezionato. |
| Titolo sezione | Vuoto | Imposta il titolo del feed. Lascia vuoto per nasconderlo. |
| Mostra pulsante Segui | Sì | Mostra un link al profilo sotto il feed quando è impostato il nome utente. |
| Testo del pulsante Segui | Follow |
Imposta il testo prima del nome utente. Viene unito direttamente al nome utente. |
| Mostra su mobile | Sì | Consenti il feed ai visitatori rilevati come utenti mobili da PrestaShop. |
Il link al profilo/canale nell’intestazione è annidato nel blocco del titolo della sezione. Imposta Titolo sezione per mostrarlo. Il pulsante separato per seguire/iscriversi ha un proprio interruttore.
Layout e aspetto
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Modalità layout | grid |
Scegli grid, slider o list. In questo template, list renderizza lo stesso markup a griglia di grid. |
| Numero di articoli | 6 |
Imposta un numero positivo. Il feed viene limitato a questo numero di elementi dopo il recupero. |
| Colonne | 3 |
Scegli 2-6 colonne della griglia su desktop. |
| Colonne mobile | 1 |
Scegli 1 o 2 colonne della griglia sotto i 768px. |
| Spaziatura tra i post (px) | 16 |
Imposta la spaziatura della griglia. |
| Raggio bordo (px) | 8 |
Imposta l’arrotondamento degli angoli delle schede. |
| Effetto hover | elevate |
Scegli elevate, glow, border o none. Queste scelte richiedono CSS personalizzato nel tema per produrre gli effetti indicati; gli stili inclusi offrono invece sovrapposizione, zoom e dissolvenza. |
La griglia usa tre colonne alle larghezze intermedie fino a 991px e l’impostazione mobile sotto i 768px.
Le impostazioni di colonne e spaziatura si applicano alla griglia. Il carosello usa i propri valori predefiniti per colonne e spaziatura. Controllalo alle larghezze del negozio; usa la griglia quando ti serve il numero di colonne configurato.
Informazioni video
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Mostra didascalia | Sì | Mostra la didascalia e il nome dell’autore disponibile quando il video ha una didascalia. |
| Mostra conteggio visualizzazioni | Sì | Mostra l’icona delle visualizzazioni. Il numero di visualizzazioni non viene mostrato. |
| Mostra Mi piace | Sì | Mostra l’area dell’icona dei Mi piace. Questo template non riceve conteggi numerici dei Mi piace. |
Slider e prestazioni
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| Caricamento differito immagini | Sì | Carica le miniature/immagini multimediali tramite JavaScript vicino all’area visibile. Disattiva se questo caricamento viene bloccato. |
| Scorrimento automatico (Slider) | No | Fai avanzare automaticamente il carosello. Non ha effetto sull’output a griglia/elenco. |
| Velocità di scorrimento | 5000 |
Imposta l’intervallo del carosello in millisecondi. Le scelte sono 2000, 3000, 5000, 8000 e 10000. |
| Durata cache | 3600 |
Riutilizza i dati recuperati per questo numero di secondi. Le scelte sono 1800, 3600, 7200, 21600, 43200 e 86400. |
Comportamento del feed
Non ti servono token né un account aziendale per il feed basato su URL pubblici. Scegli ogni video manualmente. Inserire un nome utente non importa i futuri post dell’account. Il server chiama https://www.tiktok.com/oembed?url=... per ogni URL accettato e salta le risposte non riuscite. Il negozio mostra una miniatura, un indicatore di riproduzione, didascalia/autore facoltativi e un link facoltativo per seguire il profilo. Un clic apre il video su TikTok in una nuova scheda. Il modulo non incorpora un player TikTok nella pagina.
Cache e aggiornamento
Il modulo salva gli elementi recuperati in:
modules/mprtiktokintegration/mprtiktok_feed_cache.json
Il processo del server web deve poter scrivere questo file nella cartella del modulo. Mantieni i normali permessi di proprietario/gruppo del tuo hosting. Non serve un’attività cron per visualizzare il feed. Una richiesta al negozio recupera i dati dopo la scadenza della cache. Salvare il modulo principale del feed svuota la cache. Il file è condiviso tra i contesti negozio del modulo, senza un file separato per ogni negozio.
Salvare il modulo del feed svuota la cache. L’azione di svuotamento della cache distingue maiuscole e minuscole. La grafia refreshMprTiktokCache non è accettata; il parametro richiesto è refreshMPRTiktokCache. Il modulo principale fornito non ha un pulsante visibile per svuotare la cache. Usa Salva o chiedi all’amministratore di rimuovere solo il file della cache.
Vengono salvati solo i risultati non vuoti. Un recupero vuoto o non riuscito nasconde il feed e può essere ritentato con richieste successive al negozio. Se gli elementi sembrano obsoleti, controlla la fonte e svuota la cache. Conteggi API e date relative riflettono la risposta in cache, non un abbonamento in tempo reale nel browser.
"Automatic TikTok submission"
Il modulo separato "Automatic TikTok submission" contiene:
| Impostazione | Valore predefinito | Cosa fare |
|---|---|---|
| "Enable automatic submission" | No | Invia gli articoli del blog pubblicati idonei per l’elaborazione asincrona. Non significa che il post sia pubblicato. |
| Modello didascalia | {title}\n\n{excerpt}\n\nRead more: {url} |
Usa {title}, {excerpt}, {url} e {shop_name}. Il publisher limita la didascalia a 2200 caratteri. |
Il pannello "TikTok submissions" richiede MPR Blog Revolution. Offre "Submit to TikTok" e "Check status". Lo stato può essere "Not submitted", in elaborazione, "Confirmation required in TikTok", Pubblicato, "Blocked" o "Failed". Un ID di pubblicazione restituito indica che TikTok ha accettato l’invio per elaborarlo. Usa "Check status" prima di riprovare. Se l’account richiede conferma, completala in TikTok.
La visualizzazione del feed e la pubblicazione sono separate. Il publisher invia un URL video alla Content Posting API di TikTok con PULL_FROM_URL e privacy SELF_ONLY. Il controllo della connessione richiede attualmente un token di accesso non vuoto; la mappa di configurazione include anche la chiave client. Qui il modulo non offre un flusso di autorizzazione OAuth.
Gli invii dal blog usano l’immagine in evidenza dell’articolo da img/mprblogrevolution/posts/, ma la pubblicazione su TikTok richiede un video. Una normale immagine del blog non può essere pubblicata come video TikTok. Mantieni l’invio automatico disattivato finché la tua installazione non fornisce contenuti video adatti.
Salvare il modulo principale del feed elabora anche le chiavi separate dell’invio automatico e può reimpostare l’interruttore/la didascalia. Configura prima il feed, poi salva il modulo di invio separato e ricontrollalo dopo i futuri salvataggi del feed. La policy di scrittura in uscita può bloccare host di sviluppo/staging o non risolti. Il pannello ne indica il motivo. Anche il flag di presa in carico TikTok di Social Revolution impedisce la pubblicazione autonoma.
Esempi di configurazione e modifiche al tema
Gli esempi seguenti descrivono i valori da inserire nei moduli del back office. Non sono comandi shell. Sostituisci nomi degli account, ID di pin/video e credenziali con valori reali. L’hook del tema deve corrispondere a Hook di visualizzazione.
Aggiungi video TikTok pubblici, uno per riga:
https://www.tiktok.com/@yourbrand/video/1234567890123456789
https://www.tiktok.com/@yourbrand/video/9876543210987654321
https://www.tiktok.com/@yourbrand/video/1122334455667788990
Configurazione della griglia in homepage:
ENABLED=1
DISPLAY_HOOK=displayHome
TITLE=Watch us on TikTok
LAYOUT=grid
POST_COUNT=6
COLUMNS=3
MOBILE_COLUMNS=1
GAP=16
BORDER_RADIUS=8
SHOW_FOLLOW_BTN=1
FOLLOW_TEXT=Follow
Configurazione di uno slider compatto sopra il footer:
DISPLAY_HOOK=displayFooterBefore
LAYOUT=slider
POST_COUNT=6
COLUMNS=3
MOBILE_COLUMNS=1
AUTO_SCROLL=1
SCROLL_SPEED=5000
LAZY_LOAD=1
CACHE_DURATION=3600
Renderizza manualmente l’hook selezionato in un template del tema se il tema supporta gli hook Smarty:
{hook h='displayHome' mod='mprtiktokintegration'}
Usa le classi CSS del feed nel foglio di stile del tema o nel CSS personalizzato:
.mprfeed-tiktok .mprfeed-title {
font-size: 24px;
}
.mprfeed-tiktok .mprfeed-grid {
--mprfeed-gap: 20px;
}
.mprfeed-tiktok .mprfeed-follow-btn {
border-radius: 4px;
}
Segnaposto facoltativi del template della didascalia per la pubblicazione automatica:
{title}
{excerpt}
Read more: {url}
Segnaposto disponibili per il template di pubblicazione:
{title}
{excerpt}
{url}
{shop_name}
Per un carosello, verifica il limite effettivo di dimensionamento descritto sopra. Mantieni le modifiche CSS e ai template nel tema.
Verifica e risoluzione dei problemi
- Se la sezione non compare, controlla Attiva modulo, i campi delle fonti, Mostra su mobile e l’hook selezionato. Il modulo non restituisce alcuna sezione quando non ci sono elementi disponibili.
- Verifica che il tema chiami
displayHeaderper caricare il foglio di stile e JavaScript e renderizzi l’hook di visualizzazione selezionato. - Se le immagini restano vuote, controlla gli errori di rete del browser. Prova a disattivare il caricamento differito e verifica gli URL delle immagini.
- Se il layout è errato, prova prima la griglia, poi verifica il carosello alle larghezze desktop e mobile.
- Se MPR Social Revolution ha l’impostazione
TIKTOK_ACTIVEattiva, questo feed autonomo viene soppresso. Il controllo legge il flag salvato; non richiede che Social Revolution sia attualmente attivo come modulo.
Apri la pagina "Integrity" del modulo per i controlli di configurazione e hook. Licenza, Assistenza e Aggiorna sono pagine di manutenzione. Prova le destinazioni effettive dopo aver modificato gli identificativi degli account o le fonti del feed.
Disattivazione o disinstallazione
Imposta Attiva modulo su No e salva per nascondere il feed mantenendo la configurazione. L’interruttore del feed non disattiva la pubblicazione. Disattiva anche l’interruttore di pubblicazione separato, se lo usi. Salva il modulo di pubblicazione dopo quello principale del feed. Disinstalla dal gestore moduli per rimuovere configurazione, cache locale e voci del menu amministrativo del modulo. Le tabelle condivise mpr_social_publish e mpr_social_queue sono contrassegnate come condivise e mantenute alla disinstallazione. La disinstallazione non elimina i post già inviati alla piattaforma.
Domande
1
Il caricamento differito attende il consenso prima di caricare le miniature TikTok?
Problemi noti
4
Le pubblicazioni TikTok restavano in attesa dopo la conferma
Il modulo non si carica su PHP 7.1
Testo di amministrazione danneggiato o non tradotto
L’avviso resta obsoleto dopo il salvataggio
Richieste funzionalità
5
Implementato
Pubblicazione su TikTok
Aggiornamenti dal back office
Amministrazione multilingue
Verifica della configurazione
Stato delle pubblicazioni TikTok
Registro modifiche
v1.0.122026-09-17
- Addedcomplete FR/DE/ES/IT/PL translations
Versioni precedenti
v1.3.02026-04-20
- Addedadmin menu management via MenuInstaller for streamlined module setup
- AddedLicense management tab with key management and renewal options
- Addedself-healing integrity checks for automatic diagnostics and repair
- Addedcomplete FR/DE/ES/IT/PL translations
v1.2.02026-02-03
- AddedPS 9 / Hummingbird theme compatibility
- Addedlightbox video playback with keyboard navigation
- Improvedslider layout — configurable slides-per-view per breakpoint
- Fixedvideo thumbnails not loading for TikTok accounts with private avatars
v1.1.02025-07-22
- Addedgrid and slider layout selector in back office
- Addedvideo count limiter — show up to 20 latest videos
v1.0.02025-07-20
- Initialrelease: TikTok video feed display for PrestaShop
- InitialEmbeds TikTok channel or hashtag feed via oEmbed API
- InitialBack-office configuration for channel handle and layout type
- InitialCompatible with PS 1.7.x and PS 8.x
Demo
Prova il modulo completo prima di acquistare
Acquista la licenza in seguito e mantieni le tue impostazioni.
- La tua demo di 30 giorni Provalo sul tuo negozio per 30 giorni dalla prima installazione.
- Negozio demo pronto Esplora un negozio demo pronto nel tuo browser.
- Senza registrazione Nessun account, e-mail o dominio del negozio richiesto.
Scaricando, accetti le condizioni della demo e l’informativa sulla privacy.
Aprendo questa demo accetti i termini della demo e la politica sulla privacy.