Legg til HubSpot-skjemaer på WordPress-sider og -innlegg
Sist oppdatert: juli 31, 2023
Gjelder for:
|
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.