Personnalisation du site Web à la vitesse maximale: introduction du CMS Sitefinity, que peu de gens connaissent, mais en vain

Nous avons développé plusieurs sites Web sur la plateforme CMS Sitefinity et recevons des retours positifs d'utilisateurs qui aiment la plateforme pour sa simplicité et sa convivialité. Je suis Dasha Maksimova, développeur de logiciel de conception numérique, je vais vous montrer comment CMS Sitefinity recherche ceux qui sont engagés dans la configuration initiale et le placement du contenu en utilisant l'exemple d'un site de démonstration, je vais vous présenter les principales fonctionnalités et outils de travail. Nous allons créer une page de site Web, la personnaliser et vous serez surpris de sa rapidité et de sa facilité!







Qui sait sur quels sites se trouvent en Europe ou en Amérique? Vous connaissez? Nous savons!



Aujourd'hui nous avons affaire au CMS Sitefinity de la société Progress, nous apprenons à personnaliser le site d'un léger clic de souris et ne tourmentons pas les développeurs, ce sont aussi des personnes.



Après trois ans de travail avec CMS Sitefinity, je comprends que je ne veux pas du tout laisser le développement sur cette plateforme, c'était le destin. Je continue toujours à étudier ses capacités et à évaluer son pouvoir - accro, cela dit tout. Le plus cool d'être développeur est de se développer sans se laisser distraire par la personnalisation des souhaits des spécialistes du marketing. En travaillant avec Sitefinity, cela s'est de plus en plus réalisé. Certains moments ne peuvent toujours pas être évités, mais l'interface d'administration la plus compréhensible et une bonne documentation font leur travail. Nous développons, apprenons et montrons ce que nous avons appris.



Ce qui nous a attiré vers CMS Sitefinity. Vous trouverez ci-dessous les principales fonctionnalités proposées par Progress dans la description de CMS Sitefinity.



Bonus pour les développeurs:







Bonus pour les spécialistes du marketing:







Dans cet article, je veux montrer l'un des bonus pour les spécialistes du marketing - la personnalisation. Pourquoi c'est important? «Dans l'environnement numérique dynamique d'aujourd'hui, les entreprises doivent toucher différents publics et s'assurer que les visiteurs de leurs sites Web voient un contenu pertinent qui fournit les bonnes informations au bon type de visiteur au bon moment. Comme vous ne pouvez pas vous adresser à tout le monde en même temps avec des informations relativement générales, la personnalisation vous permet de créer une conversation personnelle et pertinente avec vos clients, en leur fournissant des informations significatives et utiles pour eux. De cette façon, vous pouvez attirer activement des clients et atteindre vos objectifs commerciaux. " Alors, allons droit au but.



La personnalisation ou le ciblage est l'affichage de contenu sur un site Web qui correspond à certaines préférences de l'utilisateur, qui sont identifiées en fonction d'un ensemble de critères. En d'autres termes, il s'agit d'un contenu dynamique.



Par exemple, Vasya nous a acheté du shampoing et du dentifrice, ce qui signifie que dans un mois, il verra un examen des dentifrices sur la page principale et dans 2 mois - des promotions rentables sur les shampooings. Combiné avec le reciblage hors site pour les déclencheurs configurés, cela augmentera la probabilité d'un achat.



J'utilise Quantum comme site de démonstration. Ceci est une version gratuite du site Web clé en main fourni par Progress (peut être téléchargé à partir du site officiel www.progress.com/sitefinity-cms/try-now pour un déploiement local ou sur www.progress.com/sitefinity-cms/try-now/sandbox , utilisez cloud sandbox).







Voici à quoi ressemble le site, et il n'y a presque pas de mains de développeur! Pas de coutume! La démo est assemblée à partir d'éléments assez populaires d'un site classique:

• Modèles de page prêts à l'emploi, afin de ne pas composer pour chaque en-tête, pied de page et mise en page
• Galerie de photos
• Actualités pouvant être triées par catégories et tags
• Forums
• Formulaire de commentaires
• Autorisation
• Recherche du site
• Boutique avec produits prêts à l'emploi, panier
• Informations de localisation avec carte satellite
• Le menu de navigation
• Et beaucoup de contenu différent de lien texte-image.

Qu'y a-t-il à l'intérieur? Principaux modules et fonctionnalités



Jetons un coup d'œil sous le capot et allons dans la zone d'administration du site Web.







Seuls 8 onglets stockent des fonctionnalités impressionnantes, dont le fournisseur parle pendant plusieurs heures:

• Multisite
• Module Pages
• Le contenu principal est tout ce qui peut être utile pour remplir le site (photothèques, vidéos et documents, actualités, formulaires, forums, commentaires, possibilité de classer les contenus externes et internes par tags et catégories)

• Module e-commerce

• Modèles de page et règles de mise en page réactives
• Administration (utilisateurs, rôles, droits, options de sécurité, cache, cookies, workflow, localisation, intégration, indexation, chat, exportation et importation de contenu)
• Module marketing (personnalisation, suivi, campagnes e-mail, abonnés et modèles de lettres)

De la théorie à la pratique!



Créer une page ...



Mais passons aux choses sérieuses et enfin créons une page et personnalisons-la!





Le module Pages contient des groupes de pages, des pages, la localisation, un aperçu et des actions de base.

1. Créons un groupe de pages. En cliquant sur le bouton Créer une page, accédez à la fenêtre de création de page. Définissez le nom de la page de conception numérique, cochez Afficher dans la navigation et en faire une page de groupe. Cliquez sur le bouton Créer.
2. Créons une page d'accueil. En cliquant sur le bouton Créer une page, accédez à la fenêtre de création de page. Définissez le nom de la page d'accueil, dans la section Mettre cette page ..., sélectionnez Sous la page parent ... et recherchez le groupe de pages nouvellement créé dans la liste, cochez les cases Afficher dans la navigation. Cliquez sur le bouton Continuer.
3. , .. , . css-. Sitefinity ( ). quantum.
4. , : header footer. .
5. «» — . Content Content block . Create content . .
6. , . , , html , «». Save.
7. ! Save as Draft , . , , Preview ( ).
8. Sitefinity – . . “...”, Preview for mobile.
9. Si tout nous convient, nous publions la page en cliquant sur le bouton Publier - c'est ainsi que nous avons créé une page avec un contenu minimal en quelques minutes.

... et personnalisez-le





1. Allez dans le module "Marketing" -> "Personnalisation".



2. Voici toutes les caractéristiques disponibles que vous pouvez sélectionner pour décrire le segment d'utilisateurs:



Caractéristiques géographiques

• Adresse IP de l'utilisateur
• Localisation (géolocalisation)

Caractéristiques de la session

• URL de destination (la page de votre site Web vers laquelle l'utilisateur a été redirigé à partir d'un site Web externe)
• URL de référence (URL de la page qui a redirigé l'utilisateur vers votre page)
• Heure de la journée (intervalle de temps pendant lequel l'utilisateur a visité le site)
• Durée de la visite (durée de la session utilisateur)
• Page visitée
• URL ( , URL-).

• ( ).
• ( Sitefinity CMS, . , ).

• , .

3. Créons un nouveau segment d'utilisateurs. Appelons-le Client de Saint-Pétersbourg. Comme caractéristique, l'emplacement "Saint-Pétersbourg" est défini et, supposons, l'heure de la journée est de 12h30 à 15h00 - du coup c'est pendant ces heures que les remises et promotions sont valables. Et ajoutez une restriction sur le rôle - Anonyme.



4. Par conséquent, les utilisateurs anonymes de Saint-Pétersbourg de 12h30 à 15h00 pourront voir un contenu spécial sur le site. Cliquez sur le bouton Enregistrer les modifications.



5. Personnalisez maintenant le contenu de la page d'accueil que nous avons créée précédemment. CMS Sitefinity suggère qu'il existe des widgets qui peuvent être personnalisés, ou que vous pouvez créer des pages entièrement personnalisées. Pour le widget Bloc de contenu, cliquez sur le bouton Plus -> Ajouter une version personnalisée. Sélectionnez le segment personnalisé créé Client de Saint-Pétersbourg. Cliquez sur Ajouter. Maintenant, nous changeons le contenu du widget, par exemple, l'appel aux utilisateurs. Cliquez sur Enregistrer.



6. Une partie du contenu personnalisé est donc prête! Pour afficher les résultats sans publier la page, vous pouvez aller sur le bouton à gauche -> Prévisualiser cette page comme ... Sur le panneau de gauche, vous pouvez sélectionner un segment et voir comment le contenu change (tout le monde ne peut pas finir dans Saint-Pétersbourg pour tester la géolocalisation) ou cliquez sur votre propre ensemble de caractéristiques de l'utilisateur actuel, pour comprendre comment les paramètres des segments se chevauchent. À l'avenir, il sera possible de définir des priorités pour les segments d'utilisateurs afin que certains contenus soient en haut, avec des caractéristiques qui se chevauchent. Lorsque nous sommes satisfaits de tout, nous appuyons sur Publier et nous avons terminé!

Production

Ainsi, sans manipulations compliquées, rapidement et simplement, nous avons créé une page et l'avons personnalisée. Il n'est pas nécessaire de demander au développeur d'ajouter un plug-in incompréhensible, pas besoin de perdre du temps sur les tests, sur les améliorations, mais simplement «prendre et personnaliser»! MS fait gagner beaucoup de temps au projet, en particulier en termes d'élargissement et de développement de contenu. En raison de la simplicité du code et de la cohérence du travail sur la plateforme, il est facile à apprendre, la génération automatique de code est possible sans impliquer les programmeurs. Lorsque vous travaillez sur d'autres plates-formes, il est assez difficile d'apporter des modifications: par exemple, pour configurer correctement la page, vous devez parcourir tous les doublons et par conséquent, le code peut se transformer en "désordre". La même chose se produit lors de la configuration du multisite. En général, les sites mis en œuvre sur d'autres plates-formes sont difficiles à transférer de spécialiste en spécialiste en raison du code déroutant,et l'administration sans la participation de l'informatique et des webmasters est difficile («Changer quelque chose est la bonne étape pour casser»).



Et comme la plate-forme permet d'économiser du temps et du budget d'un client satisfait, qui peut non seulement soutenir, mais également développer son site en cliquant sur de nouvelles pages, sections et fonctionnalités marketing, nous ferions mieux de garder le silence. En tant que développeurs.



Pour ceux qui sont dans le réservoir

Pour le pompage

Site de clients satisfaits

Pour faire connaissance