Legg til HubSpot-skjemaer på WordPress-sider og -innlegg (eldre)

Når du har installert HubSpot – CRM, e-postmarkedsføring, Live Chat, skjemaer og Analytics-programtillegg, kan du legge til HubSpot eldre skjemaer på WordPress-sidene og -innleggene dine.

Merk: Denne artikkelen er kun til referanse for eksisterende skjemaer som er laget med den eldre redigeringsprogrammet. For øyeblikket er det ikke mulig å bygge inn HubSpot-skjemaer som er opprettet med det oppdaterte skjemaredigeringsprogrammet på WordPress-sider eller -innlegg. Finn ut mer om hvordan du bruker det oppdaterte skjemaredigeringsprogrammet til å opprette og administrere skjemaer.

I WordPress kan du legge til de eldre HubSpot-skjemaene dine enten via klassisk redigering eller Gutenberg-redigering.

Før du kommer i gang

Vær oppmerksom på følgende før du begynner: 

• Hvis du bygger inn et skjema på WordPress-nettstedet, må du kanskje bruke flere CSS-erklæringer i det eksterne stilarket for å gjøre skjemaet responsivt.
• Hvis du oppdager at skjemaet ikke fungerer i WordPress, eller at innbyggingskoden endres når du viser den sanne siden, må du kanskje sette inn skjemaet ved hjelp av en plugin for å sikre at innbyggingskoden forblir intakt.
• Hvis du bruker et annet skjematillegg, for eksempel Contact Form 7 eller Ninja Forms, kan du samle inn innsendinger i HubSpot. Gå gjennom tabellen over støttede skjemaer, og finn ut hvordan du bruker skjemaer som ikke er HubSpot-skjemaer. 
• Hvis du bruker et støttet, ikke-HubSpot-skjema på WordPress, men ikke ser innsendingsdata i HubSpot, kan det hende du har installert et annet WordPress-programtillegg som er i konflikt med HubSpot-WordPress-programtillegget. Deaktiver programtillegget, eller se gjennom vanlige spørsmål for ytterligere feilsøkingstrinn. 

Klassisk redigeringsprogram

Slik bygger du inn et eldre HubSpot-skjema på WordPress-sidene og -innleggene dine ved hjelp av det klassiske redigeringsprogrammet: 

• Fra WordPress-kontoen din, i menyen til venstre i sidepanelet, går du til HubSpot > Skjemaer. 
• Hold musepekeren over skjemaet du vil legge til på nettstedet, og klikk på Bygg inn. Du kan også opprette et nytt HubSpot-skjema ved å klikke på Opprett skjema.
• Klikk på WordPress kortkode, og klikk deretter på Kopier for å kopiere den innebygde koden. 
• Gå til en WordPress-side eller et WordPress-innlegg, og lim deretter inn kortkoden i sideditoren.
   
• Når du har publisert siden, kan du vise innsendinger til skjemaet i WordPress:
  • Fra WordPress-kontoen din, i menyen til venstre i sidepanelet, går du til HubSpot > Skjemaer.
  • Hold musepekeren over et skjema. Deretter klikker du på rullegardinmenyen Handlinger og velger Vis innsendinger. Finn ut mer om å analysere innsendinger av skjemaer. 

Gutenberg-redigerer

Hvis du bruker den nyeste versjonen av Gutenberg, som fjerner innebygd JavaScript, kan du bruke den innebygde JS-blokken for Gutenberg-programtillegget til å bygge inn eldre HubSpot-skjemaer og CTA-er på siden din i stedet.

Slik bygger du inn et eldre HubSpot-skjema på WordPress-sidene og -innleggene dine ved hjelp av Gutenberg-redigeringsprogrammet: 

• Gå til siden eller innlegget i WordPress-kontoen din. 
• Klikk på plussikonet i verktøylinjen. Søk etter HubSpot-skjemablokken, og klikk på den for å legge den til i innholdet. 
   
  

• I blokken kan du velge et eksisterende skjema eller opprette et nytt skjema:
  • Hvis du vil velge et eksisterende skjema, klikker du på rullegardinmenyen Velg et eksisterende skjema og velger et skjema.
  • Hvis du vil opprette et nytt skjema, går du til HubSpot > Skjemaer i menyen til venstre i sidepanelet og klikker på Opprett skjema. 
    
    

• Når du har publisert siden, kan du vise innsendinger til skjemaet i WordPress:
  • Fra WordPress-kontoen din, i menyen til venstre i sidepanelet, går du til HubSpot > Skjemaer.
  • Hold musepekeren over et skjema. Deretter klikker du på rullegardinmenyen Handlinger og velger Vis innsendinger. Finn ut mer om å analysere innsendinger av skjemaer.