Comment faire un site web stylé ? Éditions Tilda

2024 Auteur: Malcolm Clapton | [email protected]. Dernière modifié: 2023-12-17 03:55

- un constructeur modulaire qui vous permet de créer des sites sympas en peu de temps: portfolios, pages de destination, boutiques en ligne, projets spéciaux, histoires interactives, blogs. Tout n'est limité que par votre imagination. Comment créer votre propre site Web en utilisant le service, lisez les instructions de nos amis de Tilda Publishing.

En quoi Tilda diffère des autres constructeurs

1. Code de conception

Vous assemblez un site non seulement à partir d'éléments, mais à partir de blocs préconçus par un concepteur. S'il s'agit de texte, la taille de la police, les retraits et l'espacement des lignes y sont ajustés. S'il s'agit d'une image, la légende sera située au bon endroit. La plupart des blocs sont constitués de plusieurs éléments que le designer a déjà assemblés dans une composition. Vous n'avez pas besoin de vous demander où et ce qui doit être situé.

Par exemple, couverture (premier écran). Il se compose d'une photo, d'un titre, d'une description et parfois d'un bouton. Vous évaluez le contenu que vous avez, choisissez l'option appropriée parmi 30 couvertures, modifiez la photo et le texte - vous avez terminé. Vous n'avez pas besoin de penser à la taille de la police ou à l'indentation entre le titre et la description, où le bouton doit être situé. Les designers ont pensé pour vous. Naturellement, tous les paramètres peuvent être modifiés s'il y a confiance et compréhension de ce que vous faites. Mais comme point de départ, les blocs préconçus sont un très bon support.

2. Flexibilité d'utilisation

Les développeurs ont pensé à: connecter votre propre domaine ou sous-domaine, laisser le site sur le sous-domaine Tilda, exporter le site et le placer sur votre serveur, faire une partie du site sur Tilda et l'intégrer dans le site existant, configurer la publication via l'API. Il existe des plugins pour l'intégration avec le site sur WordPress et Bitrix.

3. Services de réception de données à partir de formulaires

Vingt services sont intégrés à Tilda: email, Google Drive, MailChimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Zoho CRM, Hubspot, Bitrix24, Telegram, Slackier, Trello, Zep Webhook.

Vous pouvez recevoir des candidatures par e-mail, créer des listes de diffusion ou collecter des prospects dans un système de gestion des données client (CRM).

En outre, les utilisateurs peuvent utiliser gratuitement le CRM Tilda intégré pour un travail pratique avec les applications.

4. Ajouter des éléments uniques

Si vous avez besoin de fonctionnalités spéciales qui ne sont pas disponibles par défaut, utilisez la fonctionnalité d'insertion HTML. Vous pouvez trouver des solutions toutes faites ou commander le développement d'un programmeur - un morceau de code ne coûtera pas une fortune.

Services faciles à ajouter à un projet Tilda:

• Chronologie des événements -.
• Cartes interactives -.
• Vente de billets pour l'événement -.
• Images interactives -.
• Retour d'information -.

5. Éditeur professionnel Zero Block pour les concepteurs

Avec l'aide de Zero Block, vous pouvez créer une conception de site Web de toute complexité. Dans le bloc Zéro, vous pouvez éditer tous les éléments du site et mettre en place des animations complexes.

6. Services d'acceptation des paiements

Lors de la création d'une boutique en ligne sur Tilda, vous pouvez connecter un système de paiement qui vous convient et recevoir le paiement en ligne légalement. Tilda dispose de 14 services de paiement disponibles pour la connexion: Cloudpayments, Robokassa, PayPal, YuMoney, YuKassa, Alfa-Bank, Sberbank, Tinkoff Bank, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe et WayForPay.

Débuter chez Tilda Publishing

Passons de la théorie à la pratique. Après vous être inscrit sur Tilda, donnez un nom à votre nouveau site, cliquez sur le bouton "Créer une nouvelle page", et vous verrez une liste de modèles. Choisissez celui qui vous convient et adaptez-le, ou partez d'une page blanche. Le choix ne limite en aucune façon votre créativité: à tout moment, vous pouvez changer le modèle au-delà de la reconnaissance. Ceci n'est qu'un exemple de bonne conception et un exemple d'utilisation de blocs.

Si vous décidez de créer une page à partir de zéro, Tilda vous proposera de regarder une courte vidéo sur le fonctionnement de l'interface.

L'interface est très simple: à gauche se trouve une bibliothèque de blocs répartis en catégories. L'ensemble du contenu du bloc est édité sur la base d'un clic et d'un changement.

Directives générales pour la création d'un site Web

À proprement parler, la création d'un projet Web ne commence pas par l'inscription sur un constructeur de site Web. Tout d'abord, vous devez formuler une idée et réfléchir à la structure, puis effectuer des recherches, puis esquisser plusieurs options pour le futur site et préparer le contenu. Les détails de ce processus sont détaillés dans l'article de l'équipe Tilda Publishing "".

Jetez un œil à la création de différents types de projets: page, site multipage, blog ou longue lecture.

Cette section vous aidera à mieux comprendre les capacités de la plateforme et à trouver l'inspiration. Voici quelques exemples de bon travail d'utilisateur.

Une fois que vous avez configuré tous les blocs, assurez-vous que le site est joli et bien rangé. Alignez les retraits, rendez les titres cohérents, vérifiez si la taille de la police est la même dans le texte. Assurez-vous qu'il y a suffisamment d'espace libre sur le site. Vous pouvez en savoir plus sur la propreté dans l'article de l'équipe Tilda "".

Pensez à la navigation sur le site ou au sein d'une seule page. Ajoutez un menu, assurez-vous qu'il soit visuellement bon: pas trop gros, ne surcharge pas toute la page. Il ne devrait pas y avoir beaucoup d'éléments de menu, de préférence pas plus de cinq. N'hésitez pas à agrandir les sections. Gardez les noms courts, ils doivent être lus d'un coup d'œil. Un élément de menu en trois mots n'est clairement pas un bon choix.

Assurez-vous d'inclure une police de marque. Dans Tilda, vous pouvez sélectionner des polices de base dans la bibliothèque intégrée. Ils sont gratuits pour les utilisateurs de la plateforme. Vous pouvez également connecter des polices d'Adobe Fonts, Google Fonts ou télécharger les vôtres.

Publiez votre site. Donnez-lui un nom en utilisant le sous-domaine Tilda, connectez votre propre domaine ou exportez le code et placez-le sur votre serveur.

N'oubliez pas les statistiques. Tilda a des statistiques intégrées pour les sites Web et les magasins en ligne. Pour des analyses plus approfondies, inscrivez-vous avec Google Analytics ou Yandex. Metrica, obtenez le code et écrivez-le dans les paramètres.

Prenez soin de l'apparence de votre site lorsqu'il sera affiché dans les moteurs de recherche ou les réseaux sociaux: renseignez le nom du site, la description, ajoutez des mots-clés. Fournissez à chaque page une petite photo, puis, lors du partage, elle sera encadrée qualitativement.

Avantages de la publication Tilda

1. Pas besoin de connaître le code … Vous n'avez pas besoin d'apprendre à coder ou de demander de l'aide à des programmeurs familiers. Tous les paramètres dans un éditeur pratique.
2. Aucun concepteur nécessaire. Les blocs sont conçus par des professionnels, toutes les proportions sont vérifiées et harmonieuses.
3. Conception adaptative. Les blocs sont conçus pour que vous n'ayez pas à ajuster le design pour les tablettes et les smartphones. Le site a fière allure sur tous les appareils.
4. Édition simple. Si vous créez un site Web pour un client, il pourra à l'avenir apporter rapidement des modifications et maintenir le site par lui-même, sans l'aide de professionnels.
5. Domaine ou exportation. Le site se connecte à son propre domaine ou est exporté sous forme de code pour être hébergé sur un autre serveur.
6. Analyse intégrée. Vous pouvez visualiser les visites et les utilisateurs (y compris par page). De plus, les compteurs Google ou Yandex sont connectés dans une interface spéciale en spécifiant simplement un numéro.
7. Optimisation du moteur de recherche … Vous contrôlez l'apparence du site dans les résultats de recherche ou les réseaux sociaux.
8. Conception de toute complexité. Vous pouvez créer vos propres blocs et avoir un contrôle total sur la disposition des éléments du site.
9. Personnalisation flexible. Tous les éléments spéciaux sont ajoutés en collant du code HTML.
10. Grand choix de polices. Connectez n'importe quelle police de Typekit, Google Fonts ou utilisez la vôtre.
11. Formes de réception des données. Vos clients pourront s'abonner aux mises à jour, laisser leur numéro de téléphone ou leur e-mail. Neuf services intégrés pour la réception de données.

Plans tarifaires

Libérer. Un site, 50 pages, 50 Mo d'espace serveur. Adresse du site de la forme mysite.tilda.ws. Est libre.

Personnel. Un site, 500 pages, 1 Go d'espace serveur. Connexion au domaine et collection complète de blocs. 500 roubles par mois si payé pour l'année.

Entreprise. Cinq sites, 500 pages (pour chaque site), 1 Go d'espace serveur. Exportation de codes. 1 000 roubles par mois si payé pour l'année.

Éducation de Tilda

En plus du service de création de sites Web de la plateforme, il existe un magazine en ligne, Tilda Education, une bibliothèque de connaissances sur la conception et le marketing Web. Des guides pratiques et des tutoriels vidéo répondent à la question spécifique « comment ? » et aide dans le travail quotidien. Les articles de conception contiennent des outils pour trouver des idées, élargir vos horizons professionnels, façonner votre goût visuel et suivre les tendances de la conception Web. Les récits d'utilisateurs de Tilda vous inspirent pour créer vos propres projets, et les cours vous aident à maîtriser la théorie de base de la conception et à améliorer vos compétences en matière de publication Web.

Tilda a publié cinq cours que vous pouvez suivre vous-même à tout moment: "Créer une page de destination", "Concevoir dans un environnement numérique", "Le marketing Internet à partir de zéro", "Animation sur le Web" et un cours vidéo sur la méthode de développement de produits Jobs-to-Be ‑ Done.