Aggiungete call-to-action (CTA) ai vostri contenuti

Dopo aver creato la call-to-action (CTA), è possibile aggiungere la CTA sia a Chiamata Hubspot che a pagine esterne. Quando si configura la CTA per le pagine esterne, è necessario installare il codice di tracciamento di HubSpot. È possibile aggiungere le CTA anche alle e-mail di marketing drag and drop.

Dopo aver aggiunto una CTA al vostro contenuto, se avete un abbonamento a Marketing Hub o a Content Hub Professional o Enterprise, potete creare un flusso di lavoro per automatizzare le azioni dopo che un visitatore ha interagito con la CTA. Ad esempio, dopo che un visitatore ha inviato un form su una CTA, è possibile attivare una serie di via e-mail di marketing per coltivare il nuovo contatto.

Capire come aggiungere le CTA ai propri contenuti

Il modo in cui si aggiunge una CTA a una pagina dipende dal tipo di CTA creata:

• Se si utilizzano CTA incorporate, è possibile aggiungere un massimo di 100 CTA incorporate per pagina. Le CTA incorporate possono essere utilizzate nei seguenti modi:
  • Il modulo predefinito di call-to-action nelle pagine di Chiamata Hubspot
  • Il modulo pulsante predefinito in una via e-mail di marketing
  • Un frammento di codice sul vostro sito web esterno
• Se si utilizza un banner adesivo, una pop-up box o una call-to-action a scorrimento, si può scegliere tra:
  • Attivare la CTA quando un visitatore fa clic su un pulsante.

• • Selezionare una o più attivazioni, quindi impostare gli obiettivi utilizzando l'URL del sito web o le informazioni sui visitatori. Una volta soddisfatta la prima attivazione, la CTA apparirà sulle pagine mirate e per i visitatori specificati:
    • Attivazione su scorrimento della pagina
    • Attivazione in caso di intenzione di uscire dal sito
    • Attivazione dopo il tempo trascorso
    • Attivazione dopo inattività

Aggiungere una CTA ai contenuti di HubSpot

Sulle pagine di HubSpot, il codice di tracciamento viene automaticamente rata. Per la maggior parte delle attivazioni, la CTA apparirà quando verrà soddisfatta la prima attivazione.

Tuttavia, per utilizzare una CTA incorporata o una CTA che si attiva quando un visitatore fa clic su un pulsante, è necessario aggiungere manualmente la CTA.

Aggiungere una CTA a una pagina HubSpot

È possibile incorporare le CTA nelle pagine ospitate su HubSpot utilizzando il modulo Call-to-action.

1. Navigare verso il proprio contenuto:

   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Landing Page: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
2. Fare clic sul nome del contenuto.
3. Nell'editor dei contenuti, fare clic sul pulsante + Aggiungi nella barra laterale sinistra.
4. Nell'editor della barra laterale, cercare e fare clic sul modulo Call-to-action, quindi trascinarlo nella posizione sulla pagina.
5. Nella sezione CTA , fare clic su Seleziona
   

Aggiunta di una CTA a un post blog di HubSpot

1. Nel tuo account HubSpot, passa a Contenuti > Blog.
2. Fare clic sul nome del post.
3. Nell'editor dei contenuti, fate clic sul modulo Rich Text per personalizzarne il contenuto.
4. Nella barra degli strumenti del testo ricco, fare clic su Inserisci > Call-to-action
   

5. Nel pannello di destra, fare clic sulla scheda CTA .
6. Selezionare una CTA da inserire, quindi fare clic su Inserisci.
7. Nel pannello di sinistra, fare clic su Applica modifiche. La CTA selezionata verrà ora visualizzata nell'editor di testo ricco e nell'anteprima
   

Attivazione della CTA al clic del pulsante in HubSpot

1. Navigare verso il proprio contenuto:

   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Landing Page: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
2. Fare clic sul nome
3. Nel pannello di sinistra, nella scheda Aggiungi , cercare e selezionare il modulo pulsante predefinito. Fare clic e trascinare il modulo pulsante sulla pagina
   

4. Nel pannello di sinistra, fare clic sul menu a discesa Collegamento a e selezionare CTA.
5. Fare clic sul menu a discesa CTA e selezionare una CTA esistente.
6. Continuare a configurare il modulo pulsante
   

Aggiungete una CTA incorporata alle vostre e-mail di marketing via e-mail

Aggiungete CTA incorporate alle vostre e-mail di marketing drag and drop e tracciate l'efficacia della vostra offerta di CTA su più punti di contatto.

Per aggiungere una CTA nell' editor drag-and-drop:

1. Nel tuo account HubSpot, vai a Marketing > E-mail.
2. Passare il mouse sull'e-mail a cui si vuole aggiungere la CTA, quindi fare clic su Modifica. Oppure creare una nuova email.
3. Nel pannello di sinistra, fare clic e trascinare il modulo Button nell'editor delle e-mail
   

4. Nel pannello di sinistra, fare clic sul menu a discesa Collegamento a. Quindi, selezionare CTA.
5. Sotto il campo CTA, fare clic su Seleziona.
6. Nel pannello di destra, selezionare una CTA da inserire, quindi fare clic su Inserisci.
   

Nota bene: quando si crea o si seleziona una CTA per l'e-mail, è supportato solo un singolo pulsante o un' immagine. Non è possibile utilizzare CTA con più elementi, come un pulsante e un'immagine.

Personalizzare i pulsanti di un tema per attivare la CTA al clic sul pulsante

Se si utilizza un tema personalizzato in HubSpot, potrebbe essere necessario personalizzare il modulo dei pulsanti del tema per attivare una CTA.

Se si sta modificando un tema predefinito, è necessario prima clonarlo. I temi acquistati dal Marketplace delle risorse non possono essere clonati; si consiglia invece di creare un tema figlio.

Per personalizzare il modulo dei pulsanti del tema:

1. Nel tuo account HubSpot, passa a Contenuti > Design Manager.
2. In alto a sinistra, cercare il modulo pulsante.
3. Nel pannello di destra, passare il mouse su Button (gruppo di campi) e fare clic su Edit.
4. In Campi raggruppati, passare il mouse su URL (URL) e fare clic su Modifica.
5. Fare clic sul menu a discesa Tipi di URL supportati. Selezionare la casella di controllo CTA.
6. In alto a destra, fare clic su Pubblica modifiche. Dopo aver pubblicato le modifiche, l'opzione CTA dovrebbe apparire quando si utilizza il modulo dei pulsanti del tema sulle pagine
   

Aggiungete una CTA al vostro contenuto esterno

Per aggiungere una CTA alle pagine esterne, è necessario ratamentare il codice di tracciamento di HubSpot.

Per le call-to-action di tipo sticky banner, pop-up box o slide-in, la rata del codice di tracciamento consentirà alla CTA di apparire quando viene soddisfatta la prima attivazione. Non è necessario incorporare la CTA nella pagina e l'opzione di incorporazione non apparirà durante la recensione della CTA.

Tuttavia, per le CTA incorporate o per le CTA che si attivano quando un visitatore fa clic su un pulsante, è necessario aggiungere manualmente la CTA.

Inserite una CTA sul vostro sito web esterno

Per aggiungere una CTA incorporata alle pagine esterne:

1. Nel tuo account HubSpot, passa a Marketing > CTA.
2. In alto a sinistra, fare clic sul menu a discesa e selezionare CTA.
3. Passare il mouse su una CTA, fare clic su Azioni e selezionare Incorpora.
4. Fare clic su Copia negli appunti per copiare il codice CTA negli appunti.
5. Accedere al sistema di gestione dei contenuti (CMS) del sito web esterno.
6. Incollare il codice di incorporazione della CTA nell'HTML della pagina non HubSpot, ovunque si desideri che la CTA appaia.
7. Visualizzare l'anteprima della CTA sulla pagina web per verificarne l'aspetto dal vivo. Se la CTA non viene visualizzata correttamente, controllate che il vostro CMS esterno non abbia alterato il codice.
8. Al termine, pubblicare la pagina.

In generale, la modifica della CTA non influisce sul suo codice embed. Ad esempio, la modifica dell'opzione Apri il link in una nuova scheda non cambierà l'attribuzione target="_blank" nel codice embed.

Il frammento di codice incorporato funge da segnaposto prima che venga resa la versione iframe della CTA. Questa versione renderizzata della CTA rifletterà il valore corretto di Apri in una nuova scheda impostato nell'editor.

Per aprire un link nella stessa finestra del segnaposto, gli utenti possono cambiare manualmente il tag di attribuzione target in target="_self"

Attivazione di una CTA al clic di un pulsante sul vostro sito web esterno

Prima di utilizzare una CTA su un sito web esterno, è necessario ratappare il codice di tracciamento di HubSpot. Per impostare l'attivazione su una pagina esterna:

1. Nel tuo account HubSpot, passa a Marketing > CTA.
2. In alto a sinistra, fare clic sul menu a discesa e selezionare CTA.
3. Passare il mouse su una CTA e fare clic su Modifica.
4. In alto, fare clic sulla scheda Targeting .
5. Nella sezione Attivazione al clic del pulsante, fare clic su Frammento di codice.

6. Nella finestra di dialogo, fare clic su Copia.
7. Incollare le classi embed nel pulsante del sito web esterno. Se non siete sicuri di come aggiungere le classi CSS ai pulsanti del vostro sito, potreste dover collaborare con il vostro webmaster, il reparto IT o lo sviluppatore.