Flip Box-widgeten hjälper dig att skapa animerade rutor som vänds åt andra sidan när användarna vidtar åtgärder. Du kan skapa Elementor flip-box genom att klicka och hålla muspekaren på båda. Du kan anpassa båda sidor av flipboxen med denna widget.

Hur man lägger till flipboxen på WordPress-webbplatsen med ElementsKit #

Följ stegen som beskrivs nedan för att enkelt lägga till en flipbox på din WordPress-webbplats med hjälp av ElementsKit och Elementor:

Steg 1: Aktivera flipbox-widgeten #

Navigera till ElementsKit ⇒ widgets ⇒ flip box widget, slå på widgeten, och klicka på Spara ändringar.

Steg 2: Dra och släpp widgeten  #

Redigera sidan med alternativet Redigera med Elementor. Sedan Sök för flipbox-widgeten med Ekit-ikonen och helt enkelt dra och släpp widgeten på sidan.

Steg 3. Anpassa inställningarna  #

Expandera menyn Flip box för att ändra följande inställningar:

• Flip: Du får fyra alternativ för vändning: Vänd in, Zooma in, Skjut in och 3D.
• Vändningsriktning: Flera alternativ finns tillgängliga för vändriktning. Alternativet kommer dock att visas baserat på värdet du väljer för alternativet Vänd.
• Flip Trigger: Här kan du välja det alternativ som ska utlösa vändningen. Tre alternativ är tillgängliga: Hover, Box Click och Button Click.
• Flip Box Höjd: Du kan justera flipboxens höjd med det här alternativet.

Under Flip box höjd hittar du två flikar FRAM och BAK. Välj något av alternativen för att anpassa elementen i flipboxen för varje sida. Du kommer att hitta samma alternativ för båda sidor. 

Alternativen du kan anpassa för varje baksida inkluderar: 

• Mediatyp: Du kan välja en ikon eller bild. Du kan också välja alternativet ingen om du inte vill lägga till några mediefiler.
• Ikon/ Välj fil: Beroende på vilket alternativ du väljer för Medietyp kan du välja ikonen/bilden här. 
• Titel: Ange en titel.
• Texta: Du kan lägga till en undertext här.
• Vändbeskrivning: Skriv en relevant beskrivning med detta alternativ.
• Inriktning: Du kan ställa in justeringen till vänster, mitten eller höger.

När du är klar med att förbereda innehåll för båda sidor av din flipbox är det dags att ändra stilen. 

Steg 4: Stylisera din flipbox #

Flytta nu till fliken Stil och expandera var och en av sektionerna för att ändra relaterade stilalternativ:

Omslag: Under omslaget kan du anpassa Bakgrundstyp, Färg, Plats, Andra färg, Plats, Typ, Vinkel och så vidare. Du kan anpassa alternativen för både fram- och baksidan av flipboxen.

Ikon: Om du utökar det här alternativet kan du ändra färg, bakgrundstyp, boxskugga, ramtyp och så vidare för både normalvyn och svävningsvyn. Du kan anpassa ikonstilen för både fram- och baksidan av flipboxen.

Titel: Här kan du anpassa typografin, titelfärgen och marginalen för titeln för båda sidor av flipboxen.

Texta: Expandera det här alternativet för att anpassa typografi, titelfärg och marginal på undertexten för båda sidor av vändrutan.

Beskrivning: Här kan du anpassa typografi, beskrivningsfärg och marginal för beskrivningen för båda sidor av flipboxen.

Knapp: Expandera knappsektionen för att anpassa textfärg, bakgrundsfärg, kanttyp, kantradie, kantruta och många fler alternativ. Du kan stila knappen för både normala och svävande vyer.

Klicka slutligen på publicera/uppdatera för att spara ändringarna och förhandsgranska din Elementor flipbox: