Gratis Elementor Flip Box Widget med Hover Flip Animationer
Flipbox er en gratis Master Addons flip box widget til Elementor. Forsiden viser et ikon eller billede med en titel og kort tekst, og ved hover vender kortet til en bagside med flere detaljer og en handlingsknap. Det gratis plugin indeholder Standard- og Front Icon-designerne og 6 animationer: Flip Horizontal, Flip Vertical, Fade, Flip Box, Flip Box Fade og Fade Up. Master Addons Pro tilføjer Front Image og Diagonal designs og 16 flere animationer, herunder Cube, Rollover og 3D Flip, for 22 i alt. Gratis Elementor har ingen flip boks widget, så dette fungerer uden Elementor Pro.
Designvariationer og flipanimationer
Designvariation indstiller frontlayoutet: Standard og Front Icon er gratis, Front Image og Diagonal har brug for Pro. Animation Style indstiller, hvordan kortet vender. Gratis: Flip Horizontal, Flip Vertical, Fade, Flip Box, Flip Box Fade og Fade Up. Pro tilføjer fire Cube retninger, Fade Hideback, Fade Up Hideback, fire dias retninger, to Diagonal dias, Fade In Out, Nananana, Rollover og 3D Flip, som har sin egen retning indstilling.
- 22 animationer i alt: 6 gratis og 16 med Pro.
- Flip kører på hover på skrivebordet og på tryk på berøringsskærme.
- Brug én animation pr. sektion, så en række kort føles konsistent.
Dual-Side Content Builder
The Front Box og Back Box hver har deres eget ikon med Standard, Stablet eller Indrammet visning og Cirkel eller Firkantet form, en Titel, en Beskrivelse, Justering og en overskrift tag. Hold forsiden kort, som en tjeneste navn, og bruge bagsiden til forklaringen. I fanen Stil hvert ansigt får sin egen baggrund, titel og beskrivelse farver, typografi, ikon farver og kant.
- Separat indhold og styling til hvert ansigt.
- Titel HTML Tag på begge sider, så et gitter af kort holder en ren overskriftsrækkefølge.
- A Flip Box Højde indstilling i Generelt holder begge ansigter i samme størrelse.
CTA-knap med svæve
The Action Button viser på bagsiden med din Knap Tekst og link. Style det til Normal og Hover med tekst farve, baggrund, kant, kant radius og polstring, plus typografi. Knappen er det eneste link inde i widget. For at gøre hele kortet klikbar, tilføje den gratis Wrapper Link udvidelse til widgetten.
- Brug en bestemt etiket som “Se priser”, når det er der, linket går.
- Spring knappen over på rent informationskort.
- Hvis du bruger Wrapper Link, skal du pege på knappen til den samme side.
Elementor Pro Flip Box vs Master Addons Flipbox
Elementor Pro har sin egen Flip Box widget. Hvis du allerede betaler for det, har du muligvis ikke brug for en anden. Her er hvordan de to sammenligner.
| Feature | Elementor Pro Flip Box | Master Addons Flipbox |
|---|---|---|
| Price | Behov Elementor Pro | Gratis, med flere designs og animationer i Pro |
| Flip effekter | Flip, Slide, Push, Zoom ind, Zoom ud og Fade, med retning og 3D Dybde | 6 gratis animationer, 22 med Pro, herunder Cube, Rollover og 3D Flip |
| Frontgrafik | Ingen, billede eller ikon | Ikon eller et billede med Pro Front Image-designet |
| Hele kortlink | Anvend Link On: Kun hele boksen eller knappen | Kun knap, eller hele kortet med den gratis Wrapper Link udvidelse |
| Button | Ja | Ja, med Normal og Hover styling |
Elementor Pro er enklere, hvis du vil have et link til hele kassen indbygget. Master Addons passer til gratis Elementor-websteder og giver flere animationsvalg med Pro. For et statisk kort uden noget skjult, skal du bruge det gratis Infoboks widget.
Flip Box Ideer og Tips
En flipboks holder et gitter rent, mens det stadig bærer detaljer, fordi beskrivelsen sidder bag kortet i stedet for under det. Det fungerer godt til servicegitter, holdkort med et foto på forsiden og en bio på bagsiden, feature fliser og stat kort, der vender til, hvad et tal betyder.
- Indstil Flip Box Højde. Uden den ændrer en længere bagside størrelsen på kortet, når det drejer, og rækken hopper.
- Få ansigterne til at se anderledes ud. En farvetone på forsiden og din brandfarve på bagsiden gør flip indlysende.
- Plan for telefoner. Touchskærme har ingen svæve, så kortet vender på tryk, og knappen har brug for et andet tryk. Test på en rigtig telefon.
- Opbevar væsentlige detaljer på forsiden. Priser, telefonnumre og bookinglinks bør ikke kun leve på bagsiden.
- Begræns bevægelsen. En eller to flip boks rækker pr. side læser bedre end seks forskellige animationer.
Sådan tilføjes en flipboks i Elementor
Du skal bruge Elementor og det gratis Master Addons plugin fra WordPress.org.
- Kontrollér, at Flipbox er tændt under Master Addons, Widgets.
- I Elementor-editoren skal du søge efter Flipbox og træk den ind i en container.
- Vælg en designvariation og en animationsstil, og hold derefter kortet nede for at få vist det.
- Udfyld Front Box og Back Box: ikon, titel, beskrivelse og overskriftsmærke.
- Tilføj teksten Handlingsknap og link.
- I Stil, Generelt, sæt Flip Box Højde så kortet ændrer ikke størrelsen midt på vendingen, og styler derefter hvert ansigt.
For 3D-effekter, læs Sådan oprettes 3D Elementor Flipbox Animationer. Hver indstilling er i Flipbox-widgetindstillinger.
Ofte stillede spørgsmål til Flipbox
Hvordan fungerer flipboksen på telefoner?
Touchskærme har ingen svæve, så kortet vender, når der trykkes på. Bagsideknappen har brug for sit eget tryk efter flip. Hold must-see oplysninger på forsiden og test på en rigtig enhed.
Kan jeg bruge et billede i stedet for et ikon på forsiden?
Ja, med designvariationen Front Image, som er en Master Addons Pro-indstilling. Brug i den gratis version et ikon på forsiden eller indstil et baggrundsbillede til ansigtet i fanen Stil.
Er Flipbox-widgetten gratis?
Ja. Flipbox er i det gratis Master Addons plugin med Standard og Front Icon designs og 6 animationer. Master Addons Pro tilføjer 2 flere designs og 16 flere animationer.
Har Elementor en flip box widget?
Kun Elementor Pro har en. Gratis Elementor har ikke, så på gratis Elementor du har brug for en addon som denne Flipbox widget.
Kan jeg linke hele flipboxen til en side uden den separate knap?
Widgetten linker kun knappen. For at gøre hele kortet klikbart, skal du tænde for det gratis Wrapper Link udvidelse og tilføj linket til Flipbox-widgetten.
Hvor mange flip animationer er der?
22 i alt. Flip Horizontal, Flip Vertical, Fade, Flip Box, Flip Box Fade og Fade Up er gratis. De andre 16, herunder Cube, Rollover og 3D Flip, har brug for Master Addons Pro.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
