Installere det innebygde skjemaet ved hjelp av WordPress
Vi antar at du har konfigurert utseendet og følelsen til rapporten din og konfigurert innbyggingsskjema i henhold til vår andre veiledning “Hvordan veiledning for å installere innbyggingsskjemaet”.
Det er på tide å legge til skjemaet på WordPress-siden din nå. Selvfølgelig trenger du en WordPress-side oppe og kjører.
Vi brukte WordPress-installasjon v. 5.2.1 med den nye Gutenberg WordPress-editoren i denne håndboken. Koden har blitt innebygd i standard Twenty Nineteen-tema, den skal fungere med de andre temaene også.
Vennligst følg de neste trinnene for å vise Ahrefs innebygd skjema i innholdet på en enkelt side eller et innlegg:
1. Logg på Ahrefs-kontoen din og gå til siden for innebyggingsinnstillinger.
2. Klikk “Lagre innstillinger og generer innebygd kode”-knappen under forhåndsvisningen av skjemaet.
3. Kopier deretter koden manuelt eller ved å klikke på “Kopier til utklippstavle”-knappen
4. Logg inn på din WordPress-side
5. Opprett en side eller rediger en eksisterende
6. Siden Ahrefs gir HTML-kode for innbyggingsskjemaet, må du opprette en ny “Egendefinert HTML”-seksjon for å kunne bygge inn denne koden på siden riktig. Skjemaets kode vil ikke fungere ordentlig i andre blokktyper, så sørg for å bruke denne typen vi har anbefalt.
For å gjøre det, hold enten et mellomrom under den siste innholdsblokken på siden din for å se 3 knapper og klikk på HTML-knappen som vist på neste skjermbilde:
eller klikk på sirkelen med pluss i øverste venstre hjørne for å se en rullegardinmeny og velg “Egendefinert HTML” som vist på skjermbildet for dette alternativet:
7. Lim inn koden du har kopiert fra Embed Form i Ahrefs
8. Klikk “Forhåndsvisning” øverst til høyre på skjermen for å se hvordan siden ser ut med skjemaet
9. Hvis alt er i orden, gå tilbake til sideredigering og klikk “Oppdater”-knappen for å lagre endringene. Nå inneholder WordPress-siden et fungerende Ahrefs Embedded Form!
10. Det siste men ikke minst trinnet ville være å prøve skjemafunksjonaliteten på nettstedet ditt. Fyll ut feltene og klikk på “Sjekk”-knappen for å se om skjemaet fungerer som forventet i henhold til innstillingene du har oppgitt på siden for innebyggingsinnstillinger.
Legge til Embedded Form-kode i en widget på et WordPress-nettsted
Noen ganger er det nødvendig å vise skjemaet på alle sidene på nettstedet i stedet for å inkludere det på en enkelt side som vi gjorde før. Widgets er den raskeste og enkleste løsningen på dette problemet. Hvis det aktive WordPress-temaet på nettstedet ditt støtter widgets, kan du bruke en widget enten i sidefeltet eller bunnteksten for å bygge inn skjemaet.
De fleste moderne WordPress-temaer har muligheten til å jobbe med widgets, men i tilfelle det aktive temaet ditt ikke støtter widgets, må du endre temaets back-end-filer for å legge til denne funksjonen i WordPress-installasjonen (krever PHP-koding kunnskap), eller ansett en spesialist for å fullføre denne oppgaven for deg.
1. Logg på WordPress-installasjonen og naviger til siden Utseende/widgets
2. Fra ‘Tilgjengelige widgets’-delen drar du “Custom HTML”-widgetboksen og slipp den inn i et aktivt widgetområde
3. Fyll inn tittelen på widgeten og lim inn skjemakoden i tekstområdet “Innhold”, og klikk deretter på “Lagre”-knappen.
4. Åpne nå nettstedet ditt og sjekk om det innebygde skjemaet vises i widgeten på sidene.
5. Som tidligere, send inn en testforespørsel via skjemaet du nettopp har installert for å bekrefte at det er riktig oppførsel.
Potensielle problemer og konflikter
Hvis Ahrefs Embedded Form fortsatt ikke fungerer som det skal på nettstedet ditt, er det noen potensielle skyldige:
Tredjeparts WordPress-plugins – Noen plugins, spesielt analytics eller klikksporing plugins, legger til sporingsparametere til alle nettadresser på et nettsted, og kan forstyrre skjemalogikken. Vi anbefaler å slå plugins på nettstedet ditt én etter én for å finne en motstridende plugin.
Javascript-kompatibilitet – Innebyggingskoden vår inkluderer Javascript som utfører noen av skjemahandlingene. Det er mulig at annen Javascript-kode på nettstedet kan forstyrre dette, eller forhindre at det kjører. Du kan forsøke å diagnostisere et Javascript-problem ved å se på Chromes “konsoll”-område for utviklerpanel og se etter røde Javascript-feil.
Hvis du fortsatt ikke har flaks med å få skjemaet til å fungere, kan du gjerne kontakte oss ved å klikke på Livechat-ikonet som er tilgjengelig nederst til høyre på hver Ahrefs-side, eller på e-post til support (at) seoptimer.com.
Lykke til!
