Incorporare codice personalizzato - Costruzione - Documenti Carrd

Last updated on 6/26/2025@mrbirddev
Incorporare codice personalizzato - Costruzione - Documenti Carrd

Incorporare Codice Personalizzato

Richiede Pro Standard o superiore

L'elemento Embed consente di inserire codice HTML, CSS e persino JavaScript personalizzato praticamente ovunque su un sito (incluso l'elemento <head>). Se hai bisogno di aggiungere un widget di terze parti non ancora supportato dall'elemento Widget, o se desideri semplicemente incorporare funzionalità personalizzate oltre a quelle attualmente offerte da Carrd, ecco come fare:

  1. Clicca su Aggiungi Elemento

  2. Clicca su Embed per creare un nuovo elemento Embed.

  3. Imposta Tipo su Codice.

  4. Imposta Codice sul codice personalizzato che desideri inserire. Questo può essere praticamente qualsiasi cosa che normalmente incolleresti nell'HTML di un sito, quindi HTML standard, tag <style> contenenti regole CSS personalizzate e persino tag <script> contenenti codice JavaScript sono tutti accettabili qui.

  5. (Opzionale) Imposta Etichetta su qualcosa che aiuti a identificare questo particolare embed (ad esempio, Codice del Mio Widget).

  6. Scegli lo Stile dell'embed:

  • Inline per inserire il tuo codice esattamente dove appare l'embed sul sito (come qualsiasi altro elemento).
  • Nascosto per inserire il tuo codice in una delle tre posizioni specifiche:
  • Head per l'elemento <head> del sito,
  • Body Top subito dopo il tag di apertura <body> del sito, o
  • Body End appena prima del tag di chiusura </body> del sito.

Poiché questo pubblica effettivamente l'embed al di fuori del normale flusso degli elementi, sentiti libero di spostarlo in un luogo più conveniente (alla fine del sito, per esempio).

  1. Hai finito! Il tuo codice personalizzato dovrebbe ora essere visibile sul sito pubblicato. Nota che l'elemento embed non produrrà effettivamente nulla nel builder, quindi dovrai pubblicare il sito per vederlo in azione.
Last updated on 6/26/2025@mrbirddev
Loading...