Widget de boîte à rabat d'élémenteur gratuit avec animations de retournement de vol stationnaire
Flipbox est un widget gratuit de boîte à feuilles mobiles Master Addons pour Elementor La face avant montre une icône ou une image avec un titre et un texte court, et sur le vol stationnaire, la carte se tourne vers une face arrière avec plus de détails et un bouton d'action Le plugin gratuit comprend les conceptions Par défaut et Icône avant et 6 animations : Flip Horizontal, Flip Vertical, Fade, Flip Box, Flip Box Fade et Fade Up. Maître Addons Pro ajoute les designs Front Image et Diagonal et 16 animations supplémentaires, y compris Cube, Rollover et Flip 3 D, pour 22 au total Free Elementor n'a pas de widget flip box, donc cela fonctionne sans Elementor Pro.
Variations de conception et animations de retournements
Variation de conception définit la disposition avant : les icônes par défaut et avant sont gratuites, les images avant et diagonales ont besoin de pro. Style d'animation définit la façon dont la carte tourne. Gratuit : Flip Horizontal, Flip Vertical, Fade, Flip Box, Flip Box Fade et Fade Up. Pro ajoute quatre directions de cube, Fade Hideback, Fade Up Hideback, quatre directions de diapositives, deux diapositives Diagonal, Fade In Out, Nananana, Rollover et 3 D Flip, qui a son propre réglage de direction.
- 22 animations au total : 6 gratuites et 16 avec Pro.
- Le flip s'exécute sur le hover sur le bureau et sur les écrans tactiles.
- Utilisez une animation par section pour qu'une rangée de cartes semble cohérente.
Générateur de contenu double face
Le Boîte avant et Boîte arrière chacun a sa propre icône avec Vue par défaut, empilée ou encadrée et forme de cercle ou carré, un titre, une description, un alignement et une balise de titre Gardez le devant court, comme un nom de service, et utilisez le dos pour l'explication Dans l'onglet Style chaque face obtient son propre fond, les couleurs de titre et de description, la typographie, les couleurs d'icônes et la bordure.
- Contenu et style séparés pour chaque visage.
- Titre HTML Tag sur les deux faces, donc une grille de cartes garde un ordre de cap propre.
- UN Hauteur de la boîte à rabat le réglage en général garde les deux faces de la même taille.
Bouton CTA avec Hover
Le Bouton d'action affiche sur la face arrière avec votre texte et votre lien Bouton Style it for Normal et Hover avec la couleur du texte, l'arrière-plan, la bordure, le rayon de bordure et le remplissage, plus la typographie Le bouton est le seul lien à l'intérieur du widget Pour rendre toute la carte cliquable, ajoutez le gratuit Lien d'emballage extension au widget.
- Utilisez une étiquette spécifique telle que “Voir Tarification” lorsque c'est là que va le lien.
- Sautez le bouton sur les cartes purement informatives.
- Si vous utilisez Wrapper Link, pointez le bouton sur la même page.
Boîte à rabat Elementor Pro vs Flipbox Master Addons
Elementor Pro a son propre widget Flip Box Si vous payez déjà pour, vous n'en aurez peut-être pas besoin d'un autre Voici comment les deux se comparent.
| Caractéristique | Boîte à rabat Elementor Pro | Boîte à feuilles maîtresses Addons |
|---|---|---|
| Prix | Besoins d'Elementor Pro | Gratuit, avec plus de designs et d'animations en Pro |
| Effets de retournement | Retournez, glissez, poussez, zoomez, zoomez et décolorez, avec direction et profondeur 3D | 6 animations gratuites, 22 avec Pro, dont Cube, Rollover et Flip 3D |
| Graphique avant | Aucun, image ou icône | Icône, ou une image avec le design Pro Front Image |
| Lien de carte entier | Appliquer le lien sur : boîte entière ou bouton uniquement | Bouton uniquement, ou toute la carte avec l'extension gratuite Wrapper Link |
| Bouton | Oui | Oui, avec le style Normal et Hover |
Elementor Pro est plus simple si vous souhaitez intégrer un lien en boîte entière Master Addons convient aux sites Elementor gratuits et offre plus de choix d'animation avec Pro. Pour une carte statique sans rien de caché, utilisez le gratuit Boîte d'informations widget.
Idées et conseils de boîte à rabat
Une boîte à feuilles gardent une grille propre tout en transportant des détails, car la description se trouve derrière la carte plutôt que sous elle. Cela fonctionne bien pour les grilles de service, les cartes d'équipe avec une photo au recto et une biographie au verso, les tuiles de fonctionnalités et les cartes de statistiques qui se basculent sur ce que signifie un nombre.
- Définir la hauteur de la boîte à retournement. Sans cela, une face arrière plus longue redimensionne la carte lorsqu'elle tourne et que la rangée saute.
- Faites en sorte que les visages soient différents. Une teinte sur le devant et la couleur de votre marque sur le dos rendent le flip évident.
- Plan pour les téléphones. Les écrans tactiles n'ont pas de vol stationnaire, la carte se retourne donc sur le robinet et le bouton a besoin d'un deuxième robinet. Testez sur un vrai téléphone.
- Gardez les détails essentiels sur le devant. Les prix, les numéros de téléphone et les liens de réservation ne doivent pas être réservés uniquement au verso.
- Limiter la motion. Une ou deux lignes de boîte à feuilles mobiles par page se lit mieux que six animations différentes.
Comment ajouter une boîte à rabat dans Elementor
Vous avez besoin d'Elementor et du plugin gratuit Master Addons de WordPress.org.
- Vérifiez que Flipbox est allumé sous Additions maîtresses, widgets.
- Dans l'éditeur Elementor, recherchez Flipbox et traînez-le dans un conteneur.
- Choisissez une variante de conception et un style d'animation, puis passez la carte au survol pour la prévisualiser.
- Remplissez la boîte avant et la boîte arrière : icône, titre, description et balise de titre.
- Ajouter le texte et le lien du bouton d'action.
- Dans Style, Général, set Hauteur de la boîte à rabat ainsi, la carte ne redimensionne pas à mi-chemin, puis style chaque visage.
Pour les effets 3 D, lire Comment créer des animations Flipbox d'élémenteur 3D. Chaque paramètre est dans le Paramètres du widget Flipbox.
Questions Fréquemment Posées Pour Flipbox
Comment fonctionne le flip box sur les téléphones ?
Les écrans tactiles n'ont pas de vol stationnaire, donc la carte se retourne lorsqu'on tape Le bouton face arrière a besoin de son propre tap après le retournement Conservez les informations à voir absolument sur le devant et testez sur un appareil réel.
Puis-je utiliser une image au lieu d'une icône sur le devant ?
Oui, avec la variante de conception Front Image, qui est une option Master Addons Pro. Dans la version gratuite, utilisez une icône sur le devant ou définissez une image d'arrière-plan pour le visage dans l'onglet Style.
Le widget Flipbox est-il gratuit ?
Oui. Flipbox est dans le plugin gratuit Master Addons avec les designs Default et Front Icon et 6 animations Master Addons Pro ajoute 2 designs supplémentaires et 16 animations supplémentaires.
Elementor a-t-il un widget flip box ?
Seul Elementor Pro en a un. Free Elementor ne le fait pas, donc sur Free Elementor, vous avez besoin d'un addon tel que ce widget Flipbox.
Puis-je lier l'intégralité de la boîte à feuilles à une page sans le bouton séparé ?
Le widget relie le bouton uniquement Pour rendre toute la carte cliquable, activez le logiciel gratuit Lien d'emballage extension et ajouter le lien au widget Flipbox.
Combien y a-t-il d'animations flip ?
22 au total Flip Horizontal, Flip Vertical, Fade, Flip Box, Flip Box Fade et Fade Up sont gratuits Les 16 autres, dont Cube, Rollover et 3 D Flip, ont besoin de Master Addons Pro.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
