GutenKits popup-byggare är en modul som låter användare skapa och anpassa olika typer av popup-fönster, såsom modala fönster, ljuslådor eller överlägg, för sina webbplatser.

Låt oss se hur modulen fungerar.

GutenKit Popup Builder #

Det är en Pro-modul. Glöm inte att hämta det från här.

• Tillgång till din WordPress-instrumentpanel
• Hitta GutenKit och gå till Moduler
• Hitta Popup Builder och slå PÅ den

Skapa ny popup #

Nu kan du se Popup Builder under moduler, du måste klicka på den och du kan skapa popup.

1. Klicka på plustecknet
2. Du kommer att se Popup Builder, klicka på den

Därefter, i popup-fältet, ser du igen ett plustecken och lägg till valfritt block.

Redigera innehållsdel #

• Öppet evenemang: Bestämmer när popup-fönstret visas. Alternativen här är -
  • On Page Load: Här kan du justera Öppen fördröjning (s) dags att ladda sidan.
  • Efter inaktivitet: Det låter dig justera Användarinaktivitetstid(er).
  • Sidrullad: Du måste ställa in Page Scroll Progress (%) här.
  • Avsikt att avsluta sidan: Det utlöser en popup när en användare är på väg att lämna sidan.
  • On Date: Här kan du justera Tid och datum.
  • Custom Selector Click: Den har en Väljarklass adding option, som anger ett element på sidan för att utlösa popup-fönstret.
• Entréanimation: Här kan du välja popup-fönstrets inmatningsstil. (t.ex. tona, zooma, rotera, rulla, etc.).
• Avsluta animering: Det låter dig välja popup-fönstrets lämnarstil (t.ex. tona, glida).
• Animationens varaktighet: Det låter dig styra hastigheten på ingångs- och utgångsanimationer.

• Stäng-knapp: Detta är en knapp för att manuellt stänga popup-fönstret.
• Stäng när du klickar utanför: Genom att aktivera knappen kan du tillåta användarna att stänga popup-fönstret genom att klicka utanför det.
• Täcka över: Detta är bakgrunden bakom popup-fönstret, som kan anpassas till utseendet.

• Stäng-knapp: Detta är en knapp för att manuellt stänga popup-fönstret.
• Stäng när du klickar utanför: Genom att aktivera knappen kan du tillåta användarna att stänga popup-fönstret genom att klicka utanför det.
• Täcka över: Detta är bakgrunden bakom popup-fönstret, som kan anpassas till utseendet.

Inställningsvillkor #

Skick: Den här delen låter dig specificera under vilka omständigheter popup-fönstret ska visas eller döljas.

• Omfatta –
  • Hela webbplatsen: Popup-fönstret kommer att visas på alla sidor på din webbplats.
  • Singularis: Popup-fönstret kommer endast att visas på specifika enskilda sidor.
  • Arkiv: Popup-fönstret kommer endast att visas på arkivsidor (t.ex. författararkiv, sökresultat, inläggskategorier, etc.).
• Utesluta –
  • Hela webbplatsen: Popup-fönstret kommer att döljas på alla sidor på din webbplats.
  • Singularis: Popup-fönstret kommer att döljas på specifika enskilda sidor.
  • Arkiv: Popup-fönstret kommer att döljas på arkivsidor.

Redigeringsstil #

Precis som alla andra GutenKit-block och -moduler kan du även styla popup-byggaren. Här är stylingalternativen – Bredd, höjd, position, färg, stoppning och så vidare.

Hur popup-fönstret visas #

Du kan anpassa popup-fönstret efter dina val. Se exemplet.

Produktion #

Så här fungerar Popup-byggaren.