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.