Integrazione tecnica dello Showcase dei Prodotti Fairly Made®

Come recuperare l’URL del widget?

Direttamente sulla tua dashboard (https://app.fairlymade.com/products), puoi scaricare un file CSV "Product" che fornisce un showcaseLink per ogni prodotto che puoi integrare sul tuo sito web.

Puoi trovare maggiori informazioni nel nostro articolo principale sul tuo passaporto digitale del prodotto Fairly Made®.

Cos’è un iFrame?

Secondo la documentazione MDN: L’elemento HTML  rappresenta un contesto di navigazione nidificato, incorporando un’altra pagina HTML in quella corrente.

Fairly Made® ti permette di integrare il suo widget/showcase con un iFrame sulla tua pagina prodotto utilizzando un link di riferimento.

Integrazione dello showcase utilizzando iFrame

Questi pochi passaggi ti guideranno per farlo utilizzando i due sistemi di gestione dei contenuti più popolari (Shopify e Wordpress):

1. Prima di tutto, vai all’interfaccia di amministrazione per modificare il tuo sito web

2. Successivamente, accedi alla sezione di modifica per la tua specifica pagina web.

• Shopify

  Clicca sulla scheda “page” nel pannello di sinistra, quindi seleziona la pagina in cui inserire il contenuto Fairly Made®.

  

• Wordpress

  Nel pannello di sinistra, clicca sulla scheda “pages” e seleziona la pagina in cui inserire il contenuto Fairly Made®.

  

• Google Tag Manager

  Custom Tags

3. In quella sezione di modifica, seleziona la modalità codice HTML.

• Shopify

  La casella di contenuto contiene il contenuto formattato della tua pagina. Per accedere alla scheda codice, clicca sul pulsante <> nell’angolo in alto a sinistra della casella di modifica.

• Wordpress

  

• In alternativa, il codice HTML dell’intera pagina può essere modificato come mostrato di seguito:

  

  (source : https://www.wpbeginner.com/wp-tutorials/how-to-edit-html-in-wordpress-code-editor-beginners-guide)

• Google Tag Manager

  Custom Tags

4. Una volta in modalità di modifica HTML, incolla il seguente codice:

<iframe src="YOUR_FAIRLY_MADE_PRODUCT_SHOWCASE_URL" style="width:100%;min-height:800px;"></iframe>

DoveYOUR_FAIRLY_MADE_PRODUCT_SHOWCASE_URL deve essere sostituito con il link URL della pagina showcase del prodotto Fairly Made®. Puoi regolare il parametro di altezza secondo le tue necessita

⚠️ Raccomandiamo di non precaricare il nostro showcase (il che significa che carichi l’iFrame contemporaneamente alla tua pagina prodotto e-commerce, in background). Nonostante ciò, se decidi di precaricare, disabiliteremo le analisi di tracciamento web e non saremo in grado di fornirti statistiche sulle visite ai nostri showcases.

Parametri di query

Puoi aggiungere un parametro di query al link (ad esempio, https://link.fairlymade.com/:linkRef?lang=en)