Vi antar at du har konfigurert utseendet og følelsen til White Label-rapportene dine og konfigurert et innbyggingsskjema i henhold til vår andre veiledning “Hvordan veiledning for installering av innbyggingsskjema”.
I denne artikkelen vil vi forklare og vise deg hvordan du legger inn dette skjemaet på nettstedet ditt som kjører på WordPress, men bruker WPBakery Page Builder-plugin for å bygge sideoppsett.
Vær oppmerksom på at disse trinnene ble testet med WordPress v. 5.2.1 og WPBakery Page Builder-plugin v. 6.0.
Installere det innebygde skjemaet ved hjelp av WordPress med WPBakery
Følg de neste trinnene for å bygge inn skjemaet 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 og klikk på ‘WPBakery Page Builder’-knappen øverst på siden.
6. Bytt deretter til ‘Backend Editor’ ved å klikke på denne knappen i sideeditoren.
7. Klikk på pluss-knappen (+) for å legge til en ny innholdsdel. Ikke bekymre deg for rekkefølgen på delene, du kan endre den senere.
8. I ‘Legg til element’-popup-vinduet, naviger til ‘Struktur’-fanen og klikk på ‘Raw HTML’-knappen.
9. Raw HTML Settings popup-vinduet vises. Lim inn Ahrefs Embed-koden du har kopiert tidligere i ‘Raw HTML’ og klikk på ‘Lagre endringer’-knappen.
10. Du kan bruke dra-knappen for å omorganisere innholdsdelene på siden. Bare dra og slipp hele delen til stedet der du trenger den.
11. Klikk “Forhåndsvisning” øverst til høyre på skjermen for å se hvordan siden ser ut med skjemaet. Hvis oppsettet ser bra ut, naviger tilbake til sideredigering og klikk på “Oppdater”-knappen for å lagre endringene. Nå inneholder WordPress-siden et fungerende Ahrefs Embedded Form!
12. Det siste, men ikke minst, er å teste skjemafunksjonaliteten på nettstedet ditt. Fyll ut feltene og klikk på “Sjekk”-knappen for å bekrefte at skjemaet fungerer som forventet i henhold til innstillingene du skrev inn på siden for innebyggingsinnstillinger.
Legge til Embedded Form-kode i en WordPress-widget
Det er mulighet for å inkludere Ahrefs-skjemaet i en widget på nettstedet ditt for å vise skjemaet på flere sider, eller på hele nettstedet i stedet for å vise det på en bestemt side.
Det kan være lurt å dobbeltsjekke at ditt aktive WordPress-tema faktisk støtter widget selvfølgelig. De fleste av de moderne WordPress-temaene inkluderer widgets-funksjonalitet, men i tilfelle temaet du bruker ikke har widgets, kan det hende du trenger en utvikler for å redigere temaets back-end-filer for å støtte widgets.
Hvis temaet ditt fungerer med widgetene, følg ganske enkelt de neste trinnene for å legge til et Ahrefs Embedded Form til en widget.
1. Logg på WordPress-installasjonen og naviger til siden Utseende/widgets.
2. Fra ‘Tilgjengelige widgets’-delen drar du “Custom HTML”-widgetboksen og slipper den i et aktivt widgetområde.
3. Fyll ut tittelfeltet, lim inn skjemakoden i tekstfeltet “Innhold”, og klikk deretter “Lagre”-knappen for å bruke endringene.
4. Gå deretter til nettstedet ditt og bekreft at skjemaet vises i widgeten på sidene.
5. Som tidligere, send inn en testforespørsel via skjemaet du nettopp har installert for å bekrefte at den fungerer som den skal.
Potensielle problemer og konflikter
Hvis Ahrefs-skjemaet ikke fungerer som det skal på nettstedet ditt etter å ha utført trinnene ovenfor, prøv å følge anbefalingene nedenfor for å se om ett av følgende kjente mulige problemer forstyrrer skjemaets funksjonalitet:
- Sjekk installerte WordPress-plugins fra tredjeparter – Noen plugins legger til sporingsparametere til alle nettadresser på et nettsted, eller forstyrrer på annen måte eksisterende skjemalogikk. Vi anbefaler å slå plugins på nettstedet ditt én etter én for å finne en motstridende plugin.
- Sjekk javascript-kompatibilitet – Innebyggingskoden inneholder en del av Javascript-koden for å validere skjemadataene. Det er mulig at annen Javascript-kode kan forstyrre den. Hvis du ser Javascript-feil i utviklerverktøy-konsollen, kan dette peke på en konflikt av noe slag.
Hvis du fortsatt har problemer med å få det innebygde skjemaet til å fungere – vennligst kontakt oss via Livechat-ikonet som er tilgjengelig nederst til høyre på alle Ahrefs-sider, eller via e-post til support (at) seoptimer.com med en beskrivelse av din problem.
