Embed calls-to-action (CTA) on your external site

I pulsanti CTA di HubSpot possono essere utilizzati sia su pagine HubSpot che non HubSpot. Utilizzate i pulsanti CTA di HubSpot sul vostro sito esterno per attirare e convertire i clienti.

Prima di incorporare i pulsanti CTA sul vostro sito esterno, assicuratevi che il codice di tracciamento HubSpot sia installato sulle vostre pagine.

Prima di iniziare

Prima di aggiungere un pulsante CTA al vostro sito esterno, tenete presente quanto segue:

• Le CTA a pulsante incorporate nel sito esterno si aggiornano automaticamente a livello globale quando viene apportata una modifica al contenuto, al testo o al design generale della CTA.
• A causa delle differenze nei sistemi di gestione dei contenuti (CMS), i passaggi per accedere al codice HTML del sito e incorporare il codice del pulsante CTA possono essere diversi. Se non siete sicuri di come accedere al codice HTML del vostro sito o di incorporare un codice esterno, inviate questo articolo al vostro webmaster, al reparto IT o a una risorsa tecnica.

• Se state incorporando una CTA in un sito WordPress, tenete presente quanto segue:

  • Se state incorporando una CTA nel vostro sito WordPress, potrebbe essere necessario applicare dichiarazioni CSS aggiuntive nel vostro foglio di stile esterno per rendere la CTA responsive.
  • Se notate che la CTA non funziona in WordPress o che il codice incorporato viene alterato quando si visualizza la pagina live, potrebbe essere necessario inserire la CTA utilizzando un plugin per assicurarsi che il codice incorporato rimanga intatto.
  • Se si utilizza l'ultima versione di Gutenberg, che rimuove il JavaScript in linea, utilizzare il plugin Inline JS Block for Gutenberg per incorporare moduli e CTA nella pagina.
    
    

Incorporare un pulsante CTA su un sito esterno

Per incorporare un pulsante CTA in un sito esterno:

• Nel vostro account HubSpot, andate in Marketing > Lead Capture > Pulsante CTA.
• Nella dashboard Chiamate all'azione, passare il mouse su una CTA e fare clic su Azioni > Codice di incorporamento .
  
• Nella finestra di dialogo, fare clic su Copia.
  
  

• Accedere al sistema di gestione dei contenuti (CMS) del sito web esterno.
• Incollare il codice di incorporamento della CTA nell'HTML della pagina non HubSpot, nel punto in cui si desidera che la CTA appaia.
• Visualizzare l'anteprima della CTA sulla pagina web per verificarne l'aspetto dal vivo. Se la CTA non viene visualizzata correttamente, assicuratevi che il vostro CMS esterno non abbia alterato il codice copiato. Se si utilizza una CTA immagine, potrebbe essere necessario aggiungere uno stile aggiuntivo per assicurarsi che la CTA immagine sia reattiva.
• Al termine, pubblicare la pagina.