K. Andersson
Vi antar att du har ställt in utseendet och känslan för dina White Label-rapporter och konfigurerat ett inbäddningsformulär enligt vår andra guide “Hur man vägleder för att installera inbäddningsformuläret”.
I den här artikeln kommer vi att förklara och visa hur du bäddar in det här formuläret på din webbplats som körs på WordPress, men med WPBakery Page Builder-plugin för att bygga sidlayouter.
Observera att dessa steg testades med WordPress v. 5.2.1 och WPBakery Page Builder-plugin v. 6.0.
Installera The Embedded Form med WordPress med WPBakery
Följ nästa steg för att bädda in formuläret i innehållet på en enskild sida eller ett inlägg:
1. Logga in på ditt Ahrefs-konto och gå till sidan Inbäddningsinställningar.
2. Klicka på knappen “Spara inställningar och generera inbäddningskod” under förhandsgranskningen av formuläret.
3. Kopiera sedan koden manuellt eller genom att klicka på knappen “Kopiera till Urklipp”.
4. Logga in på din WordPress-webbplats.
5. Skapa en sida eller redigera en befintlig och klicka på knappen “WPBakery Page Builder” högst upp på sidan.
6. Byt sedan till ‘Backend Editor’ genom att klicka på den här knappen i sidredigeraren.
7. Klicka på plusknappen (+) för att lägga till en ny innehållssektion. Oroa dig inte för ordningen på avsnitten, du kan ändra den senare.
8. I popupfönstret “Lägg till element” navigerar du till fliken “Struktur” och klickar på knappen “Raw HTML”.
9. Popupfönstret för Raw HTML-inställningar visas. Klistra in din Ahrefs-inbäddningskod som du har kopierat tidigare i “Raw HTML” och klicka på knappen “Spara ändringar”.
10. Du kan använda dragknappen för att ändra ordningen på innehållssektionerna på sidan. Dra och släpp helt enkelt hela avsnittet till den plats där du behöver det.
11. Klicka på “Förhandsgranska” i det övre högra hörnet på skärmen för att se hur sidan ser ut med formuläret. Om layouten ser bra ut, navigera tillbaka till sidredigeraren och klicka på knappen “Uppdatera” för att spara ändringarna. Nu innehåller din WordPress-webbplats en fungerande Ahrefs Embedded Form!
12. Det sista men inte minst steget är att testa formulärfunktionaliteten på din webbplats. Fyll i fälten och klicka på knappen “Kontrollera” för att verifiera att formuläret fungerar som förväntat enligt inställningarna du angav på sidan Inbäddningsinställningar.
Lägga till inbäddad formulärkod i en WordPress-widget
Det finns möjlighet att inkludera Ahrefs-formuläret i en widget på din webbplats för att visa formuläret på flera sidor, eller på hela webbplatsen istället för att visa det på en viss sida.
Du kanske vill dubbelkolla att ditt aktiva WordPress-tema faktiskt stöder widget såklart. De flesta moderna WordPress-teman inkluderar widgetsfunktionalitet, men om temat du använder inte har widgets kan du behöva en utvecklare för att redigera temats back-end-filer för att stödja widgets.
Om ditt tema fungerar med widgetarna, följ helt enkelt nästa steg för att lägga till en Ahrefs Embedded Form till en widget.
1. Logga in på din WordPress-installation och navigera till sidan Utseende/Widgets.
2. Från avsnittet “Tillgängliga widgetar” drar du widgetrutan “Anpassad HTML” och släpper den i ett aktivt widgetområde.
3. Fyll i rubrikfältet, klistra in formulärkoden i textfältet “Innehåll” och klicka sedan på knappen “Spara” för att tillämpa ändringarna.
4. Gå sedan till din webbplats och bekräfta att formuläret visas i widgeten på sidorna.
5. Som tidigare, skicka in en testförfrågan via formuläret du just har installerat för att bekräfta att det fungerar korrekt.
Potentiella problem och konflikter
Om Ahrefs-formuläret inte fungerar korrekt på din webbplats efter att du har utfört stegen ovan, försök att följa rekommendationerna nedan för att se om något av följande kända möjliga problem avbryter formulärets funktionalitet:
- Kontrollera installerade WordPress-plugins från tredje part – Vissa plugins lägger till spårningsparametrar till alla webbadresser på en webbplats eller stör på annat sätt befintlig formulärlogik. Vi rekommenderar att du aktiverar plugin-program på din webbplats en efter en för att hitta en motstridig plugin.
- Kontrollera javascript-kompatibilitet – Inbäddningskoden innehåller en del av Javascript-koden för att validera formulärdata. Det är möjligt att annan Javascript-kod kan störa den. Om du ser Javascript-fel i konsolen för utvecklarverktyg kan detta peka på en konflikt av något slag.
Om du fortsätter att ha problem med att få ditt inbäddade formulär att fungera – kontakta oss via Livechat-ikonen som finns längst ner till höger på alla Ahrefs-sidor, eller via e-post till support (at) seoptimer.com med en beskrivning av din problem.
