Pop-up per posttag maken en weergeven in WordPress

Wil je één pop-up per berichttag maken en weergeven in WordPress? Blijf dit artikel dus lezen.

We weten zeker dat u al bekend bent met het kleine venster dat verschijnt wanneer u op een website bladert. Nou, het heet een pop-up of pop-up. Pop-ups kunnen in verschillende formaten en posities op het scherm op een website verschijnen.

In WordPress zijn er veel plug-ins voor het maken van pop-ups, zoals Elementor Pro, JetPopup, Brizy Pro en meer.

Het belangrijkste om te onthouden is dat pop-ups niet vervelend mogen zijn voor bezoekers van uw website. Maak daarom een zo eenvoudig en aantrekkelijk mogelijke pop-up.

inhoud

Sommige WordPress-plug-ins om pop-ups te maken

Elementor Pro

Elementor Pro is een Elementor-extensie met honderden premiumfuncties. Het biedt u krachtige professionele tools die uw workflow en ontwerp versnellen. Elementor Pro geeft u volledige controle over de lay-out en het ontwerp van uw website. In dit geval kunt u het ontwerp van uw pop-up vrij aanpassen.

Gebruiken Elementor Pro het maken van een pop-up per post-tag is heel eenvoudig en gemakkelijk te gebruiken. U kunt de weergavevoorwaarden van uw pop-up eenvoudig op een zeer nauwkeurige manier definiëren.

JetPopup van Crocoblock is een extensie voor Elementor. Je kunt het kopen als een zelfstandige plug-in of in een bundel met andere Crocoblock-plug-ins. Het voordeel van het gebruik van JetPopup om een pop-upvenster te maken, is dat het wordt geleverd met veel coole functies.

U kunt spelen met de triggers van het pop-upvenster.
U kunt animaties maken voor het pop-upvenster.
Er is een groot aantal pop-upsjablonen beschikbaar.

Lees ook: 22 beste premium-add-ons voor Elementor

Brizy Pro

De pop-upbouwer van Brizy Pro biedt u twee mogelijkheden. De eerste is de door klikken geactiveerde pop-up en de tweede is de automatische triggers en voorwaarden.

Openen bij klikken: uw pop-up kan eenvoudig worden geactiveerd door op de elementen van uw pagina te klikken.
Automatische triggers en voorwaarden: u kunt bezoekersacties configureren die bepalen wanneer pop-ups worden weergegeven.

Zoals eerder vermeld, heb je verschillende opties voor het maken van een pop-up in WordPress. In deze zelfstudie laten we u zien hoe u een pop-up per berichttag kunt maken en weergeven met behulp van de versie Elementor ProZorg er dus voor dat je er al een hebt.

Het eerste dat u moet doen, is een nieuw pop-upsjabloon maken. Ga naar om een nieuw pop-upsjabloon te maken Sjablonen > Pop-ups op uw WordPress-dashboard en klik op de knop Nieuw toevoegen.

Voeg vervolgens de naam van uw pop-up toe en klik op de knop MAAK EEN MODEL.

U wordt naar de sjabloonbibliotheek geleid, u kunt een sjabloon uit het bibliotheekvenster kiezen of uw eigen pop-upsjabloon ontwerpen. Klik op de knop om een sjabloon uit de bibliotheek te gebruiken invoegen.

Maar in deze zelfstudie gaan we de pop-upsjabloon helemaal opnieuw maken. Klik op het pictogram X om de sjabloonbibliotheek te sluiten.

We moeten enkele aanpassingen maken in de pop-upinstellingen voordat we beginnen met het maken van een pop-upsjabloon. U kunt de beste instellingen voor uw site vinden. In deze zelfstudie laten we u de pop-upinstellingen van uw keuze zien.

Klik op het tandwielpictogram in de linkerbenedenhoek. Wijzig in de pop-upinstellingen het Breedte in 90% van de breedte van het zicht (VW) Et de Positie en Midden-bodem.

Ontwerp vervolgens uw pop-upsjabloon. Voeg een nieuwe sectie toe en selecteer de structuur met 5 kolommen. Stel in de sectie-instellingen de Breedte op 950. Je kunt spelen met je instellingen.

U kunt bijvoorbeeld naar het tabblad gaan Style ga naar het tabblad om de achtergrond in te stellen vergevorderd om de marge aan te passen, en nog veel meer.

Nu terug naar uw kolommen. Stel in de linkerkolom de breedte in op 33% en voor de andere vier op 16%.

In de linkerkolom voegen we een Titel-widget toe met wat tekst. U kunt tekst toevoegen die uw websitebezoekers uitnodigt om andere inhoud te bekijken die relevant is voor de huidige inhoud, of elke andere tekst van uw keuze.

Aan de rechterkant voegen we een afbeeldingswidget toe. U kunt afbeeldingen van miniaturen/uitgelichte afbeeldingen van berichten toevoegen of ze handmatig uploaden.

Nu is de structuur klaar. Ga terug naar Pop-upinstellingen om begin-, eind- en marge-animaties aan te passen. In deze zelfstudie stellen we de invoer in op Vervagen en de uitgang aan Vervagen. Ga dan naar het tabblad vergevorderd en stel de marge in op 30 (algemene waarde voor links).

Nu het ontwerp klaar is, klikt u op de knop pUBLICEREN om weergavevoorwaarden en triggers in te stellen. Klik op de knop om de weergaveconditie te definiëren VOEG EEN VOORWAARDE TOE en selecteer uw optie in de vervolgkeuzelijst.

Aangezien u de Popup by post tag wilt weergeven, kunt u de volgende weergavevoorwaarden instellen (zie animatie).

Klik volgende. Op het tabblad triggers, stel de trigger in op Op scrollen de schakelaar omdraaien ja. definieer de Aanwijzingen op Bas en Breedte meer dan 95%. Omdat we willen dat de pop-up verschijnt wanneer bezoekers het einde van ons artikel bereiken.

In deze zelfstudie gaan we niet definiëren Geavanceerde regels. Dus klik door OPSLAAN EN SLUITEN. Nou, nu zijn we klaar.

Laten we eens kijken hoe het eruit ziet.

Hier heb je net je pop-up voltooid. Zie ook onze gerelateerde artikelen:

Elementor pro downloaden

Deel dit artikel :

Michos Gartner

Mikhos Gartner is een expert op het gebied van digitale tools die SAAS-tools voor kleine bedrijven aanschaft, test en beoordeelt. Op basis van jarenlange ervaring op technologisch gebied geeft hij inzichtelijke recensies. De inhoud ervan wordt op grote schaal geconsumeerd en bedient elke maand miljoenen gebruikers.