Legg til HubSpot-skjemaer på WordPress-sider og -innlegg

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

I WordPress kan du legge til HubSpot-skjemaer enten via klassisk redigeringsprogram eller Gutenberg-redigeringsprogram.

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 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 skjemaer og CTA-er på siden din i stedet.

Slik bygger du inn et 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.