Integrazione TikTok Feed: configurazione e aiuto

Avvio rapido

  1. Carica e installa lo ZIP mprtiktokintegration in Moduli > "Module Manager".
  2. Fai clic su "Configure". In Connessione TikTok, lascia Attiva modulo su Sì.
  3. 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.
  4. Facoltativamente inserisci Nome utente TikTok senza @ per i link al profilo e per seguirlo.
  5. Seleziona Hook di visualizzazione displayHome e Modalità layout grid. Lascia "Enable automatic submission" disattivato.
  6. Fai clic su Salva nel modulo del feed. Apri il negozio dove viene renderizzato l’hook selezionato.
  7. 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 displayHeader per 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_ACTIVE attiva, 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?

Il caricamento differito delle immagini usa la vicinanza all’area visibile nei browser compatibili, altrimenti carica subito le immagini. Nessuna delle due modalità verifica il consenso. Il feed mostra miniature collegate a TikTok anziché un lettore nella pagina. Se devi bloccare le richieste delle miniature, verifica che il tuo strumento di consenso le controlli.

Problemi noti

4

Le pubblicazioni TikTok restavano in attesa dopo la conferma

RisoltoAggiornato:
Risolto nella versione: 1.0.17
I caricamenti TikTok confermati potevano restare contrassegnati come inviati e il pulsante di invio poteva mostrare l’azione disponibile errata.

Il modulo non si carica su PHP 7.1

RisoltoAggiornato:
Risolto nella versione: 1.0.17
Il modulo poteva non caricarsi su PHP 7.1 perché i requisiti di installazione erano stati generati in modo errato.

Testo di amministrazione danneggiato o non tradotto

RisoltoAggiornato:
Risolto nella versione: 1.0.17
Alcune etichette di amministrazione mostravano testo danneggiato o restavano nella lingua originale nonostante le traduzioni disponibili.

L’avviso resta obsoleto dopo il salvataggio

RisoltoAggiornato:
Risolto nella versione: 1.0.17
Il banner dello stato di configurazione poteva continuare a mostrare le vecchie impostazioni dopo un salvataggio riuscito.

Richieste funzionalità

5

Implementato

Pubblicazione su TikTok

Implementato
Pubblica articoli del blog su TikTok dal back office o attiva la pubblicazione automatica.

Aggiornamenti dal back office

Implementato
Verifica e installa gli aggiornamenti del modulo dal back office.

Amministrazione multilingue

Implementato
Usa l'amministrazione del modulo in francese, tedesco, spagnolo, italiano e polacco.

Verifica della configurazione

Implementato
Scopri quali impostazioni necessarie mancano prima di attivare l'integrazione.

Stato delle pubblicazioni TikTok

Implementato
Verifica se una pubblicazione TikTok inviata è in elaborazione, pubblicata, in attesa di conferma o non riuscita.

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.
Avvia il negozio demo

Scaricando, accetti le condizioni della demo e l’informativa sulla privacy.

Aprendo questa demo accetti i termini della demo e la politica sulla privacy.

Caricamento...
Torna su