~ Sur le blogue ~
Titre: SiteOrigin Page Builder : création de sites Web avec modules premium
Bonjour à tous, bienvenue pour un nouvel article de notre série Créateurs de pages et thèmes de articles de blogue ! Aujourd'hui, nous explorons SiteOrigin Page Builder, l'un des outils pionniers qui a contribué à façonner l'univers du glisser-déposer pour la conception de sites WordPress.
J'ai bricolé avec HTML 4.0 en 1996, alors croyez-moi, créer un site web à la fois esthétique et fonctionnel n'a jamais été aussi simple. Finis les labyrinthes de tableaux interminables ! Place aux divs à l'infini ! Je me souviens avec nostalgie de l'époque où l'on utilisait les touches « td » et « tr » pour créer des sites web qui ressemblaient à des machines à sous. Bing, bing, tout le monde !
Grâce à des outils comme SiteOrigin Page Builder, pionnier du glisser-déposer sur WordPress, nous disposons aujourd'hui d'une gamme toujours plus vaste d'outils de qualité qui rendent la conception Web accessible à tous.
Dans notre agence, nous utilisions beaucoup ce puissant constructeur de pages pour concevoir des sites Web dynamiques pour nos clients – dont certains sont encore gérés par nos soins. Bien que son interface puisse paraître complexe à première vue, que vous soyez novice ou développeur expérimenté, SiteOrigin Page Builder offre une plateforme polyvalente pour créer des expériences numériques uniques et captivantes. De plus, grâce à sa longévité, il propose une multitude de thèmes préconçus de différents studios, vous offrant ainsi de nombreuses options pour l'apparence, l'ergonomie et les fonctionnalités de votre site.
Dans cet article, nous allons examiner SiteOrigin Page Builder, explorer les avantages de ses extensions premium et partager des exemples concrets de la façon dont ces outils ont transformé nos projets. Allons-y !
Remarque: Pour ceux dont la vision est davantage axée sur le commerce de biens, envisagez d'utiliser l'extension populaire Studiocart pour une approche moderne de la vente de services avec WordPress.
Aperçu de SiteOrigin Page Builder
SiteOrigin Page Builder est un outil éprouvé qui se distingue comme l'un des premiers outils WordPress intuitifs pour la création de mises en page personnalisées. Son interface simple de type glisser-déposer permet aux utilisateurs de concevoir des pages efficacement. Grâce à un forum d'assistance performant qui facilite l'apprentissage, les utilisateurs peuvent rapidement s'adapter et résoudre les problèmes avec une relative facilité. De plus, l'outil reste accessible aux débutants tout en offrant une configurabilité suffisante pour les développeurs, grâce à une version adaptable convenant à un large éventail de cas d'utilisation.
Nous formions auparavant des clients sans compétences en programmation à l'utilisation de cet outil. Je n'imagine même pas le nombre d'heures passées à montrer comment changer les polices, ajouter un widget spécifique ou diviser une ligne en X colonnes. Quels beaux souvenirs ! En résumé, l'outil de base, jumelé à la riche bibliothèque de gadgets de SiteOrigin, offre une grande flexibilité pour la conception de sites Web modernes.
Par exemple, lorsqu'un client nous a confié la création d'un blogue interne pour un sous-domaine, nous avons utilisé SiteOrigin Page Builder afin de concevoir un centre de ressources alliant fonctionnalité et esthétique. Le client accordait une grande importance à l'apparence et avait des exigences linguistiques spécifiques. C'est pourquoi, en fonction de ses préférences, nous avons opté pour le thème Readable (de l'équipe de Proteus Themes) développé avec SiteOrigin Builder. J'avais ce thème en tête parce que je savais que le constructeur de pages était entièrement compatible avec WPMLet que la mise en page par lignes et l'architecture des modèles d'articles nous permettraient de gagner du temps dès le départ (si ça vous intéresse, le thème est abouti, mais vaut encore le détour). En intégrant soigneusement la catégorisation des produits, des éléments interactifs et une navigation fluide, nous avons livré une solution qui a amélioré la communication interne et le partage des ressources du client.
Avantages des modules complémentaires Premium
Attention ! Nous n'avons utilisé que SiteOrigin Premium. Passer à SiteOrigin Premium vous donne accès à des fonctionnalités avancées qui vous permettent d'améliorer la conception de votre site web. Vous bénéficierez notamment des avantages suivants :
- Outils de conception améliorés : Donnez de la profondeur à vos mises en page grâce à des animations, une navigation avancée et des éléments interactifs.
- Mises à jour continues : Gardez une longueur d'avance grâce à des déploiements réguliers de nouvelles fonctionnalités et des corrections de bogues, pour un site toujours à la fine pointe de la technologie.
- Assistance prioritaire : Résolvez facilement les problèmes grâce à une assistance à la clientèle réactive.
Le forfait Premium vous donne accès à tous les modules complémentaires actuels et futurs, permettant ainsi aux développeurs de créer des expériences utilisateur exceptionnelles.
Fonctionnement concret
Modules complémentaires SiteOrigin Premium : Applications réelles
Voici un aperçu de quelques-uns des modules complémentaires Premium les plus remarquables et de la façon dont ils ont amélioré nos projets :
Créateur de types de publications personnalisés
Cette fonctionnalité vous permet de créer et de gérer facilement des types de publications uniques. Pour le blogue interne de notre client, nous avons adapté les types de publications à ses produits, assurant ainsi à ses employés un accès rapide au contenu pertinent.
Widget accordéon
Nous avons utilisé le widget Accordéon pour organiser les détails des produits en sections extensibles. Cette approche a permis de minimiser l'encombrement visuel tout en offrant un accès facile aux informations essentielles.
ID d'ancre
La fonctionnalité d'ID d'ancre simplifie la création de liens vers des sections spécifiques d'une page, rendant la navigation plus intuitive. Par exemple, lors du déploiement de pages de description de produits détaillées pour nos clients, nous avons souvent utilisé les éléments « onglets » ou « accordéon » pour en faciliter la lecture. Pensez à la façon dont des sites comme Amazon ou Samsung organisent leurs pages produits avec des onglets tels que « Informations sur le produit », « Installation », « Pilotes », etc.
Les identifiants d'ancrage nous ont permis de guider les utilisateurs directement vers le contenu le plus pertinent au sein de ces sections. D'ailleurs, la « liaison par ID » est une fonctionnalité HTML native utilisée par les développeurs pour créer des liens vers des éléments spécifiques d'une page. SiteOrigin intègre cette fonctionnalité à l'interface de l'éditeur, la rendant accessible à tous.
Animations de blocs
Les animations ont donné du dynamisme aux sites web de nos clients. Vous bénéficiez de toutes les animations standards, des rebonds aux fondus enchaînés. Il suffit de cliquer sur une ligne et d'activer l'option « Animations » à droite (et c'est parti !). Des transitions fluides entre les sections rendent la navigation plus attrayante et marquent durablement les esprits.
Encadré de l'auteur
Dans le cadre de notre blogue interne, cette extension a personnalisé les articles (descriptions détaillées des produits) en mettant en valeur les auteurs, le profil de leur entreprise et leurs articles récents. Elle a renforcé la crédibilité et le lien entre le contenu et son public. De plus, elle a permis aux employés et aux visiteurs d'identifier plus facilement les principaux acteurs et experts de l'entreprise.
Le saviez-vous ? Le pack de gadgets SiteOrigin n'est pas limité au seul constructeur de pages.
En effet, le pack de gadgets SiteOrigin est compatible avec tous les thèmes WordPress. Vous pouvez ainsi intégrer les widgets SiteOrigin à votre site via l'éditeur de blocs, la zone de widgets ou même d'autres constructeurs de pages. Cette flexibilité permet d'ajouter des gadgets tels que des diaporamas, des accordéons et des formulaires de contact sans dépendre d'outils de création de pages spécifiques. C'est une véritable révolution pour les propriétaires et développeurs de sites qui souhaitent enrichir les fonctionnalités sans s'engager dans un écosystème de constructeurs unique.
Une parenthèse: Avant de modifier davantage votre installation WordPress, nous vous recommandons de prendre un moment pour découvrir comment l'utilisation d'un thème enfant peut protéger les personnalisations apportées à votre site web.
Fonctionnalités améliorées pour la conception de sites Web
Superposition d'images
Le texte interactif au survol des images donne vie aux galeries et aux portfolios. Pour une présentation optimale des produits, nous avons utilisé cette fonctionnalité pour afficher des détails au survol, créant ainsi une expérience de navigation immersive lors de la consultation des descriptions de produits.
Effets de parallaxe
Nous avons utilisé des effets de parallaxe pour créer de la profondeur et du mouvement dans les sections principales. Ces effets subtils, mais percutants, ont captivé les visiteurs. Grâce à des transitions fluides comme les fondus et les rebonds, nous avons guidé les utilisateurs à travers la mise en page sans perturber leur expérience.
Curieusement, l'introduction de cet article utilise aussi l'effet de parallaxe. Une vieille habitude, sans doute.
Widgets sociaux
Pour notre blogue interne, nous n'avons pas utilisé les gadgets sociaux de SiteOrigin. Cependant, nous les avons déployés sur d'autres sites clients, permettant aux utilisateurs d'accéder directement à leurs médias sociaux. En personnalisant l'apparence et l'emplacement des boutons sur le site, les utilisateurs peuvent optimiser l'engagement pour susciter des interactions pertinentes et encourager les résultats escomptés. Configurer ces liens sociaux personnalisés est très simple : il suffit de cliquer sur « Modifier », d'activer l'option « Réseaux personnalisés », de saisir le nom et l'URL, puis de choisir votre icône. En quelques clics, vous obtenez un nouveau lien vers votre profil Facebook, LinkedIn, etc.
Vidéo d'arrière-plan
Une bonne vidéo d'arrière-plan peut instantanément rehausser l'esthétique d'un site. Il est toutefois important de bien la choisir. Nous avons utilisé des vidéos d'arrière-plan dans une mise en page à deux colonnes en haut des sections produits du blog. Ce choix de design subtil permet de distinguer les catégories des articles et des pages. Nous avons ensuite superposé du texte pour une présentation visuellement riche et informative.
Articles semblables
En affichant des articles semblables à la fin de chaque publication, nous avons tenu les utilisateurs informés du contenu pertinent et les avons encouragés à explorer davantage le site. Bien que l'affichage de types de publications similaires ne soit pas une fonctionnalité exclusive à SiteOrigin, cette extension simplifie considérablement l'affichage de contenu similaire sur toutes les pages, avec un minimum de configuration.
Fonctionnalités et outils avancés
Copier-coller entre domaines
Cette fonctionnalité a optimisé notre flux de travail, nous permettant de reproduire des mises en page complexes issues des environnements de test et de tests A/B sur plusieurs domaines. Deux méthodes permettent d'y parvenir : le « Presse-papiers du navigateur » et le « Stockage du navigateur ». Nous avons utilisé uniquement le « Presse-papiers du navigateur », qui a toujours parfaitement répondu à nos besoins. Pour toute personne travaillant sur plusieurs domaines ou projets multisites, cette méthode de copier-coller rapide est un atout majeur.
Widget d'appel à l'action
Des boutons placés stratégiquement incitaient les utilisateurs à prendre des mesures, comme explorer les catégories de produits ou télécharger des ressources. La personnalisation de ces boutons a permis d'améliorer les conversions et l'engagement. Chaque constructeur de pages a sa propre approche des appels à l'action, et j'ai trouvé que cette fonctionnalité était complète et répondait à nos besoins. À titre informatif, je tiens à préciser que nous avons fréquemment utilisé les effets de survol et le JavaScript au clic.
Arrière-plan de la page
Les arrière-plans personnalisés nous ont permis de maintenir une image de marque cohérente sur toutes les sections de notre site de blogue interne, renforçant ainsi son attrait visuel. À cet égard, SiteOrigin nous a offert des solutions performantes. Cette fonctionnalité permet de définir des arrière-plans pour des pages spécifiques et pour l'ensemble du site. Nous pouvions ainsi afficher un arrière-plan global et le modifier pour certaines pages, ce qui nous permettait de différencier davantage les sections du site.
Témoignages
Il est important de noter que nous n'avons pas utilisé cette fonctionnalité pour notre site de blogue interne. Cependant, nous avons utilisé l'extension Témoignages pour d'autres projets. La possibilité de présenter les témoignages de clients avec des mises en page et des polices personnalisées renforce la confiance et la crédibilité, faisant des témoignages un élément essentiel de nombreux sites web. Bien que leur pertinence varie selon le contexte, ces sections humanisent les marques en mettant de l'avant leurs voix les plus authentiques – une approche particulièrement efficace dans les secteurs de services.
Activer/Désactiver la visibilité
L'accès au blogue interne était organisé selon une architecture utilisateur à plusieurs niveaux. Concrètement, deux groupes d'utilisateurs principaux avaient des rôles personnalisés différents, allant d'invité à administrateur. Cette fonctionnalité nous permettait de contrôler l'accès au contenu en fonction de ces rôles. Nous avons créé des sections exclusives pour les employés, personnalisant ainsi l'expérience utilisateur tout en conservant les fonctionnalités de base pour les invités.
Conçu pour la réussite, SiteOrigin Page Builder simplifie la conception WordPress grâce à son interface intuitive de type glisser-déposer. En démystifiant des tâches complexes telles que la personnalisation de la mise en page, l'intégration de gadgets et l'accessibilité du contenu, il permet aux utilisateurs de créer des sites Web professionnels et esthétiques, adaptés à leurs besoins spécifiques.
SiteOrigin Premium : Assistance et mises à jour
Accès à tous les modules complémentaires
Tel que mentionné précédemment, SiteOrigin Premium offre une gamme complète d'outils vous permettant de créer des sites Web sur mesure. Cette flexibilité est précieuse pour les propriétaires de sites Web et les agences travaillant sur des projets variés.
Mises à jour régulières
Des mises à jour régulières garantissent la fonctionnalité et la pertinence de votre site web. Par exemple, les nouvelles options de mise en page introduites grâce aux mises à jour nous ont permis de garder les sites de nos clients à l'avant-garde des tendances en matière de design, et ce, sans effort.
Ensemble de gadgets supplémentaires
Personnaliser les formulaires, les gadgets sociaux et les éléments interactifs n'a jamais été aussi simple. Ces modules supplémentaires enrichissent les fonctionnalités de tout site et ont été essentiels pour les commentaires que nous avons recueillis lors de notre projet de blog.
Améliorations du thème
Les améliorations du thème Premium offrent un contrôle accru sur le design, vous permettant de créer des sites Web soignés et professionnels, en accord avec votre image de marque.
Tarifs et options d'abonnement
Le modèle de tarification de SiteOrigin Premium est flexible et accessible, avec des options pour les particuliers, les entreprises et les agences :
- Licence pour un seul site : Idéal pour les projets individuels, offrant un accès complet aux fonctionnalités à un prix raisonnable.
- Baccalauréat en affaires : Parfait pour gérer jusqu’à cinq sites différents, cette option Premium est idéale pour les petites entreprises.
- Licence développeur : L'utilisation illimitée sur plusieurs sites en fait le choix idéal pour les agences gérant de nombreux clients.
Chaque abonnement garantit l’accès à des outils premium, des mises à jour régulières et une assistance exceptionnelle, ce qui en fait un investissement judicieux.
Problèmes connus avec SiteOrigin Page Builder
Difficultés courantes et solutions
Bien que SiteOrigin Page Builder soit un outil largement utilisé et fiable, les utilisateurs rencontrent parfois des problèmes techniques, souvent liés à la compatibilité des plugiciels, aux conflits de cache et à l’absence de widgets. Les méthodes de dépannage suivantes permettent généralement de résoudre ces problèmes.
Problèmes courants et solutions :
- Problèmes de compatibilité des plugiciels – Certains utilisateurs ont signalé des conflits de plugiciels avec le Page Builder, notamment après les mises à jour de WordPress. Si certaines fonctionnalités ne fonctionnent plus ou si des widgets cessent de fonctionner, tester en mode sans échec ou désactiver temporairement les plugiciels conflictuels peut aider à identifier les problèmes.
- Interférences de cache – Les plugiciels de cache, comme LiteSpeed Cache, sont reconnus pour causer des problèmes d'affichage, notamment avec les médias intégrés tels que les vidéos. Vider le cache ou ajuster les paramètres de cache résout généralement ces problèmes.
- Disparition des gadgets – Il arrive que certains utilisateurs remarquent la disparition de widgets après la désactivation d'un thème qui les contenait. Vérifier les paramètres des widgets SiteOrigin et réactiver les composants manquants ou annuler les modifications peut rétablir leur fonctionnement.
Malgré ces petits problèmes, SiteOrigin Page Builder reste un outil puissant et adaptable, constamment amélioré grâce aux mises à jour et au soutien de la communauté.
Comme pour tout outil de création de pages, la patience et la familiarité sont essentielles pour optimiser son flux de travail. Maintenant que les subtilités sont abordées et que certains obstacles courants sont identifiés, il est temps de se concentrer sur l'essentiel.
RESTEZ À L'ÉCOUTE DE NOS DERNIÈRES PUBLICATIONS
Vous avez aimé la lecture ? Abonnez-vous et recevez une notification dès la parution des articles
Merci d'avoir pris le temps de lire jusqu'ici. Si vous avez apprécié nos manigances jusqu'ici, pourquoi ne pas vous abonner pour être averti lorsque notre prochain article sera publié ?
Attention ! En vous abonnant, vous acceptez d'être averti par e-mail de la publication d'un nouvel article. Dans le cadre de nos activités, nos envois peuvent inclure des offres de tiers. Pour plus d'informations, n'hésitez pas à consulter notre Politique de confidentialité.
~ Plus d'articles de blogue ~
Découvrez comment les configurations et les pages de marque de Studiocart vous aident à créer des processus de paiement WordPress pour de meilleures conversions.
Découvrez certaines des meilleures plateformes d'images gratuites et apprenez à ajouter des visuels directement sur WordPress avec l'extension Instant Images.
Le balisage Schema aide les moteurs à interpréter votre contenu, renforce la visibilité via les extraits enrichis et favorise l’engagement de l’utilisateur.
Découvrez comment les configurations et les pages de marque de Studiocart vous aident à créer des processus de paiement WordPress pour de meilleures conversions.
Découvrez certaines des meilleures plateformes d'images gratuites et apprenez à ajouter des visuels directement sur WordPress avec l'extension Instant Images.
Clause de non-responsabilité:
Le contenu de ce site Web est fourni à titre informatif uniquement et reflète des opinions personnelles basées sur l'expérience. Il ne constitue pas un conseil professionnel et nous ne garantissons pas les résultats spécifiques de l'utilisation des outils ou des stratégies présentés. Bien que nous nous efforcions d'être précis dans nos écrits, les lecteurs doivent comprendre que ces articles représentent un instantané dans le temps : les extensions sont mis à jour, les outils évoluent et les fonctionnalités peuvent changer. Nous encourageons les lecteurs à vérifier les informations de manière indépendante avant leur mise en œuvre.
Veuillez noter:
Notre politique est d'assurer la transparence concernant la présence de publicités, notamment d'affiliation, sur ce site web. Vous pourrez trouver des publicités ou des hyperliens sur la partie publique du site, ainsi que sur des pages dédiées de l'espace client présentant des offres spéciales de nos partenaires. Bien que certains liens présents sur le site puissent générer des commissions, cela n'influence en rien notre contenu ni nos recommandations. Notre objectif est de partager notre expertise WordPress, fruit de nombreuses années d'expérience, sans que des affiliations externes n'influencent nos conseils.
Si vous remarquez un contenu qui nécessite une mise à jour, veuillez nous en informer et nous réglerons le problème rapidement. Pour plus de détails, veuillez consulter notre conditions d'utilisation.
