Flipbox
Hvad hvis et stykke fast ejendom på din side kunne fortælle to historier? Med Master Addons Flipbox Element kan det. Dette er ikke kun et kort – det er en dynamisk, tosidet oplevelse. Start med en overbevisende forside med et ikon og titel. Derefter, på hover, vender den elegant for at afsløre detaljerede beskrivelser, calls-to-action eller yderligere oplysninger på bagsiden. Vælg mellem flere stilforudindstillinger og over et dusin glatte animationer. Det er de perfekte elementer til funktionshøjdepunkter, serviceudstillinger, teamprofiler eller kreative calls-to-action, der overrasker og engagerer.
Forudindstillinger for flere design og forudindstilling af animation
Først skal du vælge din base look fra fire Style Presets: den klassiske Standard, Front Image, Diagonal, og Front Ikon. Hver forudindstilling ændrer den indledende visuelle layout. Derefter, bringe det til live ved at vælge en Animation Style fra et enormt bibliotek. Gå efter en simpel Flip Vandret eller Lodret, en sofistikeret 3D Flip, en glat Fade, eller kreative muligheder som Cube rotationer, Rollover, eller Diagonal afslører. Denne kombination lader dig matche flipbox adfærd perfekt til dit websteds energi – subtile eller dramatiske.
- Fire stilfundamenter: Vælg mellem forudindstillede standard-, frontbillede-, diagonal- og frontikondesigns.
- Omfattende animationsbibliotek: Vælg mellem 15+ animationer, herunder Flip, Fade, Cube, Rollover og 3D Flip.
- Styr effekten: Animationer udløses som standard ved svæve, hvilket skaber en intuitiv, interaktiv oplevelse.
Dual-Side Content Builder
Byg to komplette ansigter af indhold uafhængigt. For Front Box, tilføje et Ikon (vælg Stacked eller Indrammet stilarter), en stærk Titel, og en kort teaser Beskrivelse. Indstil Justering og Titel HTML Tag for SEO. For Back Box, gentage processen med forskelligt indhold – udvide beskrivelsen, tilføje flere detaljer, eller fokusere helt på en call-to-action. Denne to-trins tilgang lader dig drille med forsiden og levere med bagsiden.
- Uafhængige indholdspaneler: Fuldt adskilte kontrolelementer til Front Box og Back Box indhold (Ikon, Titel, Beskrivelse).
- Ikonstilindstillinger: Præsenter ikoner som stablet (solid) eller indrammet (kantet) direkte fra indholdsfanen.
- Strategisk meddelelse: Brug forsiden til en overskriftsfordel og bagsiden til detaljer, funktioner eller socialt bevis.
- Strukturel kontrol: Indstil justering (venstre, center, højre) for indhold på hver side uafhængigt.
CTA-knap med svæve
Bagboksen er ikke kun til information – det er til handling. Medtag en klar handlingsknap med tilpasselig knaptekst (som “Køb nu” eller “Lær mere”) og et link. Derefter skal du designe det til perfektion. Style Normal- og Hover-tilstandene separat, kontrollerende tekstfarve, typografi, baggrundsfarve, kant, kantradius og polstring. Dette gør flipboxens afsløring til en direkte vej til konvertering, alt sammen uden at skulle bruge en separat widget.
- Direkte Call-to-Action: Tilføj en knap med tekst og link, der vises på bagboksen efter flip.
- Professionel knapstyling: Brug kantradius, polstring og baggrundskontrol til en poleret knap.
Ofte stillede spørgsmål til Flipbox
Hvad sker der på mobile enheder, hvor der ikke er noget svæv?
Flip-interaktionen udløses typisk af et tryk på mobile enheder. Brugeren trykker på frontboksen for at vende den bagud, og kan trykke igen for at vende tilbage. Dette gør den fuldt funktionel og intuitiv på touchskærme.
Kan jeg bruge et billede i stedet for et ikon på forsiden?
Ja! En af Style Presets hedder “Front Image.” Hvis du vælger denne forudindstilling, ændres ikonvælgeren til en billeduploader, så du kan bruge et foto, et logo eller en grafik som det primære visuelle billede på frontboksen.
Er flipbox-indholdet responsivt?
Absolut. Teksten, ikonerne og knappen indeni vil skalere og ombrydes passende på forskellige skærmstørrelser. Den Flip Box Height, du indstiller, er også responsiv, men du kan justere den specifikt til mobil ved hjælp af Elementors responsive redigeringstilstand, hvis det er nødvendigt.
Hvad er en god brug i den virkelige verden for dette element?
- Service Boxes: Forside: Serviceikon & navn (fx, “Web Design”). Tilbage: Beskrivelse & “Få et tilbud” knap.
- Team Profiler: Forside: Foto & navn. Bagside: Bio & sociale links.
- Produktegenskaber: Forside: Funktionsikon & titel. Tilbage: Detaljerede specifikationer & “Se produkt” link.
- Statistik: Forside: Et stort tal. Tilbage: Hvad det betyder og et kildelink.
Kan jeg linke hele flipboxen til en side uden den separate knap?
Som standard kan du kun tilføje link til knappen. Men ved hjælp af vores Wrapper link udvidelse kan du linke entier flipbox.
Hvordan vælger jeg den rigtige animation?
Overvej dit websteds tempo. For virksomheds- eller rene websteder skal du bruge Flip Horizontal/Vertical eller Fade. For kreative, tech- eller porteføljewebsteder kan 3D Flip, Cube eller Rollover tilføje mere personlighed. Forhåndsvisning af et par – den bedste føles glat og ikke distraherende fra dit budskab.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
