Behöver ta reda på hur man öppnar en popup Elementor i Gutenberg?

I onlinecommunities finns det alltid en sak som kan diskuteras: popup-fönster. Vissa människor undrar om de ska använda popup-fönster eller inte. Men enligt vår åsikt är popup-fönster okej om popup-fönsterna du skapade är enkla, attraktiva och inte irriterande för dina användare.

Låt oss säga att du redan har skapat popup-fönster med Elementor och vill öppna dem i WordPress Gutenberg-redigeraren; eftersom du vill distribuera popup-fönster på dina blogginlägg eller sidor. Om du undrar, är det möjligt att göra detta? Tja, svaret är ja, det är möjligt.

Den här artikeln visar hur du öppnar popup-fönster Elementor i Gutenberg.

Hur man öppnar Elementor Popup i WordPress Gutenberg Editor

Steg 1: Förbered popup-fönstret

Navigera till popup-mallen du skapade. Om du är ny på Elementor och vill lära dig hur du skapar popup-fönster kan du kolla in följande handledning: genom att klicka på denna lien.

Okej, när popup-fönstret är klart klickar du på kugghjulsikonen ( ️ ) i det nedre vänstra hörnet av objektinställningspanelen för att öppna popup-panelen. I popup-inställningspanelen, navigera till fliken advanced och lägg till en väljare på fältet Öppna med väljaren . 

Se till att lägga till punktsymbolen som ett prefix (t.ex. .popup12345).

öppna en Elementor-popup i Gutenberg

När du har lagt till den angivna väljaren, glöm inte att uppdatera eller publicera din popup-mall.

Anm: På fliken Visningsförhållanden av din popup, tack konfigurera den för att visa din popup på Hela webbplatsen; Detta ger dig tillgång till din popup på det hela taget webbplats. Du behöver inte heller definiera en trigger, eftersom du kommer att visa popup-fönstret med väljaren du just definierade.

öppna en Elementor-popup i Gutenberg

Steg 2: Öppna popup-fönstret i Gutenberg

Nu är det dags att öppna popup-fönstret i WordPress Gutenberg-redigeraren.

Gå till WordPresss Gutenberg-redigerare; du kan skapa en ny innehåll (sida/publikation) eller välj en innehåll existerande. Välj sedan vilket block du vill använda som utlösare för att popup-fönstret ska visas.

I den här handledningen kommer vi att använda ett knappblock.

öppna en Elementor-popup i Gutenberg

När du har bestämt dig för vilket block du vill använda som en utlösare för att visa popupen, gå till Inställningar Blockera – > Avancerad. Lägg sedan till din Angivna CSS-klasser i Ytterligare CSS-klass(er) mästare.

öppna en Elementor-popup i Gutenberg

Bra. Det är allt. För att se hur det fungerade, publicera ditt projekt och öppna det i ett nytt fönster.

öppna en Elementor-popup i Gutenberg

Skaffa Elementor Pro nu!!!

Slutsats

Den här artikeln visar hur enkelt du kan öppna en Elementor-popup i WordPress Gutenberg-redigerare. Vi hoppas att den här artikeln kommer att vara användbar för dig. Sist men inte minst, kom ihåg att framgången för din popup beror på att dina användare konverterar med en innehåll relevant och en övertygande uppmaning till handling.

Om du har några funderingar kring hur du ska ta dig dit, låt oss veta inom commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.