Vidensbase

Tilføj Call-to-action (CTA'er) til dit indhold

Skrevet af HubSpot Support | Jun 28, 2023 2:29:27 PM

Når du har oprettet din Call-to-action (CTA), kan du tilføje CTA'en til både HubSpot og eksterne sider. Når du konfigurerer din CTA til eksterne sider, skal HubSpot-sporingskoden installeres. Du kan også tilføje CTA'er til dine drag and drop e-mailmarketing.

Når du har tilføjet en CTA til dit indhold, kan du, hvis du har et Marketing Hub eller Content Hub Professional eller Enterprise abonnement, oprette en arbejdsgang for at automatisere handlinger, efter at en besøgende har interageret med din CTA. Når en besøgende f.eks. har indsendt en formular via en CTA, kan du trigge en serie af marketingkontakter for at pleje din nye kontakt.

Forstå at tilføje CTA'er til dit indhold

Hvordan du tilføjer en CTA til en side, afhænger af, hvilken type CTA du har oprettet:

  • Hvis du bruger indlejrede CTA'er, kan du maksimalt tilføje 100 indlejrede CTA'er pr. side. Indlejrede CTA'er kan bruges på følgende måder:
    • Standard Call-to-action-modulet på HubSpot-sider
    • Standardknapmodulet i en e-mailmarketing
    • Et kodestykke på dit eksterne websted
  • Hvis du bruger et sticky banner, pop op-boks eller slide-in call-to-action, kan du enten:
    • Trigger CTA'en, så den vises, når en besøgende klikker på en knap.
    • Vælg en eller flere aktiveringstriggers, og indstil derefter mål ved hjælp af webstedets URL eller oplysninger om besøgende. Når den første trigger er mødt, vises CTA'en på de målrettede sider og for de angivne besøgende:
      • Trigger ved scroll på siden
      • Trigger på exit-intention
      • Trigger efter forløbet tid
      • Trigger efter inaktivitet

Tilføj en CTA til dit HubSpot-indhold

På dine HubSpot-sider rates sporingen automatisk. For de fleste aktiveringstriggere vises CTA'en, når den første trigger er mødt.

Men hvis du vil bruge en indlejret CTA eller en CTA, der trigges, når en besøgende klikker på en knap, skal du tilføje CTA'en manuelt.

Tilføj en CTA til en HubSpot-side

Du kan indlejre CTA'er på sider, der er hostet på HubSpot, ved hjælp af Call-to-action-modulet.

  1. Naviger til dit indhold:

    • Websider:
    • Landingssider:
  2. Klik på navnet på dit indhold.
  3. I indholdseditoren skal du klikke på knappen + Tilføj i venstre sidebjælke.
  4. I sidebjælkeeditoren skal du søge efter og klikke på modulet Call-to-action og derefter trække det til position på siden.
  5. Klik på Vælg i afsnittet CTA

 

Tilføj en CTA til et HubSpot blogindlæg

  1. Klik på navnet på dit indlæg.
  2. Klik på rich text-modulet i indholdseditoren for at tilpasse indholdet.
  3. Klik på Indsæt > Call-to-action i værktøjslinjen for rig tekst

 

  1. Klik på fanen CTA 'er i det højre panel.
  2. Vælg en CTA, der skal indsættes, og klik derefter på Indsæt.
  3. Klik på Anvend ændringer i venstre panel. Den valgte CTA vises nu i din rich text-editor og på din forhåndsvisning

 

Trigger din CTA ved klik på en knap i HubSpot

Du kan trigge dit sticky banner, pop op-boks eller slide-in CTA, når besøgende klikker på en knap på en side. Sådan opsætter du denne trigger ved hjælp af et standardknapmodul på en HubSpot-side:
  1. Naviger til dit indhold:

    • Websider:
    • Landingssider:
  2. Klik på navnet
  3. Søg efter og vælg standardknapmodulet i venstre panel under fanen Tilføj . Klik og træk knapmodulet ind på din side
 
  1. Klik på rullemenuen Link til i venstre panel, og vælg CTA.
  2. Klik på rullemenuen CTA , og vælg en eksisterende CTA.
  3. Fortsæt med at opsætte dit knapmodul

 

Tilføj en indlejret CTA til dine træk og slip-marketing-e-mails

Tilføj indlejrede CTA 'er til dine e-mailmarketing med træk og slip, og spor effektiviteten af dit CTA-tilbud på tværs af flere kontaktpunkter.

Sådan tilføjer du en CTA i træk og slip-editoren:

  1. Hold musen over den e-mail, du vil tilføje CTA'en til, og klik derefter på Rediger. Eller opret en ny e-mail.
  2. Klik og træk knapmodulet ind i e-mail-editoren i venstre panel

 

  1. Klik på rullemenuen Link til i venstre panel. Vælg derefter CTA.
  2. Klik på Vælg under feltet CTA.
  3. I det højre panel skal du vælge en CTA, der skal indsættes, og derefter klikke på Indsæt.

Bemærk: Kun en enkelt knap eller et enkelt billede understøttes, når du opretter eller vælger en CTA til din e-mail. CTA'er med flere elementer, f.eks. en knap og et billede, kan ikke bruges.

 

Tilpas et temas knapper for at trigge din CTA ved klik på knappen

Hvis du bruger et brugerdefineret tema i HubSpot, kan det være nødvendigt at tilpasse temaets knapmodul for at trigge en CTA.

Hvis du redigerer et standardtema, skal det klones først. Temaer, der er købt på Markedspladsen for aktiver, kan ikke klones; det anbefales at oprette et child theme i stedet.

Sådan tilpasser du dit temas knapmodul:

  1. Søg efter dit knapmodul øverst til venstre.
  2. Hold musen over Button (feltgruppe) i højre panel, og klik på Edit.
  3. Hold musen over URL (URL) under Grupperede felter, og klik på Rediger.
  4. Klik på rullemenuen Understøttede URL-typer. Vælg derefter afkrydsningsfeltet CTA.
  5. Klik på Udgiv ændringer øverst til højre. Når du har udgivet dine ændringer, bør CTA-muligheden vises, når du bruger temaknapmodulet på dine sider

Tilføj en CTA til dit eksterne indhold

For at tilføje en CTA til dine eksterne sider skal du rate HubSpots sporingskode.

For sticky banner, pop op-bokse eller slide-in call-to-actions vil installation af sporingskoden gøre det muligt for CTA'en at blive vist, når den første aktivering trigger er opfyldt. Du behøver ikke at indlejre CTA'en på din side, og indlejringsmuligheden vises ikke, når du anmelder CTA'en.

Men specielt for indlejrede CTA'er eller CTA'er, der trigges, når en besøgende klikker på en knap, skal du tilføje CTA'en manuelt.

Integrer en CTA på dit eksterne websted

Sådan tilføjer du en indlejret CTA til dine eksterne sider:

  1. Klik på dropdown-menuen øverst til venstre, og vælg CTA'er.
  2. Hold musen over en CTA, klik på Handlinger og vælg Indlejring.
  3. Klik på copy to clipboard for at kopiere CTA-koden til din udklipsholder.
  4. Naviger til dit eksterne websteds indholdsstyringssystem (CMS).
  5. Indsæt CTA-indlejringskoden i HTML'en på din ikke-HubSpot-side, der hvor du vil have CTA'en vist.
  6. Se et eksempel på din CTA på websiden for at tjekke, hvordan den ser ud, når den er live. Hvis CTA'en ikke vises korrekt, skal du kontrollere, at dit eksterne CMS ikke har ændret koden.
  7. Når du er færdig, skal du udgive din side.

Generelt vil redigering af CTA'en ikke påvirke dens indlejringskode. For eksempel vil redigering af indstillingen Åbn link i ny fane ikke ændre tilskrivningen target="_blank" i indlejringskoden.

Det indlejrede kodestykke fungerer som en pladsholder, før iframe-versionen af CTA'en gengives. Denne gengivne version af CTA'en vil afspejle den korrekte værdi for Åbn i ny fane, der er indstillet i editoren.

For at åbne et link i det samme vindue i pladsholderen kan brugerne manuelt ændre target attribute tag til target="_self"

Trigger en CTA ved klik på en knap på dit eksterne websted

Før du bruger en CTA på dit eksterne websted, skal du rate koden til HubSpot-sporing. Sådan opsætter du din trigger på en ekstern side:

  1. Klik på dropdown-menuen øverst til venstre, og vælg CTA'er.
  2. Hold musen over en CTA, og klik på Rediger.
  3. Klik på fanen Målretning øverst.
  4. Klik på Kodestykke under sektionen Trigger ved klik på knap.



  1. Klik på Copy i dialogboksen.
  2. Indsæt indlejringsklasserne i din knap på dit eksterne websted. Hvis du ikke er sikker på, hvordan du tilføjer CSS-klasser til knapperne på dit websted, kan det være nødvendigt at samarbejde med din webmaster, IT-afdeling eller udvikler.