Flipbox
Was wäre, wenn ein Stück Immobilien auf Ihrer Seite zwei Geschichten erzählen könnte? mit Master Addons Flipbox Element, kann es Das ist nicht nur eine Karte – es ist ein dynamisches, zweiseitiges Erlebnis Beginnen Sie mit einer fesselnden Vorderseite mit einem Symbol und Titel Dann, im Schwebeflug, dreht es elegant um, um detaillierte Beschreibungen, Call-to-Action, oder zusätzliche Informationen auf der Rückseite zu enthüllen Wählen Sie aus mehreren Stilvoreinstellungen und über einem Dutzend glatter Animationen Es sind die perfekten Elemente für Feature-Highlights, Service-Showcases, Teamprofile oder kreative Call-to-Action, die überraschen und sich engagieren.
Mehrere Design-Voreinstellungen und Animationsvoreinstellungen
Wählen Sie zunächst Ihren Basis-Look aus vier Style-Voreinstellungen: dem klassischen Standard, Front Image, Diagonal und Front Icon. Jede Voreinstellung ändert das anfängliche visuelle Layout. Bringen Sie es dann zum Leben, indem Sie einen Animationsstil aus einer riesigen Bibliothek auswählen. Gehen Sie für einen einfachen horizontalen oder vertikalen Flip, einen ausgefeilten 3 D-Flip, einen sanften Fade oder kreative Optionen wie Würfelrotationen, Rollover oder Diagonal-Enthüllungen. Mit dieser Kombination können Sie das Verhalten der Flipbox perfekt an die Energie Ihrer Website anpassen, „subtil oder dramatisch.
- Vier Stilgrundlagen: Wählen Sie aus den voreingestellten Designs Standard, Frontbild, Diagonale und Front-Icon.
- Umfangreiche Animationsbibliothek: Wählen Sie aus 15+ Animationen, einschließlich Flip, Fade, Cube, Rollover und 3 D Flip.
- Steuern Sie den Effekt: Animationen lösen standardmäßig beim Schweben aus und schaffen Sie so ein intuitives, interaktives Erlebnis.
Dual-Side-Content-Builder
Bauen Sie zwei komplette Gesichter des Inhalts unabhängig voneinander für die Front Box fügen Sie ein Symbol (wählen Sie gestapelte oder gerahmte Stile), einen starken Titel und einen kurzen Teaser Beschreibung. Stellen Sie die Ausrichtung und den Titel HTML Tag für SEO ein. Wiederholen Sie für die Back Box den Vorgang mit unterschiedlichen Inhalten. Erweitern Sie die Beschreibung, fügen Sie weitere Details hinzu oder konzentrieren Sie sich vollständig auf einen Call-to-Action. Dieser zweistufige Ansatz ermöglicht es Ihnen, mit der Vorderseite zu necken und mit der Rückseite zu liefern.
- Unabhängige Inhaltsfelder: Vollständig separate Bedienelemente für den Inhalt der Frontbox und der Backbox (Icon, Title, Description).
- Optionen für den Symbolstil: Präsentieren Sie Symbole als gestapelt (durchgezogen) oder gerahmt (gerändert) direkt auf der Inhaltsregisterkarte.
- Strategische Nachrichtenübermittlung: Verwenden Sie die Vorderseite für einen Schlagzeilenvorteil und die Rückseite für Details, Funktionen oder soziale Beweise.
- Strukturkontrolle: Richten Sie die Ausrichtung (links, in der Mitte, rechts) für Inhalte auf jeder Seite unabhängig ein.
CTA-Taste mit Hover
Die Backbox dient nicht nur der Information „Hinweis zur Aktion“Zum Einbau einer übersichtlichen Aktionstaste mit anpassbarem Schaltflächentext (wie „Jetzt kaufen” oder „Mehr lernen”) und einem Link. Gestalten Sie sie dann perfekt. Gestalten Sie die Normal- und Hover-Zustände separat und steuern Sie Textfarbe, Typografie, Hintergrundfarbe, Rand, Randradius und Polsterung. Dies macht die Enthüllung der Flipbox zu einem direkten Weg zur Konvertierung, ohne dass ein separates Widget erforderlich ist.
- Direkter Call-to-Action: Fügen Sie einen Button mit Text und Link hinzu, der nach dem Flip auf der Rückseite des Feldes erscheint.
- Professionelles Tastendesign: Verwenden Sie Randradius-, Polster- und Hintergrundsteuerungen für eine polierte Taste.
Häufig gestellte Fragen für Flipbox
Was passiert auf mobilen Geräten, auf denen es keinen Schwebeflug gibt?
Die Flip-Interaktion wird typischerweise durch einen Tipp auf mobile Geräte ausgelöst. Der Benutzer tippt auf die vordere Box, um sie nach hinten zu drehen, und kann erneut tippen, um zurück zu kippen. Dadurch ist es auf Touchscreens voll funktionsfähig und intuitiv.
Kann ich ein Bild anstelle eines Symbols auf der Vorderseite verwenden?
Ja! eines der Style Presets heißt “Front Image” Wenn Sie diese Voreinstellung auswählen, wird der Symbolwähler in einen Bild-Uploader geändert, sodass Sie ein Foto, Logo oder eine Grafik als Hauptvisual auf der Frontbox verwenden können.
Ist der Flipbox-Inhalt responsive?
Absolut. Der Text, die Symbole und die Schaltfläche im Inneren skalieren und wickeln sich entsprechend auf verschiedenen Bildschirmgrößen ein. Die von Ihnen eingestellte Flip-Box-Höhe ist auch responsive, Sie können sie jedoch bei Bedarf mithilfe des responsiven Bearbeitungsmodus von Elementor speziell für Mobilgeräte anpassen.
Was ist eine gute reale Verwendung für dieses Element?
- Service Boxen: Vorderseite: Service-Icon & Name (z.B, “Webdesign”).Rückseite: Beschreibung & “Get a Zitate” Button.
- Teamprofile: Vorderseite: Foto & Name Zurück: Bio & Social Links.
- Produktmerkmale: Vorderseite: Feature-Symbol & Titel Zurück: Detaillierte Spezifikationen & Link “Produkt anzeigen”.
- Statistik: Front: Eine große Zahl Zurück: Was es bedeutet und ein Quelllink.
Kann ich die gesamte Flipbox ohne den separaten Button mit einer Seite verknüpfen?
Standardmäßig können Sie nur Link zum Button hinzufügen. Mit Hilfe unserer Wrapper-Link-Erweiterung können Sie jedoch die Entier-Flipbox verknüpfen.
Wie wähle ich die richtige Animation aus?
Betrachten Sie das Tempo Ihrer Website Für Unternehmens - oder Clean-Sites verwenden Sie Flip Horizontal/Vertical oder Fade Für kreative, technische oder Portfolioseiten kann 3 D Flip, Cube oder Rollover mehr Persönlichkeit hinzufügen Vorschau ein paar (die beste fühlt sich glatt und nicht von Ihrer Botschaft ablenken.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
