Vidensbase

Tilføj opfordringer til handling (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 være installeret. Du kan også tilføje CTA'er til dine drag and drop-marketingmails.

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 højst tilføje 100 indlejrede CTA'er pr. side. Indlejrede CTA'er kan bruges på følgende måder:
    • Standardmodulet for opfordringer til handling på HubSpot-sider
    • Standardknapmodulet i en marketing-e-mail
    • Et kodestykke på din eksterne hjemmeside
  • Hvis du bruger et sticky banner, en pop-up boks eller en slide-in opfordring til handling, kan du enten:
    • Udløse CTA'en, så den vises, når en besøgende klikker på en knap.
    • Vælge en eller flere aktiveringsudløsere og derefter sætte mål ved hjælp af hjemmesidens URL eller oplysninger om den besøgende. Når den første trigger er opfyldt, vises CTA'en på de pågældende sider og for de angivne besøgende:
      • Udløser ved scroll på siden
      • Udløses ved exit-intention
      • Udløses efter forløbet tid
      • Udløs efter inaktivitet

Tilføj en CTA til dit HubSpot-indhold

På dine HubSpot-sider installeres sporingskoden automatisk. For de fleste aktiveringsudløsere vises CTA'en, når den første udløser er opfyldt. Men hvis du vil bruge en indlejret CTA eller en CTA, der udløses, 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.

  • Naviger til dit indhold:

    • Hjemmesidens sider:
    • Landingssider:
  • Klik på navnet på dit indhold.
  • Klik på knappen + Tilføj i venstre sidebjælke i indholdseditoren.
  • I sidebar-editoren skal du søge efter og klikke på Call-to-action-modulet og derefter trække detplads på siden.
  • Klik på Vælg i CTA-sektionen .

Tilføj en CTA til et HubSpot-blogindlæg

  • Klik på navnet på dit indlæg.
  • I indholdseditoren skal du klikke på rich text-modulet for at tilpasse dets indhold.
  • Klik på Indsæt > Opfordring til handling i værktøjslinjen for rig tekst.

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

Udløs din CTA ved klik på en knap i HubSpot

Du kan udløse dit sticky banner, pop-up 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:
  • Naviger til dit indhold:

    • Hjemmesider:
    • Landingssider:
  • Klik på navnet
  • Søg efter og vælg standardknapmodulet på fanen Tilføj i venstre panel. Klik og træk knapmodulet ind på din side.

  • Klik på rullemenuen Link til i venstre panel, og vælg CTA.
  • Klik på CTA-rullemenuen , og vælg en eksisterende CTA.
  • Fortsæt med at opsætte dit knapmodul.

Tilføj en indlejret CTA til dine drag and drop-marketingmails

Føj indlejrede CTA 'er til dine træk og slip-marketingmails, og følg effektiviteten af dit CTA-tilbud på tværs af flere kontaktpunkter.

Sådan tilføjer du en CTA i drag and drop-e-maileditoren:

  • Hold musen over den e-mail, du vil tilføje CTA'en til, og klik derefter på Rediger. Eller opret en ny e-mail.
  • I venstre panel skal du klikke på og trække knapmodulet ind i e-mail-editoren.

  • Klik på rullemenuen Link til i venstre panel. Vælg derefter CTA.
  • Klik på Vælg under CTA-feltet.
  • Vælg en CTA, der skal indsættes, i højre panel, og klik derefter på Indsæt.

Bemærk: Der understøttes kun en enkelt knap eller et enkelt billede, 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 udløse 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 udløse en CTA.

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

Sådan tilpasser du dit temas knapmodul:

  • Søg efter dit knapmodul øverst til venstre.
  • Hold musen over Button (feltgruppe) i højre panel, og klik på Edit.
  • Hold musen over URL (URL) under Grupperede felter, og klik på Rediger.
  • Klik på rullemenuen Understøttede URL-typer. Vælg derefter afkrydsningsfeltet CTA.
  • 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

Du kan tilføje CTA'er til dine eksterne sider. Før du bruger en HubSpot CTA på din eksterne hjemmeside, skal du installere HubSpot-sporingskoden.

Når du har installeret sporingskoden, vil CTA'en for de fleste aktiveringsudløsere blive vist, når den første udløser er opfyldt. Men hvis du vil bruge en indlejret CTA eller en CTA, der udløses, når en besøgende klikker på en knap, skal du tilføje CTA'en manuelt.

Integrer en CTA på dit eksterne website

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

  • Klik på rullemenuen øverst til venstre, og vælg CTA'er.
  • Hold musen over en CTA, og klik på Handlinger > Indlejring.
  • Klik på kopier til udklipsholder for at kopiere CTA-koden til din udklipsholder.
  • Naviger til din eksterne hjemmesides content management system (CMS).
  • Indsæt CTA-indlejringskoden i HTML'en på din ikke-HubSpot-side, der hvor du vil have CTA'en vist.
  • 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.
  • 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 target="_blank" -attributten i indlejringskoden.

Den indlejrede kodestump 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-attribut-tagget til target="_self".

Udløs en CTA ved klik på en knap på dit eksterne website

Før du bruger en CTA på dit eksterne website, skal du installere HubSpot-sporingskoden. Sådan opsætter du din trigger på en ekstern side:

  • Klik på dropdown-menuen øverst til venstre, og vælg CTA'er.
  • Hold musen over en CTA, og klik på Rediger.
  • Klik på fanen Målretning øverst.
  • Under sektionen Trigger on button click skal du klikke på Code snippet.

  • Klik på Copy i dialogboksen.
  • Indsæt de indlejrede klasser i din knap på din eksterne hjemmeside. Hvis du ikke er sikker på, hvordan du tilføjer CSS-klasser til knapperne på dit websted, skal du muligvis samarbejde med din webmaster, IT-afdeling eller udvikler.