Hoe een ankerlink aan sectie in Elementor toe te voegen?

Rifat E Oct 5, 2022

Bent u op zoek naar de meest eenvoudige methode om ankerlinks op uw bestemmingspagina's op te nemen? U bent inderdaad zeer dicht bij een werkbaar antwoord.

Het gebruik van een paginabuilder met slepen en neerzetten zoals Elementor maakt het maken van webpagina's slimmer en flexibeler. Hierdoor is Elementor veel nuttiger dan elke vergelijkbare WordPress-plug-in als het gaat om het maken van ankertags.

Om u in staat te stellen naar een bepaalde regio van uw pagina te scrollen nadat u op een knop of link hebt geklikt, laten we in dit artikel zien hoe u ankerlinks in Elementor instelt . Uw webpagina's worden hierdoor conversie- en gebruiksvriendelijker. Ga verder met lezen.

Waarom een ​​ankerlink op uw webpagina's gebruiken?

Waarom heeft een schip een anker nodig? Het helpt het schip te drijven op een bepaald waterlichaam. Zorg ervoor dat het niet wordt weggegooid. Als gevolg hiervan is het vrij om elke boog te maken binnen de grenzen van de beugel rond het anker.

Maak geweldige websites

Met de beste gratis paginabuilder Elementor

Begin nu

De ankerlinks ervaren hetzelfde probleem. Bezoekers worden naar een bepaald gedeelte van uw bestemmingspagina geleid wanneer ze op uw ankertag klikken. noch naar een andere pagina of sectie.

Koppelingen met ankers zijn vereist. Uw bezoeker kan snel naar een bepaald gedeelte van uw website navigeren door op een ankertag te klikken. Het heeft ook de potentie om bezoekers te motiveren om de gewenste actie te ondernemen. Bovendien helpt het hen synchroon te blijven.

Anker toevoegen in Elementor

Hopelijk heb je Elementor al op je website geïnstalleerd. Laten we dus verder gaan met het proces.

Selecteer de pagina in editor

Log in op uw WordPress-website. Ga naar de pagina waar u de ankerlinks wilt plaatsen. Ga naar "Bewerken met Elementor" in de bovenste menubalk. De Elementor-editor is beschikbaar om uw website aan te passen.

Zoek naar het menuanker

U wordt naar de bovengenoemde pagina geleid nadat u besluit uw pagina met Elementor te bewerken. De editor is die van Elementor. Voer alleen "anker" in de zijbalk aan de linkerkant in. De Menu Anchor Widget kan als resultaat worden gevonden. U kunt het gebruiken om de gewenste ankerverbinding te maken.

Ankerlink toevoegen

Om ankertags toe te voegen aan bepaalde segmenten van uw pagina, sleept u eenvoudig het menuanker daarheen.

U kunt bijvoorbeeld een anker in uw prijssectie plaatsen. Dit is wat je zou moeten doen.

Ga naar het prijsgebied van uw pagina in de editor door naar beneden te scrollen. Zet de Menu Anchor-widget boven de prijs door hem daarheen te slepen.

U moet de naam van de sectie invoeren in het inhoudsgebied van de widget nadat u de widget boven de door u gekozen sectie hebt gesleept.

Vandaar. Aangezien u liever heeft dat uw bezoekers op de prijzen klikken, gebruikt u "Prijzen" in het ID-veld.

Welke tekst of welk element moet je kiezen om nu te linken? Je wilt het. Gebruik een ankertekst, tabblad of zelfs een item uit uw WordPress-menu om de bezoekers om te leiden.

Om het u gemakkelijker te maken het te begrijpen, hebben we in dit geval de "aan de slag"-knop gekozen.

Om naar uw pagina te gaan, scrolt u omhoog. Selecteer "Aan de slag" in het menu. De knoplink wordt weergegeven in de ingevulde link. Verwijder de knoplink en vervang deze door uw ankerlink, die een hashtag zoals "#prices" moet bevatten (aangezien uw anker het prijsgedeelte is). Klik nu op " Opslaan ".

Bezoek uw landingspagina daardoor nog een keer. Selecteer de knop Anker. Meteen kom je bij de prijsstelling.

Anker toevoegen in Elemntor met Menu

In vergelijking met de vorige methode is het nog eenvoudiger. Maak eerst het anker voordat u het aan een WordPress-menu toevoegt.

Misschien wilt u bijvoorbeeld een anker toevoegen aan uw FAQ-sectie. Laten we dus naar uw pagina met veelgestelde vragen gaan. Sleep de widget "Menu Anker" eroverheen.

Het ID-veld moet de term 'faq' bevatten. en bewaar het.

het WordPress-menu verschijnt dan. Selecteer de gepersonaliseerde link.

Zet "#faq" in het URL-veld en " FAQ " in het veld voor de naam van de linktekst. Selecteer vervolgens " Toevoegen aan menu ". Selecteer ten slotte " Menu Opslaan ".

Ga nu terug naar uw bestemmingspagina. Gebruik het menu om de FAQ te selecteren. U wordt meteen doorverwezen naar uw FAQ-sectie.

Gedachten beëindigen

Daarom, als je Elementor hebt, is dat alles wat je nodig hebt om een ​​ankerverbinding tot stand te brengen. Houd dus rekening met een aantal belangrijke adviezen. Simpel gezegd, ankerlinks kunnen niet willekeurig worden toegevoegd. Het is een uitstekend hulpmiddel om de betrokkenheid van gebruikers bij uw webpagina's te vergroten. Daarom moet u bepalen welke secties voor u het meest cruciaal zijn. Kies daarna de ideale ankertekst die bij uw anker past. Daarom hebben CodeWatchers tal van Elementor-tutorials , ga ze bekijken en deel ze met je vrienden.

Divi WordPress Theme