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

Når du har installert plugin-modulen HubSpot - CRM, Email Marketing, Live Chat, Forms & Analytics, kan du legge til HubSpot-skjemaer på WordPress-sider og -innlegg.

I WordPress kan du legge til HubSpot-skjemaer enten i Classic Editor eller Gutenberg Editor.

Før du setter i gang

Før du setter i gang, bør du være oppmerksom på følgende:

• Hvis du legger inn et skjema på WordPress-nettstedet ditt, kan det hende du må 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 ser på live-siden, kan det hende du må sette inn skjemaet ved hjelp av en plugin for å sikre at innbyggingskoden forblir intakt.
• Hvis du bruker en annen skjemaplugin, som Contact Form 7 eller Ninja Forms, kan du samle inn innsendinger i HubSpot. Se tabellen over skjemaer som støttes, og finn ut hvordan du bruker skjemaer som ikke er fra HubSpot.
• Hvis du bruker et støttet, ikke-HubSpot-skjema i WordPress, men ikke ser innsendingsdata i HubSpot, kan det være at du har installert en annen WordPress-plugin som er i konflikt med HubSpot-WordPress-pluginen. Deaktiver programtillegget, eller se gjennom ofte stilte spørsmål for flere feilsøkingstrinn.

Klassisk redigeringsprogram

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

• Fra WordPress-kontoen din navigerer du til HubSpot > Skjemaer i menyen på venstre sidefelt.
• Hold musepekeren over skjemaet du vil legge til på nettstedet, og klikk på Kopier kortkode. Du kan også opprette et nytt HubSpot-skjema ved å klikke på Opprett skjema.
• Naviger til en WordPress-side eller et WordPress-innlegg, og lim inn kortkoden i sideredigeringsprogrammet.
  
• Når du har publisert siden, kan du se innsendinger til skjemaet i WordPress:
  • Fra WordPress-kontoen din navigerer du til HubSpot > Skjemaer i menyen til venstre.
  • Hold musepekeren over et skjema. Klikk deretter på rullegardinmenyen Handlinger og velg Vis innsendinger. Finn ut mer om hvordan du analyserer skjemabesvarelser.

Gutenberg-redigeringsprogram

Hvis du bruker den nyeste versjonen av Gutenberg, som fjerner inline JavaScript, kan du i stedet bruke plugin-modulen Inline JS Block for Gutenberg til å bygge inn skjemaer og CTA-er på siden din.

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

• Gå til siden eller innlegget ditt 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:
  • 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 og klikker på Opprett skjema.
    
    

• Når du har publisert siden, kan du se innsendinger til skjemaet i WordPress:
  • Fra WordPress-kontoen din navigerer du til HubSpot > Skjemaer i menyen til venstre.
  • Hold musepekeren over et skjema. Klikk deretter på rullegardinmenyen Handlinger og velg Vis innsendinger. Finn ut mer om hvordan du analyserer skjemabesvarelser.