[NOUVEAU] Cercle interactif dans les conceptions Web : comment en créer un dans Elementor sans coder

Un site Web contenant beaucoup de texte peut être peu attrayant à regarder. Si votre site Web contient trop de textes et moins de composants visuels, vous pouvez utiliser un cercle interactif par Essential Addons et afficher votre contenu dans un motif circulaire attrayant. Plongeons-nous pour apprendre à présenter beaucoup de contenu dans un espace minimal à l'aide de ce widget incroyable.

Pourquoi avez-vous besoin d'un widget de cercle interactif sur votre site Web ?

Pour les concepteurs de sites Web, il devient difficile de rendre le site Web plus interactif et en même temps pratique du côté de l'utilisateur. Si le site Web contient beaucoup de contenu textuel, il devient plus difficile de le présenter correctement.

La recherche indique que près de 38% des personnes cessent de s'engager avec un site Web dont la mise en page n'est pas attrayante. Dans ce cas, le trafic de votre site Web dépend également de la conception de votre site Web. Explorons tous les avantages que vous obtiendrez pour concevoir efficacement votre contenu textuel à l'aide d'un widget de cercle interactif par Essential Addons sur votre site Web WordPress.

Présentation animée du contenu de votre site Web

Même si votre site Web comprend beaucoup de contenu textuel, vous pouvez le présenter de manière convaincante pour attirer les visiteurs et leur permettre de le consulter facilement. Différents modèles sont courants pour présenter le matériel de votre site Web, donc un petit mouvement peut vous aider à attirer l'intérêt de vos visiteurs. À l'aide du widget Interactive Circle d'Essential Addons, vous pouvez présenter votre contenu textuel avec un motif animé et rendre la section plus attrayante.

Conception interactive et réactive pour votre site Web

Il peut être difficile pour les utilisateurs de trouver votre site Web sur les moteurs de recherche, de lire du contenu ou de naviguer sur votre site Web s'il manque de conception réactive. Cela peut être dû à des défauts de mise en page, à des images médiocres, à un texte trop petit ou à trop d'infographies qui donnent à votre site Web un aspect encombré. Si vous utilisez un ordinateur de bureau ou portable, vous pouvez redimensionner cette fenêtre en cliquant et en faisant glisser le coin.

La création d'un design dynamique pour votre site Web peut être plus facile à l'aide d'un widget de cercle interactif par les addons Essential. Quel que soit le type d'appareil utilisé par les visiteurs de votre site Web pour accéder à votre site Web, votre conception ne se cassera pas si vous utilisez ce widget pour présenter votre contenu textuel.

Widget de cercle interactif pour créer un beau site Web

Vous pouvez afficher votre contenu textuel dans un mouvement circulaire attrayant avec ce widget, attirant l'attention des utilisateurs de votre site Web. Si vous souhaitez fournir votre menu de contenu, par exemple, vous pouvez utiliser un cercle interactif pour présenter le contenu tout en économisant de l'espace. Un simple contenu basé sur du texte apparaîtra plus fascinant et attrayant de cette manière. Découvrons avec quelle facilité vous pouvez démarrer avec le widget Interactive Circle par le plugin Essential Addons.

Choses dont vous avez besoin pour utiliser Interactive Circle By Essential Addons

Elementor : Pour utiliser Interactive Circle Widget, vous devez d'abord installer et activer Elementor, après quoi vous êtes prêt à commencer.

Essential Addons For Elementor : Vous devez installer et activer Essential Addons for Elementor sur votre site Web afin d'utiliser le widget 'Interactive Circle'.

Étape 1 : Activer le widget Cercle interactif Essential Addons

Rendons votre site Web plus interactif et attrayant en utilisant le widget 'Interactive Circle ' d'Essential Addons. Tout ce que vous avez à faire est de vous assurer que vous utilisez la dernière version de ce plugin.

Le widget Cercle interactif doit être activé dans Elementor. Accédez à Essential Addons Elements dans votre tableau de bord WordPress et assurez-vous que le widget « Cercle interactif » est activé. Pour vous assurer que vos modifications sont enregistrées, cliquez sur le bouton ' Enregistrer les paramètres '.

Recherchez le widget " Cercle interactif " dans l'onglet "Eléments" d'Elementor. Faites glisser et déposez les éléments là où vous souhaitez afficher le contenu textuel.

Étape 2 : Commencez à personnaliser vos paramètres de contenu

Ce widget vous permet de personnaliser le contenu par défaut et d'ajouter votre propre contenu. Dans l'onglet Général, vous pouvez définir n'importe quelle mise en page à partir des options. Le widget Interactive Circle est livré avec 4 mises en page prédéfinies . Jouez avec les mises en page et voyez celle qui convient le mieux à votre contenu textuel.

Vous pouvez également choisir si les boutons de votre widget EA Interactive Circle doivent afficher des icônes ou du texte. Pour masquer ou afficher les icônes et le texte, basculez les options " Afficher l'icône " et " Afficher le texte" sous les paramètres "Bouton" , respectivement. Ce widget est très pratique pour de nombreuses personnalisations. Vous pouvez choisir parmi les options et créer votre propre menu circulaire selon vos préférences.

La partie la plus importante de l'utilisation de ce widget est que vous pouvez donner votre propre contenu et ajouter plus d'options circulaires si nécessaire. Vous pouvez ajouter le nombre d'éléments que vous souhaitez afficher avec votre widget EA Interactive Circle dans les paramètres "Contenu" . Cliquez simplement sur le bouton ' + Ajouter un article ' pour ajouter un nouvel article. De la même manière, vous pouvez supprimer ou copier un élément des paramètres. Cependant, pour des raisons de conception, vous ne pouvez ajouter que 8 options à la fois ; sinon, la séquence serait rompue.

Il y a trois onglets : "Bouton ", "Contenu " et "Style ". Vous pouvez ajouter une icône pour l'élément et modifier le titre à partir du champ de saisie « Titre abrégé » de l'onglet « Bouton ». De même, vous pouvez ajouter du contenu à votre article à partir de l' onglet "Contenu" , et vous pouvez ajouter des couleurs d'arrière-plan à votre article à partir de l' onglet "Style" .

Vous pouvez recevoir des options de configuration supplémentaires à partir de l' option " Paramètres supplémentaires " pour vous aider à rendre votre widget EA Interactive Circle plus dynamique. Vous pouvez choisir entre les interactions 'Clic' et 'Hover' dans l' option ' Mouse Event '. Vous pouvez également utiliser l' option " Paramètres supplémentaires " pour ajouter des animations élégantes et accrocheuses. Comme illustré ci-dessous, vous avez le choix entre trois styles d'animation différents.

Étape 3 : stylisez votre contenu textuel interactif

Le widget EA Interactive Circle est livré avec de nombreuses options de style. Cette option peut faire une grande différence en termes de cercle interactif de n'importe qui. En modifiant la couleur d'arrière-plan, le motif ou la couleur du texte, la largeur du cercle et le remplissage ou la fusion, vous pouvez modifier l'apparence.

Vous pouvez modifier la typographie de chaque élément de votre cercle interactif EA à partir des paramètres « Élément ». La largeur et la taille de l'icône de chaque élément peuvent également être ajustées. Vous pouvez également modifier la couleur d'arrière-plan, la couleur du texte, la couleur des icônes et bien d'autres choses.

Si vous êtes satisfait de l'apparence de votre cercle interactif, vous pouvez maintenant publier votre page. Jetez un coup d'œil au cercle interactif Elementor que nous avons créé pour ce sujet.

Comme vous pouvez le voir, Essential Addons for Elementor permet de créer un magnifique cercle interactif et de transformer votre page Web en une manière plus fascinante extrêmement simple.

Enfin, nous croyons fermement à la valeur de l'amélioration continue. Dans cet esprit, nous travaillons dur pour vous proposer de fantastiques nouvelles mises à jour Essential Addons for Elementor afin que vous puissiez avoir une expérience de conception de site Web encore meilleure avec Elementor.

Alors, qu'avez-vous à perdre? Mettez à jour vers Essential Addons 5.0 dès que possible pour profiter de tous les nouveaux widgets et extensions avancés, y compris le widget Interactive Circle.

Essayez-le par vous-même et si vous avez des questions, veuillez contacter notre équipe d'assistance . Abonnez-vous à notre blog ou rejoignez notre communauté Facebook conviviale pour plus d'informations sur les derniers addons Elementor, des didacticiels de conception Web, des trucs et astuces, et plus encore.