Masterclass sur la page daccueil et le modèle de-mail Squarespace

. Dans cette vidéo, nous allons nous lancer dans r en direct avec un projet client réel,. Nous allons créer une campagne par e-mail Squarespace, puis nous allons créer une page de destination dédiée qui alimente par e-mail le défi majeur que nous avons avec cet exemple réel, l’. E-mail est énorme, c’est pour une location de vacances au. Centre du Pays de Galles, une cabane au milieu de. Nulle part où il doit y avoir beaucoup d’informations fournies au visiteur, comme les directions, les extras facultatifs et aussi la gestion comme comment y accéder. La propriété, le défi avec cela. Type d’informations est que nous ne pouvons pas nous attendre à ce que notre client ou ses visiteurs dans cela. Cas s’assoient et lisent chaque ligne. Certaines personnes sont comme ça, je ne le suis certainement pas et je vais donc scanner,

lire et trouver des informations pertinentes

Pour moi au moment de la recherche, nous devons ainsi diviser ce contenu en hiérarchie d’importance, par exemple les informations clés qui doivent être fournies au client et un bon exemple dans celui-ci est que le code postal ne vous amène pas à la propriété parce qu’elle se trouve dans une zone rurale, vous serez probablement déposé. À moins d’un mile des locaux, certains pourraient. Aimer cette aventure pour trouver où se. Trouve l’endroit, mais la plupart des gens ne le feront pas, notre défi est donc de prendre toutes ces. Informations, de les condenser dans un courrier électronique et. Donnez les informations les plus importantes afin que Le spectateur puisse les lire, puis affichez-les. Extras facultatifs dans lesquels nous pouvons introduire. Des images pour fournir un peu plus de punch. Nous pouvons également nous assurer que nous. Mettons tout en place de manière que nos visiteurs ou. Leurs visiteurs soient susceptibles de le faire. Soyez excité. Avant d’y rester, puis nous. Créons une page de destination dédiée qui contient toutes les informations présentées dans des sections catégorisées afin qu’il soit facile à consommer, il y a beaucoup à faire ici et l’atelier va prendre environ 90. Minutes en fait, ils pourront ateliers de. Notre playlist en direct Build ers du site Web, rendez-vous. Sur le site Web Build ers Channel et. Jetez un œil à cette playlist, car elle me permet de créer beaucoup plus de tutoriels. Et de contenus comme celui-ci que vous pouvez regarder. À votre rythme et tout comme moi. Je vous invite dans notre studio de design alors que nous avançons dans un projet, mais De toute façon, revenons à la tâche à accomplir, nous. Allons commencer avec le modèle d’e-mail. Et il s’agit en fait d’un. Site Web déjà en ligne appelé Paru. Je vais laisser un lien dans la description. Juste pour que vous puissiez aller consulter cela. Site Web et voir ce que vous pensez de. Site Squarespace, nous allons utiliser les. Campagnes par e-mail Squarespace, puis Nous allons utiliser la dernière. Version de Espace Swiftspace 7. 1 pour l’envelopper allons jeter un. Œil aujourd’hui, nous allons examiner les

campagnes par e-mail Swiftspace et c’est quelque chose dans lequel je

Voulais revenir depuis un petit moment. J’ai créé un mini-cours sur la nouvelle Demi, il y a quelques années et Les campagnes ski spin ont un peu changé depuis,. Plus récemment, j’ai eu l’. Opportunité d’une de nos clientes. Vicki qui vient de lancer un site Web appelé Y B et nous y verrons. Dans une minute, c’est un site Web ski Bas. Et nous cherchons des moyens de passer. Au niveau supérieur, alors comment gérer les. Communications, c’est une location de vacances, donc là. Communication par courrier électronique est vraiment importante. Et une grande partie de cela se produira après les Ventes avec le courrier électronique après-vente. Notre approche peut être légèrement différente, mais en fin de compte, nous voulons obtenir un bon équilibre entre une belle sensation brillante, mais En même temps, le chargement doit être. Suffisamment rapide et je peux vous montrer une astuce. Pour que vos images soient belles et compressées. Pour les mails au fur et à mesure de leur sortie. En fait,. J’ai j’ai complètement oublié de le faire lorsque je. Les télécharge dans le système afin que l’un d’entre eux soit sur moi. J’ai également pris la liberté de prendre les e-mails existants que VI m’a fournis et de les mettre dans un. Document Google, ce qui signifie que nous pouvons simplement copier et coller le contenu et commencez à construire la structure autour du contenu, il y a deux exemples, l’un qui sera. Très bien transféré à ce type d’e-mail, un. Autre qui va nous donner un. Plus gros mal de tête, mais je n’entrerai pas dans les Détails tant que nous n’aurons pas bien regardé si vous voulez apprendre à comprendre la campagne par e-mail ski B pour créer des. Partages de courrier d’aspect professionnel ou si. Vous êtes facilement intrigué par l’outil de la campagne et la réponse courte. Est que c’est un concurrent direct pour des. Chimpanzés mâles comme les avantages sont. Qu’il est intégré dans l’espace carré, ce qui signifie que nous n’avons pas besoin de quitter l’espace carré pour gérer nos courriers, même des choses comme la collecte d’e-mails. Via une inscription à la newsletter ou. Leur ajout automatique aux listes Min. Lorsqu’ils le font dans ce cas une réservation, tout cela est couvert, elle est également. Conforme au RGPD ici en Europe et au Royaume-Uni,. Nous avons donc tous ces aspects en place, cela suit les bonnes pratiques, car vous espérez que C’est une très bonne solution, ce n’est pas là. Moins chère, mais si vous l’utilisez fortement, je. Suppose qu’avec tout, cela devient un très bon rapport qualité-prix à mon avis, mais je. Pense que c’est probablement une introduction suffisante. Je vais partager mon

écran maintenant et je vais me lancer et essayer, je partage l’intègre

Lité du bureau pour que Le rapport puisse ce n’est pas parfait pour un. Écran 16 x 9, donc je travaille directement sur mon MacBook et je pourrais aussi briller comme une goule en ce moment juste à cause de. Blanc qui sort de l’écran, ainsi. Vous devrez simplement rester avec moi là-. Dessus Jetons un coup d’œil aux e-mails

pour commencer, nous en avons ainsi un ici

Qui est, je pense, la longueur parfaite pour. Ce type d’e-mail et ce que je vais essayer de faire est de. Combiner un style de lettre d’e-mail traditionnel. Pour le premier. Un peu, mais lorsque nous prenons des liens ici, nous pouvons les. Signer visuellement et le même, tandis que les icônes émojis peuvent bien fonctionner. Je pense que nous pouvons les échanger avec des photos si quelqu’un a fait une réservation pour une lampe de vacances que vous souhaitez. Soyez enthousiasmé par l’apparence et la convivialité, c’est là que nous pouvons y mettre quelques photos qui ont été

redimensionnées afin qu’elles soient agréables et

À chargement rapide et je pense que cela aidera vraiment aussi, alors nous aurons un plus long envoyer un e-mail ici, ce qui, je pense, va être un véritable défi à mettre dans un. Format de newsletter et à intégrer tout cela, donc ce que j’ai. Suggéré, c’est que nous en fassions une. Version tronquée, ce que je n’aurai probablement pas le temps de faire aujourd’hui parce que je Je vais me. Concentrer sur l’e-mail le plus court, mais si je peux créer un modèle, peut-être même juste une. Version plus courte de celui-ci comme dernier. Rappel, puis nous pourrons mettre tout ce contenu sur une page de destination qui n’est pas sur Google, nous n’avons pas à le faire. Mais nous pourrions. Protéger cette page par mot de passe et c’est là que nous pouvons signer l’e-mail afin qu’ils puissent recevoir un. E-mail d’apparence normale, mais s’ils veulent en savoir plus sur chacun de ces domaines, comme par Exemple nous trouver par mauvais temps, nous. Pouvons regarder en plus, ce que je vais faire, c’est ouvrir le chat GT. J’ai. Le chat GT qui correspond à moquer Dev, donc cela. Signifie qu’il y a beaucoup de choses, mais je. N’ai pas à les refaire, ce que je vais faire. Tout d’abord, je prends cet e-mail dans son. Intégralité et je vais vous donner un message,. C’est un très bon. Mais ce n’est pas aussi bon qu’aujourd’hui euh donc on peut dire que l’e-mail est trop long euh. Nous avons besoin d’une. Version classée il fait passer tous les points dans le courant de la voix,. Puis Renvoie vers une page d’accueil unique. Dans une page d’accueil, nous pouvons utiliser des accordéons avec lesquels nous pouvons mettre les titres des questions comme la FAQ, ensuite. Les développer pour avoir les réponses. Chacun, donc c’est quelque chose que nous pouvons envoyer par courrier électronique, la technologie a pris du retard sur la technologie Web, il est ainsi beaucoup plus. Difficile de mettre des polices personnalisées dans un. E-mail, euh, pour qu’un e-mail ait l’air entièrement sur mesure, nous devrons peut-être même utiliser des graphiques découpés, ce qui est vraiment de la vieille école. Ce que je faisais à la fin des années 90 et oui, ainsi ce n’est pas euh, le courrier électronique n’est tout simplement pas arrivé au même rythme que le Web et la conception Web réactivent,. Donc, nous sommes limités dans une certaine mesure en termes de ce que nous pouvons mettre dans les e-mails et. C’est pourquoi signez-vous sur une page qui. Contient tout un peu comme un livret ou un manuel euh pour votre séjour avec lequel. Ils peuvent passer un moment à côté pour y jeter un œil et voir de belles photos supplémentaires, etc. Eh bien, passer. En revue tout cela dans un e-mail, euh, et je. Pense qu’il a dit qu’elle-même, elle a dit que Certains d’entre eux ne verraient pas toutes les

informations parce qu’ils les verraient, ils le

.

verraient et c’est un peu un

Problème de gestion cela va de l’avant, donc j’ai mis un Col à la fin de The Prompt, juste SE CH de sait tout à ce sujet et ensuite, je vais. Brunch que dans ainsi le chat adore faire ça, nous avons eu des puces avec C au début, j’ai essayé d’inciter-le à en sortir parce que c’est l’un des signes révélateurs qu’il s’agit de CH PT euh, je pense que c’est probablement trop court ainsi je vais juste lui demander de le faire deux fois plus long, mais avec JE, nous n’avons pas besoin de nous. Réputer cette invite initiale, car elle devrait simplement la récupérer et l’exécuter à partir de. Là, mais c’est déjà beaucoup plus facile à. Digérer et à comprendre, c’est donc. Là que Vicky devrait la parcourir et sûrement échanger une partie de ce contenu avec canton basse. Euh est plus applicable, certains de ces éléments peuvent. Ne pas être hautement prioritaires et le chat GB peut ne

pas savoir tout cela, c’est ainsi quelque chose que nous pouvons exami

Et par la suite, mais en termes de longueur de l’e-mail, c’est là que J’irai ensuite, ainsi nous sommes résumé dans cet e-mail, puis nous établissons un lien vers une page où nous avons toutes ces informations dans leur intégralité et je pourrais même faire un autre atelier où je créerai cette page à. L’avenir, je serai la prochaine session en direct. D’accord,. Donc. En gardant cela à l’esprit, nous J’ai pris un bon départ, ainsi je vais juste vous faire un. Rapide tour du site Web avant de nous lancer et de commencer à créer cette campagne par e-mail. Nous avons ainsi la page d’accueil du site ici. Je pense que Ken dans Prix, un studio, l’a fait. Un très bon travail de. Ce côté-là, euh, ça a l’air sympa, ça a l’air unique et sur mesure pour ce client. J’aime vraiment la façon dont il a utilisé la galerie verticale, un peu comme un TikTok ou ou Facebook, vraiment euh et ça se prête alors à prendre des photos. D’un téléphone avec appareil photo et les télécharger directement sans avoir à se soucier de le vivre pour aménager le spa, voici une très belle photo, je pense que cela met en scène une belle scène, cela. Nous donne l’emplacement, cela nous donne là. Fonctionnalité, donc quand je parle de principes. Du design et nous pouvons également transposer cela un peu dans la photographie, euh, il y a une star de notre émission et c’est. Le bain à remous même si les chiens lui donnent une course pour l’argent et l’atmosphère, puis en termes de décor,. Tout est attiré dans le bain à remous au. Centre, mais tout le reste le décrit comme un emplacement idéal. Je. Pense qu’il y a beaucoup de gens dans le. Public cible qui regarderaient cela et penseraient que d’accord, je dois réserver cela de la même manière, puis avec le poêle à bois, quelques belles finitions ici. Cela rend notre travail de conception de sites Web beaucoup plus facile lorsque vous avez toutes ces touches finales sur les photos, là. Photo Dark Skies ici où vous avez les étoiles. La nuit euh et c’est. Magnifiquement pris,. Donc c’est ce qui se prête au passe en mode presque sombre avec la. Sélection de couleurs sur le côté de l’ardoise euh,. Ce n’est pas gris, ce n’est pas noir, c’est ce gris bleuté, euh, ardoise foncée, bien là. Couleur ardoise qui, je pense, fonctionne vraiment bien et cela lui donne juste cela. Genre de bois mystique, ressentez-le aussi et. N’oublions pas la star principale de cette série, nous avons le K lui-même euh, je crois que je peux me tromper et si. Y a un R courant parce que là-bas, ils peuvent probablement me corriger sur ce point, mais je crois Y basse est le petit. Serveur de bois ou petit Poudlard, c’est ce que cela signifie, donc les photos et là. Quantité de flore contenue dans ces images ne font que Confirmer cela, du bois utilisé. Pour la cabane jusqu’au Poudlard. Et tout s’intègre très bien, nous avons également intégré un logiciel de réservation appelé Brett. C’est là que la majeure partie. Du temps du projet a été consacrée à sa mise en place et à son fonctionnement. C’est. La première fois que R visualise le logiciel,. Donc naturellement, il y a un quelques problèmes de démarrage dont nous avons besoin, je pense, il suffit de finaliser rien de majeur, il s’agit simplement de s’assurer que les e-mails arrivent aux bons endroits en ce moment. Je pense que nous. Collectons les e-mails, les abordons et

nous sommes simplement en contact avec eux à propos de G I

J’en doute, mais l’accent va maintenant

changer, passant de la création et de la

Création d’un site Web professionnel à l’étape suivante, tout ira bien, quelle est la prochaine étape et la suite concerne essentiellement. Les e-mails, donc si vous accédez à la bibliothèque d’actifs ici et j’y vais campagnes par e-mail Je viens de réaliser que je n’ai compressé aucune de ces photos avant de les télécharger, ainsi ce que je vais faire, c’est s’il y a une option de sélection de tout, oui, elle est ici, ainsi je vais sélectionner. Toutes ces photos et malheureusement, supprimez-les tous parce que j’ai besoin de m’entraîner là où je prêche et quand je parle. De l’importance de la compression des images, c’est pour le Web, c’est encore plus important pour les e-mails,. Alors ouvrons un nouvel onglet et. Celui que j’utilise est compresseur d’audio I. J’ai créé quelques tutoriels à ce sujet, mais c’est très intuitif, très facile à. Utiliser, je vais donc sélectionner les fichiers. Sur mon ordinateur et voir si je peux. Les télécharger tous en une seule fois, trop de fichiers, ok, ainsi c’est gratuit outil ainsi ça limite,, nous allons ainsi nous allons aller avec celles-ci pour Commencer. Et maintenant ça va juste compresser celles de la marque d’arrière-plan et nous pouvons. Voir ici maintenant que certaines de ces photos celle-ci en particulier près de 8 mégaoctets ainsi ça va l’air époustouflant,

mais en fin de compte, il n’est pas nécessaire que

Cette qualité soit aussi proche pour. Pouvoir l’utiliser dans nos campagnes par e-mail, ainsi celle-ci 69  ;% les images, même avec les tailles de fichiers les plus petites possibles. Les compresser probablement moins et même certains d’entre eux sont toujours à un mégaoctet, mais ce que nous faisons, ce n’est que Nous réduisons considérablement

leur taille en leur appliquant simplement une compression intelligente

, nous pouvons bien sûr le faire dans d’autres. Outils comme un Photoshop W, mais c’est juste le moyen le moins cher et le plus efficace. De le faire, l’espace carré compressera. Légèrement les images, mais pas aussi bon que ça, donc si nous regardons celui qui faisait près de huit mégaoctets, nous pouvons voir que nous avons j’ai économisé 90  ;% de cette taille. Sur la plupart des types de connexions haut débit,

mais pas ultra-rapides, cela prendra juste un certain temps, vous

Le verrez descendre étape par étape sur la page, donc j’ai vraiment besoin de le faire pour que nous J’aie économisé, c’est ce que nous avons réduit en termes. De cela, ainsi si vous imaginez avoir 18 mégaoctets entrant dans vos. Boîtes de réception comme vous ne pouvez pas le faire sur beaucoup d’. E-mails, vous ne pouvez pas envoyer de pièces jointes de plus de 20. Mégaoctets, ainsi euh, des outils de messagerie comme Google le. Ne feront pas tellement, même si

l’espace carré les compresse à 40% de la

Taille, ce ne sera pas aussi efficace. Que de faire ça, ainsi de toute façon, sermon sûr euh, nous pouvons voir maintenant que cela est mis dans un. Fichier zip, mais avant de le faire plus loin, je vais juste actualiser chacun et voir. Si nous pouvons faire les trois autres, j’espère que Cela ne nous limitera pas. Maintenant, nous y allons, nous. Y allons, nous avons économisé 5

mégaoctets supplémentaires pour télécharger tout ce que nous avons de

X. Dossiers zip présentement, donc je Je vais juste double-cliquer dessus et maintenant, nous avons juste besoin de savoir télécharger à partir de ces dossiers, nous retournons à Squarespace, nous y allons, ils déplacent là. Bibliothèque attend plusieurs fois, c’était une. Édition relativement récente, je pense que c’est probablement la dernière 18 mois B ont enfin obtenu une configuration de bibliothèque de dossiers. Avant qu’il ne soit vraiment difficile de tout trouver, mais je suis donc un grand fan de. Cela, avant, c’était en bas, ici certains paramètres, maintenant, c’est sous le site Web et. Les ressources si vous recherchez et maintenant. Nous allons télécharger des fichiers présentement, nous les avons téléchargés, nous pouvons voir le compresseur d’audio, il n’a pas réellement réduit la taille des photos ce sont toujours de. Grandes photos, mais la compression. Signifie simplement qu’elles vont être plus rapide à. Télécharger lorsque nous téléchargeons des photos,. Parfois, nous voyons ces erreurs, je pense que vous pouvez simplement les ignorer, elles fonctionnent toujours et nous pouvons compter présentement à la fin de cela, cela semble être un petit bug, je suis. Je ne sais pas si cela. Arrive uniquement à moi ou à tous ceux que nous pouvons voir sur les neuf photos. Qui ont été. Téléchargées, une seule d’entre elles s’est affichée sans erreurs, mais si je l’actualise, mon argent est dessus, elles apparaîtront toutes là-bas, alors présentement nos photos sont toutes en place, donc je ne. Sais pas, ce n’est pas un bug majeur, mais si vous voyez cela, actualisez facilement un navigateur, laissez tout se terminer d’abord, puis actualisez-le. Navigateur et cela devrait fonctionner, ainsi. Euh, cela peut être un peu lent ici où est l’option de téléchargement, ok, j’avais ma miniature qui se chevauchait dans L’icône, je pensais que ce serait quelque chose de stupide, ainsi présentement, nous passons à

la deuxième dès deux et nous ne

Téléchargeons pas les trois dernières images ouais, c’est notre ménage c’est fait, allons-y et commençons à utiliser les campagnes par e-mail et cela fait un moment, donc je. Vais devoir découvrir où cela se trouve. Et nous pouvons le voir ici sous marketing présentement. J’espère vraiment que les campagnes par e-mail. Sont connectées à la bibliothèque d’actifs. Ce serait absolument fou si cela. N’était pas le cas, mais je crois que Ken a créé une. Campagne de démonstration ou un brouillon d’e-mail pour cela,. Nous allons donc jeter un œil à cela. Premier saut sur l’aperçu et nous pouvons voir. Que ça a l’air réellement sympa, euh, juste une. Campagne de produit unique, nous allons. Devoir faire un peu plus que cela avec nôtre Modèle, ce que nous pouvons faire, c’est qu’au lieu de repartir de zéro, nous pouvons réutiliser cela. Modèle afin que cela puisse être une campagne, donc

j’envoie un abonné une fois activité ou activité client maintenant,

A seule chose est. L’inconvénient ici, nous utilisons un. Logiciel de réservation tiers qui est beaucoup plus avancé dans la gestion des réservations, euh, nous avons pu accepter différents types de paiements,. Euh différents paiements, etc. Mais l’. Inconvénient est que ce n’est pas directement intégré dans les campagnes par e-mail de skis espace,. Bien que nous allions probablement chercher. Un moyen de le relier en utilisant quelque chose comme Zahia où vous pouvez, euh, quand. Quelque chose se passe sur le logiciel de réservation, cela déclenche cet e-mail à

l’avenir, mais pour l’instant,, nous allons juste pour créer une Tampa

Ne qui serait vôtre

contrôle pour l’envoyer à une liste de diffusion que vous choisissez,

Donc la seule chose que. Nous allons faire pour commencer est. S’il va l’envoyer manuellement, sûrement vérifier ses nouvelles réservations une fois ou deux fois par semaine et là. Raison pour laquelle ça va dans ce cas est. Simplement parce qu’elle n’a qu’un seul local. Donc ce n’est pas comme si c’était un hôtel avec 112 chambres et que tu devais le faire

manuellement 3 heures par jour ça va être très rapide processus, il

Aura. Charger les comptes de messagerie ou les. Contacts auxquels vous pouvez envoyer cet E-mail pour l’envoyer, puis vous devriez. Être en or,. Donc c’est l’interface de la campagne par e-mail, nous pouvons voir les styles d’e-mail à droite ici la raison. J’ai lu celui-ci parce que nous n’avons pas besoin de. Changer cela, mais cela va être assez pénible en chiffres, nous avons une. Couleur d’arrière-plan de courrier électronique standard, vous avez un pack de polices, les polices vont être loin plus limité ici. Qu’il ne le serait pour un site Web, comme j’ai été mentionné dans un article précédent, l’. Infrastructure de messagerie n’est tout facilement pas aussi. Avancée que l’infrastructure de site Web,. C’est donc notre modèle de départ. Je peux facilement le supprimer, puis Recommencer, mais je pense que ce que je Je vais. Faire pour commencer, c’est juste laisser ça. Dedans et obtenir cette émission pour voir ce que CH devrait proposer ouais, ça pourrait bien fonctionner, je. Pense que je préférerais le mien donc ce que nous ferons. Est une combinaison. De vous nous n’avons pas besoin de réintroduire Ce

parce que nous pourrions le placer en haut de R avec n’importe quel

Espacement et maintenant, nous avons la barre Ce répétée. Deux fois, nous n’avons plus besoin de cela et nous nous préparons pour votre journée en tant que titre,. Ok, en fait, répétez le titre ici pour l’instant, mais vous pourrez y accéder et le modifier. Pour quelque chose de plus adapté à ce que vous. Voulez, mais je vérifie juste en dernier lieu,. Non pas que nous avons dupliqué le. Modèle précédent. CU, nous voulons également conserver celui-là,. Donc lorsque nous regardons l’outil de campagnes par e-mail,. C’est comme Square Face mais cela ressemble plus à l’ancien Square Face 7. 0 en termes de nous avons ces sections similaires ici où nous pouvons ajouter différents éléments, mais c’est plus structuré et rigide en termes de comment. C’est présenté, nous n’avons pas de moteur fluide. Où nous pouvons simplement prendre cette image et la déplacer là où nous voulons à cause encore une fois de la technologie de courrier électronique et je ne. Veux pas m’attarder sur ce point, mais cela la rend plus limitative, donc nous

peut remplacer l’image et nous pouvons choisir le

Texte, mais en fin de compte, nous avons une petite sélection d’options que nous pouvons choisir parmi ce que j’aime vraiment à propos des campagnes Exil en Suisse, c’est-à-dire que nous pouvons réellement sélectionner des éléments d’un blog, de notre blog Squares et. Les alimenter. Donc les trois derniers articles de blog pourraient être introduits dans la. Page et cela alimenterait dynamiquement cela à. Travers, vous, vous permettant de modifier les résumés pour les rendre agréables et compacts,. Puis lorsque quelqu’un clique sur le bouton, il le ramène automatiquement au blog sur le site Web, une fonctionnalité très puissante, mais simple qui permet de gagner. Beaucoup de temps dans la création d’e-mails avec cet outil. Nous avons donc la possibilité d’ajouter différents types de blocs que nous aborderons dans un instant et une fois que nous le ferons. Après avoir. Créé les types de blocs, nous avons différentes manières. D’afficher l’édition du texte, comme nous nous y attendions, nous avons l’éditeur d’image qui nous permet de recadrer et d’ajuster la photo et il créera une nouvelle version de cette photo dans la bibliothèque acide mais Je vais laisser tout cela pour l’instant

parce que nous voudrons peut-être y faire référence juste pour garder

Notre style cohérent, donc ce que je vais faire, c’est créer un nouveau modèle par-dessus ou. Au-dessus ainsi nous commençons avec du texte, je ne veux pas que je puisse le fermer là-bas, euh, rapprocher CH le plus près, ce sera plus facile de revenir en avant, ainsi j’utilise la commande C et la commande V. Je suis sur un Mac si Nous vous sommes sur un PC contre c contrôle+ v pour copier et. Coller et nous pouvons voir que le texte est. Prêt

à être positionné, mais nous pouvons aussi voir

Ici que les marges ne sont pas tout à fait correctes. Les balises de publipostage ici, mais tout d’abord. Nous pouvons voyer qu’il n’y a aucun moyen. De modifier l’espacement de ce VI dans cette Zone de texte ici, donc ce que nous devons faire est. D’aller vers le côté droit ici et nous pouvons voir l’onglet de style et nous obtenons. Toutes nos options ici C’est. Là que nous pouvons ajuster le remplissage à gauche et c’est pourquoi il est pratique de garder l’autre contenu en place. S’il s’agissait d’un contenu similaire. Je pourrais. Simplement le copier et le coller par-dessus le. Contenu ci-dessous, mais dans ce cas, ce n’est pas le cas. Pour m’assurer que nous avons quelque chose de différent, donc. Une chose que je viens de repérer. Ici est que je n’arrive pas à mettre à jour le texte assez facilement, ainsi je vais. Supprimer le formatage juste pour vérifier qu’il n’y a. Pas de formatage supplémentaire dessus, ce que je vais faire faire, c’est revenir en arrière et revenir et voir si cela

me donne l’option là-bas, mais je devrais pouvoir voir la différente

Options pour le changer des styles de paragraphe aux Styles de titre, donc si je vais dans les brouillons. Ici, nous pouvons voir que nous J’ai le. Modèle original et nous avons le nouveau afin que nous puissions modifier ce modèle maintenant et à partir de là, nous devrions simplement pouvoir. Y revenir. Et recommencer à travailler avec cela,. Donc ce que je vais faire, c’est si cela. Ne donne pas moi le style de titre, je. Vais le forcer ainsi je vais juste copier et coller ce texte-là-. Dedans, puis je vais copier et

coller ceci, mais ce que je vais faire, c’est

Le coller après le première lettre qui. Signifie qu’elle hérite du style du reste de ce paragraphe et de ce travail et je viens de mettre tout le contenu là-dedans donc au lieu d’avoir une option de clic, je vais mettre un bouton dans lequel sera un lien vers le. Pack de bienvenue, je ne vais pas le lier présentement. Car nous devrons d’abord créer la page, mais je vais ajouter une nouvelle section et ajouter un bouton et ici, nous allons sur le côté droit et je suis ils ont mordu dans l’. Orange vif, puis ont rendu le texte de couleur plus foncée et nous devrons probablement simplement changer une partie de cette police, nous pouvons aligner le. Bouton à gauche, je vais laisser le lien pour l’instant, mais si nous cliquons sur le lien Col WE CAN CH vers une. Page du site Web via cette option ici, cela signifie que nous n’avons pas besoin d’aller. Manuellement chercher ce lien, ce qui est un autre. Avantage pour rester avec un espace carré,. La couleur de la section est transparente car Nous pouvons hériter du reste de là. Couleur d’arrière-plan du site, mais nous pourrions donner à toute la section une. Couleur différente pour qu’elle se démarque, mais je veux que cela se. Déroule très bien, nous avons à nouveau les options de remplissage, donc encore une fois, je veux l’introduire. Pour qu’il s’aligne joliment à gauche, nous avons ainsi cette Ligne claire. Le titre peut être central, mais Lorsque nous entrons dans le contenu, en particulier lorsque nous parcourons plusieurs lignes,. Il est toujours agréable de les garder belles et uniformes, la meilleure façon de les obtenir toutes. Parfait est de regarder. D’abord le premier bloc de texte, puis de regarder le. Remplissage et de vérifier simplement que nous avons le même ID de remplissage à gauche et à droite, mais 28 pixels, ensuite nous les faisons correspondre juste pour avoir ce texte parfaitement aligné à gauche, d’accord, nous pouvons donc voir ici maintenant que ce texte n’est pas très facile à lire, nous allons ainsi faire deux choses avec lui : l’une est de. Le mettre en gras et deux, l’espacement des lettres est bien. Donc, je vais retirer cela car Il y avait un espacement de trois fois, ce qui était. Vraiment difficile à lire,. Mais il n’y a aucun moyen pour le moment d’. Augmenter la taille de. Texte, pas que je puisse trouver que je vais revenir. En arrière et voir si je peux le changer. Par la suite, mais cela peut être un cas dans les styles généraux,. Ici,, nous sommes à partir de la taille et alors peut-être que nous devrons simplement apporter la police à tous les niveaux, c’est parti,. Nous allons avoir un Il y a un compromis en. Termes de quantité d’espace que prend le texte, c’est donc quelque chose que nous devons facilement examiner pour décider de ce qui. Convient. Je vais le laisser tel qu’il était avant pour l’instant, la prochaine fois, nous allons ajouter quelques unités à diviser cette conception et nous avons ici quelques Options différentes, nous avons répertorié nôtre Carte d’images et la meilleure chose à faire est. De jouer autour du D et de voir ce qui fonctionne pour vous, mais dans ce cas, nous allons pour aller avec la grille et nous avons défini les tailles d’image, vous cliquez sur ces points et cela changera même en pourcentage donc par exemple 33%. Signifie 33 sur la page, je pense que nous ferons avec que nous allons utiliser euh trois images. Et que nous avons ensuite la possibilité de les aligner dans l’espace également, c’est ainsi un domaine qui a progressé depuis la dernière fois et qui était plus rigide avant, mais maintenant, il y a un peu plus de fluidité avec cela, ce qui est bien, ainsi au lieu de télécharger. Des photos parce que nous les avons déjà compressées. Et téléchargées dans la bibliothèque acide,. Ce qui est un processus sœur que, que Vous travailliez uniquement avec des campagnes basées sur des carrés ou par courrier. Électronique, je vous recommande fortement de. Le faire. Cela rend là. Sélection des photos beaucoup plus facile, donc je peux y mettre. Trois photos, mais présentement, il peut entrer et les changer comme elle veut. Je ne trouve pas la photo du ciel sombre, ainsi je peux aller la chercher dans le. Une autre bibliothèque d’images par la suite, mais euh, laissez-moi seulement ajouter deux images à la fois pour le moment, ainsi je vais simplement télécharger, je ne. Télécharge pas, j’ajoute juste la troisième à nouveau, sélectionnez dans la. Bibliothèque, quel est l’ouais, le chien, nous voulons vraiment le chien là-dedans, ainsi ce que je peux faire présentement, c’est cliquer sur cette grille sur le côté droit ici pour déplacer ces images et les réorganiser, mais cela. N’aie pas l’air très joli, est-ce que les photos. Ne soyez pas mises en valeur à leur meilleur,. Alors allons-y voyez ce que nous pouvons faire en regardant l’espacement, nous pouvons réduire le. Remplissage entre les sections afin qu’entre. La section au-dessus et en dessous, c’est là. Première chose que nous pouvons faire. Remplissage central. Je veux que tout ce panoramique tombe. Zéro et puisse aligner les images de gauche à droite. Centre haut milieu bas. Verticalement et cela ne nous donne pas ce que nous voulons donc que nous pouvons voir ici que nous voulons même passer à une grande taille d’image pour qu’elle remplisse le cadre qui se. Rapproche de ce que nous. Voulons, ce n’est toujours pas ce que nous désirons ainsi ce que nous allons. Faire, c’est plutôt y aller et je désire éditer ces images et maintenant, nous allons aller au Rob et nous pouvons y aller pour trois à quatre ou potentiellement deux à trois si nous. Voulons de plus belles photos, mais nous le ferons aller trois à quatre, je vais

appliquer cela aux trois photos pour que vous voyiez que cela ne

Change pas cela parce que c’était le rapport d’origine, mais nous pouvons faire. Cela pour la deuxième photo, j’ai peut-être sauté le pas là-bas vous devriez vraiment,. Euh, attendre qu’il ait fini de le traiter avant de passer à la photo suivante,. Car Swift peut être un peu rapide avec ça, mais présentement, nous commençons à y arriver à

nouveau en raison des limitations des campagnes par e-mail, nous ne pûmes

Avons pas gagner. Nous ne recadrerons pas les photos en juin, comme un site Web, nous devons donc recadrer les photos. La bonne. Nouvelle est que cela réduit encore plus la taille du fichier. Nous avons ainsi. Procédé à la. Compression, qui est le premier moyen de réduire l’image. Site si, cela. Créera ensuite plusieurs versions de cette photo en fonction de la façon dont vous allez. L’utiliser, qu’il s’agisse d’une bannière complète, par exemple, elle chargera une photo de résolution plus élevée, donc pour les e-mails, elle ne devrait pas, elle devrait avoir euh quand. Je dis haute résolution, désolé, ce n’est pas vrai, des photos plus grandes, ainsi ce qu’il fera, ce n’est qu’il. Redimensionnera physiquement les photos en fonction de l’utilisation du média, ainsi celle-ci devrait être plus proche d’une vignette ou d’une photo de taille petite à moyenne, elle la chargera au lieu de charger une énorme photo. Ce qui convient. À notre héros principal pour notre site Web ou une bannière, ainsi si je regarde le site Web lui-même, il a besoin d’une image plus grande. Pour qu’il ne paraisse pas vraiment pixelisé et horrible, ainsi la base carrée. Créera en fait plusieurs versions de la photo lorsque vous la téléchargez puis Il utilisera la bonne photo pour l’. Application chaque fois que nous recadrons physiquement une photo comme celle-ci, cela créera de nouvelles versions de ces photos, mais en. Ajoutant ensuite une compression avant même de. Les télécharger, nous savons que nous avons un. Chargement très rapide d’une sélection de photos ici

que je vais agacer ou

Bouleverser pour le spectateur, alors maintenant, nous avons cela en place, nous pouvons commencer à travailler autour de l’espacement pour

le moment et je regarde mon

Espace blanc, c’est tout simplement trop compact pour le moment au-dessus et en dessous, donc c’est là que nous pouvons aller. L’espacement était probablement. Plus facile sur la galerie à l’époque, mais nous pourrions à la place ajouter plus d’espace au bas de ce bouton et en haut de cela

bloc, mais nous devrions construire pour faire tout

Cela dans la section image, nous retournons donc. Dans l’espace image avec la. Galerie. Sélectionnée et nous regardons le remplissage entre les sélections, nous essaierons cela, puis nous pourrons ajuster manuellement le remplissage au-dessus et en dessous, nous n’avons sûrement besoin que d’environ 10. Pixels et c’est une bonne chose ici, nous pouvons l’ajuster en. Haut et en bas indépendamment,. Donc si nous voulons définir un peu plus de remplissage pour ce texte. Ci-dessous, nous pouvons le faire manuellement, même s’il y a plus de remplissage au-dessus qu’en dessous, mais à cause de la façon dont le flux du contenu qui, je pense, fonctionne mieux en haut, mais il s’agit d’apprendre à connaître. Tout cela et de commencer à travailler avec, nous avons donc trois photos là-bas et je. Pense que je vais répéter cette section avec trois nouvelles photos sous la puce liste de points et si nous revenons à ch et que nous allons ajouter cette section, je. Ne vais rien changer à ce texte mais Euh VI moi aurait un modèle pour Jo. Et commencerait à travailler avec ça donc me voilà je. Vais avoir le. Bloc de texte dans lequel je vais mettre tout cela et c’est sous forme de liste numérotée. Mais je peux simplement le passer aux puces ici et ce que je peux faire maintenant est. De maintenir la touche Maj enfoncée et d’appuyer sur Entrée pour créer un espacement entre chaque puce est un travail de contournement pour obtenir un espacement plus agréable et plus régulier, ce que je vais faire est de dupliquer. Ce bouton et je vais également leur rappeler le pack de bienvenue situé sous cette section. Et nous avons aussi un peu d’espacement à. Faire ici aussi, donc rembourrage si vous vous. Souvenez, c’était euh 28 sur la gauche. Et nous allons augmenter le rembourrage en haut et en bas, parfois, vous le faites juste un peu à l’œil nu,

en fait, je n’ai besoin de personne

À proximité ce remplissage en bas parce que Le bouton est essentiellement attaché à texte, donc c’est là que j’en ai fait trop,. Donc, je veux que je pense qu’il soit en fait nul en bas puisque le bouton coule. Mieux qu’à partir de ce texte. Mais déjà ça commence à paraître. Assez sympa, je pense que nous pouvons probablement ajouter une autre galerie ci-dessous, mais Maintenant que nous l’avons déjà mis en place, nous. Pouvons simplement dupliquer la galerie et échanger. Les images, alors. Allons-y présentement et remplaçons chacune de ces. Photos pour que la première soit sélectionnée. À nouveau la bibliothèque et nous pouvons voir que la nouvelle photo pré-éditée que nous avons modifiée pour la. Partie précédente du modèle est là. Et je pense que ce serait bien d’. Avoir cette photo également avec le laps de temps, je pense qu’elle est magnifique ou nous’ « Je l’ai déjà ici, alors peut-être que je pense que nous allons laisser cela là-. Dedans et à la place, nous choisirons trois photos différentes de. Notre dossier de campagnes dont nous savons qu’elles sont compressées, donc, ce sera davantage sur les

expériences une fois que nous aurons présenté

Le euh cabine, nous pouvons présentement regarder. Trois photos qui planteront le décor,. Nous avons ainsi le pack de bienvenue ici, la nourriture sur la table là-bas qui a l’air. Vraiment sympa, nous avons les fesses de la baignoire et. Nous avons. Ensuite le massage thérapie, ainsi encore une fois, cela devient réellement facile, nous pouvons éditer les photos, il suffit de les recadrer en. Nous avons un peu de lumière qui entre, ainsi celle-ci pourrait. Bénéficier d’un simple accès aux paramètres ici. Et. Si nous il suffit de baisser un peu les ombres,. Euh, d’augmenter un tout petit

peu la saturation et

Peut-être le contraste puis la luminosité juste un tout petit peu pour lui donner juste un peu plus de punch sur la page. Sans entrer et faire quoi que ce soit d’. Avancé dans Photoshop maintenant modifions celui-ci et j’essaie d’obtenir la plupart des Fonctionnalités qu’il contient. Je pense que cela. Le cadre probablement assez. Bien, il faut aussi le bouchon de bain qui n’en fait pas partie,. Je ne sais pas comment ça s’appelle le. Verilog. Perfection qui a l’air plutôt sympa pour Ça euh, on peut entrer et à peu près la saturation sur ceux-ci si on veut et sur celui-ci est joli c’est. Vraiment bien comme il l’est de toute façon donc je vais juste augmenter un tout petit peu le contraste. Surtout quand ils sont plus petits, nous. Pouvons simplement augmenter un peu le contraste. Et finalement, si nous pouvons faire. Les deux autres, ajustons légèrement celui-ci. Et finalement nous

aurons un bloc de texte en bas avant nous l’introduisons dans la

Section des codes de réduction, nous voyons qu’aucun. Code n’est ajouté pour le moment, mais Ceci est prêt à être utilisé avant cela, euh,. Je pense que nous allons laisser l’image du spa en. Place, mais je vais vous montrer comment nous pouvons l’ajouter. La dernière pièce du puzzle en termes de texte ici sans qu’elle ait l’air euh, j’essaie de supprimer l’

espace au-dessus et en dessous de cette image afin que nous

.

obtenions une très belle mise en page compacte,

Ce que je veux aussi faire, c’est probablement facilement mettre un borduré de deux pixels si je peux entre chacune de ces images, nous paniqués au centre. L’avons nommé légèrement différent du site Web, donc il s’agit juste de le trouver, je suis mis sur quatre seulement pour que nous ayons un peu d’espace entre chacune des FÈS et bien sûr, je dois aussi faire sur celui-ci, je vais juste taper viril FAL. SP, ok, ça commence à être plutôt sympa, je ne pense pas sûr de ce que vous pensez, la dernière étape maintenant est de changer cela. Contenu, donc nous revenons à chat pour mettre dans le. Paragraphe à droite, qu’allons-nous faire

ici, nous allons

Aller à l’. Espacement, prendre l’espacement complètement à droite mais Le garder, je veux qu’il corresponde à l’espacement, ainsi. Parfois parce que l’espacement est légèrement différent sur ce point c’est une image avec du texte à côté et c’est. La seule façon de le faire, ainsi si c’est le cas, je laisse juste le curseur là et. Je vais le déplacer vers le haut et voir s’il s’aligne là, ce n’est pas mal à voir est- ce ainsi que nous allons garder cela pareil,. Mais ce que nous allons faire maintenant, ce n’est que nous. Voulons nous débarrasser du remplissage dans les

sections ci-dessus et ci-dessous, nous voulons que ce soit

Joli et compact ou en fait une bordure de quatre pixels, donc cela correspond à cela. Cadre de grille ici, ainsi si nous arrivons à remplir ici,. Ce sommet est de huit sur celui-ci, nous nous en. Approchons à quatre, nous nous rapprochons de cela maintenant, nous pouvons voir qu’il s’agit. En fait d’une section supplémentaire,. Donc ce que nous allons faire, nous ne le faisons pas. J’ai besoin de cette section ici pour que je puisse simplement la supprimer et présentement mettre le remplissage. Je pense que cela revient à huit présentement avec cette section. Nous allons ajouter le remplissage, mais avec celui-ci ici, nous. Allons facilement revenir à l’espacement et ceci le. Temps en bas, nous le ramenons à zéro, nous pouvons voir à quoi cela ressemble, c’est déjà assez joli, mais ce que Nous pouvons faire dans cette section ici présentement, c’est espacer à. Nouveau, puis le mettre. Dans la mauvaise section. J’étais à gauche et à droite, c’est ce que je veux quatre pixels. Au-dessus de quatre pixels. En dessous pour que cela corresponde au flux

du reste des images

.

en place la seule chose que nous n’avons pas la même chose pour celle

Ci donc je vais juste par souci de cohérence, nous quatre au-dessus de cela nous n’avons pas besoin de nous soucier de. Nom, ainsi comment Lu les quatre pixels étaient à peine perceptibles facilement parce que nous avons la couleur de fond sombre, mais je pense que cela ressemble à un très joli modèle En simple et cohérent dans lequel

Vicky peut ensuite intervenir et modifier SA les photos de celle qu’

Le veut, mettez le contenu dans Tweed comme je l’ai dit, je ne suis pas un grand fan de ce type de présentation à puces, c’est un vrai signe révélateur qu’il s’agit de. Contenu Chad, donc encore une fois, mais les puces, je pense que c’est plus digeste,. Il ne contient peut-être pas suffisamment d’informations, mais c’est pourquoi nous devons ensuite créer une page de destination contenant de nombreuses informations vraiment décomposées dans Ce type de. Style pour à la fois vendre l’expérience afin que les

gens ont hâte de rester après avoir vu dans

Toutes ces belles photos, mais en même temps, elles font. Passer des informations importantes et les photos. Aideront à vendre l’information pour S’assurer que les gens la lisent, car ils. Seront plus susceptibles de la lire si elle avait l’air réellement sympa, une chose ce que nous pourrions faire maintenant à ce stade est de supprimer l’ordre des sections afin qu’il se puisse qu’au

lieu d’avoir les photos là-bas, nous les montions

Plus haut et au lieu d’avoir ces images ici, nous les amenions au-dessus de là. Liste et je Je ne suis pas contre cette structure,. Non plus, ce que nous pouvons faire avec cette section,. C’est en fait changer la palette de couleurs, donc au lieu d’avoir une couleur de section invisible, nous pourrions l’apporter avec l’orange pour qu’elle soit plus agréable ou nous pourrions même aller et contrastez-le-en. Blanc, puis nous pouvons changer la couleur du texte et nous avons nos couleurs de notre palette de couleurs afin que nous puissions tout garder sur la. Marque. Alternativement,. Nous pouvons soit opter pour la palette du site sûr. La palette de courrier électronique,. Soit. La modifier légèrement afin opter simplement pour cette couleur de pierre là-bas que j’aime bien, donc quelques Ajustements là-bas juste pour bien voir, c’est encore un autre espace que nous pouvons facilement. Supprimer maintenant pour lui donner un aspect plus compact et il suffit de vérifier les. Espacements pour que vous puissiez voyer l’. Espacement au-dessus qui est de 10 pixels, nous voulons. Qu’il soit de quatre seulement pour qu’il soit intégré au reste. Du flux sur cet e-mail. Là. Lame C, je pense que c’est probablement une. Piste de Becca dans l’e-mail, allez directement avec photos et même si c’est juste signifie que nous avons un peu de travail pour Faire seulement un ajustement de. Rembourrage, c’est un peu frustrant. Je pense que les basses de calmar de la fin du monde. Utilisent à la fois le rembourrage et l’espacement. Je comprends. Pourquoi ils le font. Texte lié au rembourrage CU quel est l’espacement. L’espacement global, mais je pense qu’appeler cela une chose

serait probablement plus intuitif, mais cela dit, c’est un petit pro

Aime, c’est que je trouve beaucoup plus difficile de créer des modèles avec une flexibilité. Comme celle-ci dans quelque chose comme euh Mailchimp, je n’ai pas utilisé Mailchimp depuis un moment. Quelques. Années donc ça aurait pu beaucoup évoluer en termes d’éditeur, mais je verrais Mailchimp comme étant plus comme ce qui ressemblerait bien là où il se trouve, il vous permet de faire plus de. Choses, il est plus puissant, mais en. Même temps il y a toujours de l’espace carré. Il semble que nous ayons. Trouvé un bon équilibre entre le rendre

vraiment utile pour les concepteurs et une

Chose que nous n’avons pas vérifiée non. Plus sur la vue mobile, nous devons donc simplement nous. Assurer que nous le faisons également, mais nous pouvons voir que c’est pré-. Cohérent sur mobile. Et cela me parais. Bien. Et bien sûr, le mobile va être très important pour ce type de campagne particulier, car certaines entreprises ne viennent pas aujourd’hui. La prochaine. Étape serait alors de créer cette. Page de destination pour essayer de correspondre au style général, ainsi quand vous passez de l’e-mail à la page de destination, c’est un flux cohérent et cela fait partie du processus et c’est un agréable voyage d’un. Endroit à la destination et nous. Essayons de garantir à nos visiteurs qu’ils. Sont allés au bon endroit. Vous êtes toujours avec moi si vous avez trouvé cela assez complet, car ce n’est pas un simple. Guide étape par étape sur la façon d’utiliser les bases avec les campagnes par e-mail quiz b. Je vous recommande fortement de consulter notre abonnement gratuit à la Pixel Hâte Académie où nous. Proposons des cours et des tutoriels sur des Outils tels que les campagnes de courrier électronique Squarespace C. Et cela sera la priorité pour cet automne 2024. Nous avons également nos communautés scolaires où vous pouvez obtenir des commentaires. De ma part et de l’équipe Pixel ha pour développer. Votre site Web, créer des modèles de courrier électronique, travailler. Avec l’IA et créer de meilleurs designs sur un. Logiciel comme Canva, toutes les informations. Sont dans la description, vérifiez-la, mais maintenant, nous allons passer à la création de. Notre page de destination et pour faciliter ce processus, je ferai parfois référence à Square. Forge à travers le projet Square Forge est nôtre générateur de modèles Squarespace rapide, il vous permet de créer facilement des pages de destination et des sites Web d’aspect professionnel, car mon équipe et moi-même

avons construit plus de 300

Mises en page différentes que vous pouvez mélanger et assortir et j’ai vérifié rapidement avec jet le nombre de combinaisons différentes qui

ça marche, c’est quelque chose comme sept ou 8 milliards de toute fac

N, c’est suffisant, cela signifie que nous pouvons avoir nos sites Web uniques à chaque fois et c’est l’un des. Plus grands défis que j’ai trouvés avec Square. Basse, c’est que les sites Web peuvent occasionnellement être. Un peu trop les mêmes. Même s’il s’agit de beaux modèles statiques, Square. Forge est ma tentative d’essayer de résoudre ce problème et de l’ajuster, nous utilisons ski Forge dans Ce domaine, mais il s’agit déjà d’un site Web en direct sûr. Lequel nous ajoutons une page supplémentaire si. Vous voulez savoir comment créez à. Nouveau des sites Web à partir de zéro, consultez notre chaîne de création de sites Web qui vous montrera tous les outils que nous utilisons pour créer. Des sites Web, mais également nôtre. Playlist en direct de création de sites Web, nous entrerons dans les détails et. Il y a un autre projet en direct en particulier dans lequel nous construisons un espace carré

page d’accueil à partir de zéro, mais dans ce

Prochain atelier, je vais vous montrer comment créer une page de destination liée au thème et aux structures de la palette de couleurs de la marque existante. Déjà utilisées sur le. Site Web, mais aussi trouver un moyen de la lier au modèle d’e-mail qui nous avons créé. Dans la dernière partie, vous trouverez peut-être cela. Encore un peu rapide, nous avons. De nombreux tutoriels si vous. Débutez, mais si vous êtes intrigué par ce que vous pouvez construire dans Squarespace. Et que la courte réponse est horrible. Regardez cette vidéo, nous avons créé un modèle d’e-mail. En utilisant les campagnes d’e-mail sise, nous avons pris un e-mail qui était absolument énorme, nous

l’avons condensé dans chap GT pour le rendre

Plus court et plus net et ce que nous avons fait à ce stade a été d’ajouter un appel à

l’action

Bouton qui nous mènerait. À une page de destination. Nous n’avons pas conçu cette page de destination afin que ce modèle ne puisse pas encore être publié, mais vous l’avez sûrement deviné, nous allons essayer de créer au moins de grandes parties de cette destination. Page afin que le client puisse le récupérer et l’utiliser à partir de ce moment-là, nous allons essayer de maintenir le. Thème fort sur le reste de. Site Web et nous allons y jeter un. Œil maintenant comme je l’ai dit si vous le vouliez pour voir comment fonctionne ce site Web, il est. Déjà en ligne sur co. Uk, mais ils vous laisseront un lien dans la. Description pour que vous puissiez le vérifier,

mais

Je parle également. Brièvement de la façon dont nous avons conçu le site Web pour. Pouvoir créer l’e-mail modèle qui. Correspondait au design du site, nous. Examinerons ce modèle d’e-mail dans un instant avant de commencer à créer la page de destination. J’ai aussi juste pour nous faire gagner un peu de temps en mettant le texte copié et collé prêt pour la page de destination n’est pas formatée, elle semble vraiment longue,. Fastidieuse et inintéressante pour le moment et notre défi est de lui donner un aspect. Agréable, sans marque, et aussi un. Espace invitant que le visiteur obtient avant de visiter la propriété. Si je n’ai pas déjà fait de contexte. C’est des vacances, c’est une cabane en bois dans les bois au centre du Pays de Galles pour des friandises parfaites pour les couples, par exemple,. Il ne dort pas trop de monde, mais C’est une escapade parfaite avec une faible. Technologie, il y a un signal mobile mais Il n’y a pas de télévision là-bas, il n’y a pas. Distractions et c’est juste un endroit seulement pour revenir en arrière et réinitialiser votre esprit, donc tout ce que nous voulons doit avoir cela. Genre d’ambiance de perte. Retraitez. La vie quotidienne, la course effrénée et. Sortez dans cet environnement tranquille afin. Chaque partie de la. Communication depuis l’arrivée initiale sur le site Web jusqu’au. Processus de réservation, puis à la vente de l’application, mais avant. La visite et idéalement après la visite afin que nous puissions les inciter à revenir à

l’avenir où les amener à laisser des témoignages et à laisser des AVI

Positifs il s’agit donc de la satisfaction du client du service client. Et il y a quelque chose qui est. Utilisé dans le marketing et qui est nouveau depuis des années. Je n’ai pas inventé ce dicton, mais il s’agit de respecter les petites choses visibles de TNT,. Donc ces petits détails à eux. Seuls ne compensent pas. Beaucoup, mais quand nous. Les additionnons tous ensemble, le TNT est une. Combinaison assez explosive, nous nous trompons complètement, cela peut nous exploser au visage si

tout se passe bien, alors cela déclenche cette réaction en chaîne et

‘Est assez de jeux de mots sur le TNT que je dois mettre pour celui-ci, mais nous avons publié un mais c’est ce que Nous essayons de faire, c’est que nous essayons d’. Examiner les petits détails et je travaille avec un client ici qui. L’a certainement fait avec l’expérience quand quelqu’un vient à visiter-le, il y a. Tout, des extras supplémentaires qui sont directement liés au thème et à l’expérience, mais nous devons également connaître Cary. Sur le site Web, donc quand ils recevront l’e-mail de deux semaines, ce sera probablement dans deux semaines, peut-être même dans une semaine. Ce jour, c’est une. Dernière chance de réserver des extras, mais aussi. De leur fournir les informations qu’ils

souhaitent au moment où ils sont envoyés dans un

E-mail, ils contiennent toutes les informations dont ils ont besoin, ils fournissent beaucoup de service client de ce point de vue, mais nous avons eu. Une conversation. Et cela ne correspond pas vraiment. À l’apparence souhaitée par le client et cela est dû en partie ou principalement. À une barrière technique, car il n’y a pas de moyen simple de créer. Des modèles dans Squarespace, c’est là qu’il n’y a. Pas de moyen simple de créer des modèles d’e-mails. Mais c’est là que les campagnes par e-mail Squarespace entrent en jeu parce que je pense que c’est un. Système de modèles très intuitif et facile à suivre. Regardez l’épisode 6 où j’ai construit ce modèle, mais j’ai également tronqué ces. Informations, car cela aurait été

trop pour un seul e-mail, puis j’ai placé

Le bouton pour afficher le pack de bienvenue, nous allons maintenant créer le pack de bienvenue et sans plus tarder, je vais juste le filtrer maintenant et nous y passerons directement, d’accord, donc j’espère que vous pourrez voir le. Modèle et ceci est le modèle d’e-mail que nous avons construit dans des campagnes d’e-mail basées sur ski,. Cela m’a probablement pris de. Début à la fin. Je le fais confortablement en. Images sur le compresseur. Encore une fois, cela est. Également couvert dans cette vidéo et cela aide simplement à rendre cet e-mail. À chargement très rapide même si avec Bas à une. Compression d’image, ce n’est pas aussi bon. Que les autres options et le compresseur d’audio est gratuit. Je n’ai aucune affiliation avec eux,. C’est juste celui que je ai choisi, il y en a d’. Autres disponibles aussi, mais il obtient un. Très bon équilibre entre conserver. La qualité de la photo et en faire un tout petit fichier, donc il se charge beaucoup plus rapidement

et je pense que ce modèle d’e-mail est

Superbe. Je pense que les photos feront un. Grande différence avec cela et nous avons maintenant un thème avec lequel nous pouvons obtenir beaucoup. D’informations que je connais autant que L’e-mail d’origine et les diviser avec de belles photos de situation qui. Aideront à enthousiasmer le visiteur avant de rester. Tout, depuis le bain à remous qui serait un supplément facultatif, je pense jusqu’à L de l’emplacement, je ne. Sais pas si le chien est un supplément qui peut être réservé avec, mais s’il n’est pas juste un beau champion et donc nous’ « J’ai. Tout mis en place, à partir d’un bon mélange. D’expériences et de la fermeture,. Par exemple, de plats à tartiner, etc. Nous avons également une photo de la cabine seulement pour définir les attentes avant d’entrer et une idée de la zone rurale ainsi
J’ai essayé de tout couvrir dans un se

.

e-mail, nous voulons continuer cela maintenant, donc

Lorsque quelqu’un clique sur ce bouton du pack de bienvenue,. Nous voulons une page de destination qui. Ressemble, mais la beauté des pages Web dans Squarespace est que nous avons tellement plus la flexibilité avec la technologie de messagerie du moteur fluide Squarespace, comme je l’ai mentionné. Dans la vidéo précédente, est encore loin derrière la technologie Web et c’est un gros problème donc je suis dans Swift Bas maintenant, je suis tout. Prêt à partir, vous pouvez voir que j’ai ajouté. Un page qui se prépare pour votre journée, c’est la page de destination sur laquelle nous allons travailler aujourd’hui et c’est le point de départ,. Donc si je devais développer cela, nous pouvons. Voir qu’il y a beaucoup d’informations ici. Que nous décomposions vraiment en. Bouchées-des morceaux de taille allant peut-être à partir de plusieurs formats de colonnes euh et je pense que nous allons essayer de. Le garder au format lettre ainsi c’est une page de destination personnalisée, elle est. Déjà cachée d’euh Google ainsi si vous

allez dans les paramètres Col ici, nous Je peux voir qu’il n’est pas

Lié, ce qui signifie qu’il ne sera pas dans le système de menus, mais cela. Ne veuille pas dire que Google ne. Ne le trouvera pas à temps. Google. Trouvera probablement cette page et l’indexera, ce qui signifie qu’elle pourrait effectuer une recherche et apparaître sur page de résultats du moteur de recherche, il est trop tôt dans le processus pour bombarder le visiteur de toutes ces informations,. Même si peu d’entre elles sont hautement confidentielles, il ne s’agit pas de cela, il. S’agit de découvrir l’expérience, car quelqu’un nous voit tout de suite, cela pourrait prêter à confusion ou il pourrait y avoir trop d’. Informations qui pourraient éloigner quelqu’un du site en pensant que vous. Le surchargez simplement d’informations. Notre défi est donc de les supprimer et de les rendre digestibles en petits morceaux, mais Également de présenter ce contenu au bon. Moment, ce qui est généralement une ou deux semaines,. Donc si je vais dans l’onglet SEO ici, nous. Pouvons voir que j’ai masqué la page en cliquant sur cette diapositive de Google, nous ne voulons pas faire cela avec les deux pages. Mais pour une page de destination directe que nous Je ne veux pas m’intégrer au site Web,. C’est une solution idéale facilement pour Le conserver tel que nous le souhaitons, donc ce que nous pouvons faire maintenant, c’est aller à l’. Option d’édition. Ici et nous pouvons voir que nous avons un

bloc de texte et ensuite, nous pouvons ajouter de nouvelles sections,

Donc si je vais ajouter des sections, je peux voir quelles sections de sauvegarde, nous avons déjà sur ce site. Et nous pouvons utiliser certaines de ces structures préexistantes comme ces quatre images. Ici, nous avons besoin d’une section héros, ayons un

regardez celle-ci et nous le ferons juste pour voir qu’elle est t’aille

Armée. Sous forme d’image afin que nous puissions l’échanger contre. Une photo dans un. Instant et si vous ne trouvez pas de sections sûres sur votre site, que pouvez-vous faire ?. Je vais juste l’enregistrer ici, quitter, vous pouvez accéder à n’importe quelle page que vous avez déjà créée et c’est l’une de mes Fonctionnalités préférées avec Squarespace et j’aime bien cette division en deux colonnes ici, alors Ken. A créé ce site Web et il prend la tête de la plupart dès nos projets de conception parce que je passe certainement mon temps à faire cela. Et nous n’avons pas besoin d’une section d’appel à l’action. Je pense que cela pourrait être très bien d’avoir cela. Quelque part, c’est la section du formulaire de réservation dont nous n’avons pas besoin, je vais l’enregistrer. Celui-ci aussi est un favori, mais Ce que nous faisons, c’est que nous les ajoutons maintenant à la section des favoris afin de pouvoir. Les importer dans une autre page et ceux-ci. Sont grisés, c’est parce que c’est là. Section de pied de page ici et donc quand nous le survolons, nous pouvons modifier le pied de page du site, mais ce que nous ne pouvons pas faire, c’est enregistrer les sections de pied de page. Comme. Favoris pour les utiliser ailleurs, elles sont traitées. Comme une. Entité distincte si nous regardons les FAQ que nous. Avons, je pense que ce que nous pouvons faire est d’apporter ceci revenons à cette page de bienvenue juste au. Cas où quelqu’un ne l’aurait pas déjà vu et c’est peut-être la photo que nous allons avec. Le message de bienvenue qui, je pense, met en scène une

belle scène là-bas, jetez également un œil aux

Extras ouais, cela fait un bon travail là-. Bas En décomposant les extras, je pense que nous allons également enregistrer cela, car L’e-mail détaille les extras en. Termes de réservation, puis nous pouvons mettre un formulaire de demande de renseignements ou un lien vers l’endroit où. Ils peuvent les commander selon l’email. Ok,. Nous avons maintenant toutes ces sections enregistrées et il s’agit maintenant de construire là

structure, ensuite de copier et coller le

Texte, ce qui sera probablement plus. Rapide que l’alternative consistant à repartir de zéro ou à travailler avec cette zone et à essayer de styliser. Ceci si cela n’a pas de sens, j’espère que ce sera le cas dans quelques instants, donc je

vais l’utiliser comme tête de mât parce que nous voulons entrer dans

E contenu. Le plus rapidement possible. Je vais certainement vouloir utiliser une galerie d’images pour diviser une page

oh, je me prépare pour que tu restes, je pense que ça ne va

Pas présentement, allons sûrement commencer avec ce paragraphe en t pour commencer si je peux le trouver, fais celui-là B alors ce que je Je suis GNU, je le fais en premier, je ne pense pas que nous ayons besoin de le cacher parce que ce n’est pas directement un e-mail,. Ainsi parfois, je le colle après le premier caractère, ce qui signifie qu’il conserve tout. Le. Style, donc quelques petites fautes de frappe sont presque meilleures. Puisque cela va prendre une ou deux semaines, le tir se déclencherait normalement avec un trait d’union, ainsi juste. Quelques-uns, je vais changer cela de toute façon, je dois simplement modifier le

libellé de ceci également, n’est pas grave, je vais souligner ceci

Ici, ainsi si nous mettons en évidence le texte, nous avons une option de soulignement. Ici et nous le garderons en accord avec. L’apparence du site, mais c’est quelque chose qui saute un peu aussi parce que nous essayons d’éradiquer autant de. Demandes stressées avec. Quelqu’un qui essaie d’entrer en contact et. Évidemment puisqu’ils ont perdu sur l’itinéraire,. Ce qui n’est pas la meilleure expérience, donc je vais. Le coller à nouveau après la première lettre parfois CU, il choisira simplement son propre. Formatage, d’accord. Nous n’avons pas besoin d’appeler à l’action ici, car c’est la page de destination, il y aura des appels à l’action

plus bas, je pense que je cherche des excursions supplémentaires comme

Ça, mais je pense que cela semble un bon point de départ et

nous pouvons voir la différence entre

Ce contenu ici et ceci. Ici, donc nous avons déjà supprimé cette section,

ainsi je supprime simplement ceci, nous allons supprimer tout ce bloc

La. Fin, nous l’utilisons facilement pour. Importer facilement du contenu afin de ne pas avoir pour. Changer d’onglet vers Google Doc par exemple ou. Ceci ok ainsi je pense que nous pouvons ajouter une section sur le. Jacuzzi et je cherche peut-être quelque chose comme ça ici. Et je fais la combinaison de deux images mais Cela dépendra de ce que nous avons dans La bibliothèque d’images à utiliser, ainsi si nous regardons les. Photos, nous avons une photo du spa. Ici, une autre là-bas, mais je ne suis pas sûr de. Penser que c’est la même,. Oh, nous pourrions également utiliser celle-ci, parfaite, ainsi nous Nous utilisons les ressources qu’ont déjà. Voyons maintenant si nous extrayons l’autre. Photo. J’espère que vous pourrez. Voir qu’une page de destination concerne l’. Expérience et la décomposition du contenu afin qu’elle soit agréable et facile à visualiser. Circulez. Avec un magazine épais par opposition au document texte Word et nous avons déjà fait le travail acharné pour créer ces Mises en page professionnelles dans un espace carré, cela a en fait été construit à l’aide de Square Forge et sautez de là, nous avons tous les éléments. Star insu structures déjà ici, donc la plupart des mises en page de cette page ont. Été adaptées à partir de celles-ci, ainsi si nous devions. Regarder, par exemple, les blocs de contenu. Et les courts blocs de contenu ici, ce sont toutes des Structures préexistantes qui sont minimalistes et simples à utiliser, comme une disposition à trois colonnes. Ici qui est déjà prédéfinie, l’espace carré. A ses propres modèles, mais je les trouve. Limitants, nous avons 300 structures de pages différentes. Ici, ce qui fait une énorme différence et puis quand nous allons. Signer, c’est quelque chose que l’espace carré est. Assez je suis faible dans la compréhension de la façon de. Signer différents contenus, donc comme

tout ce qui va des simples aux photos en passant par les circulaires,

Voici les détails pour les compenser et nous en sommes maintenant au point où nous. Avons probablement suffisamment de mises en page qui. Conviennent à ce site Web pour que nous Je l’aie adapté à partir d’ici, je l’ai rempli avec du contenu. Modifié afin que nous puissions sûrement nous débarrasser de tous ces dossiers présentement qui sont les sections de forge, c’est comme ça que ça marche, nous. Vendons Square Forge moyennant des frais uniques de 297 $ et vous commencez avec un. Modèle Square Forge. Et puis vous construisez les pages une par une si je vous le montre et la raison pour laquelle je le suis, il y a deux Raisons pour lesquelles j’aime ce produit : la première est que je suis partial et je le construis moi-même, mais nous l’utilisons principalement sur chaque projet. Donc des choses comme ces couches de cartes ici. Qui sont possibles à faire juste avec une couche d’espace carré normale et je suis en train de créer. Des tutoriels pour vous montrer comment vous pouvez recréer ces structures vous-même. Sans acheter Square Forge, mais nous pouvons les trouver beaucoup plus rapidement, ainsi changer. Entre, disons, la disposition de deux colonnes jusqu’aux Calques de carte, etc. , puis comme nous l’avons

fait plus tôt, lorsque nous avons parcouru les

Mises en page et les avons ensuite enregistrées en tant que favoris, c’est ce que vous faites ici, ensuite la palette de couleurs s’ajustera ensuite en fonction des paramètres de couleur que vous avez définis. Choisissez pour. Votre site individuel afin que nous puissions, une fois que vous achetez ceux de Forge, les dupliquer indéfiniment, donc ne travaillez pas sur la version originale, le modèle principal, vous dupliquez le site, puis vous choisissez les mises en page que vous souhaitez et vous devez commencer à créer votre mise en page par mise en page, mais allez Square pour. Net cela charge-les

tutoriels en fait, il y a un tutoriel là-bas, mais je suis sur une

Page de support non, j’ai besoin de brancher ça, c’est très méchant de ma part,, je devrais avoir ça en. Jeu,, j’ai une multitude de tutoriels qui vous expliquent comment utiliser S Forge et en tirer le meilleur parti. Nous avons également une chaîne ce site dédiée pour le moment, même si

nous pourrions l’intégrer à notre

Chaîne de création de site Web, mais de toute façon. C’est donc Square Forge, il est également disponible via notre communauté de coaching sur les écoles avec un K, ce qui signifie que vous ne l’avez pas si. Vous n’avez pas 300 $ pour le moment, vous pouvez l’acheter dans notre plan de coaching à 97 $ par mois. Et vous obtenez ensuite accès à moi et à mon équipe au moins deux fois par semaine,. Mais nous augmentons en fait le nombre de séances de groupe en direct que nous. Organisons, c’est pourquoi vous pouvez simplement venir. Nous faire part de tous vos problèmes comme Lorsque vous continuez, mais avec eux, mais voici juste l’exemple. Des calques maintenant qu’ils ont été adaptés. Avec toutes les polices et les couleurs, etc. Pour ce site, mais cela semble toujours assez

différent du site en direct et des pages, donc de toute façon, c’est

E qu’il fallait faire avant revenons au saut de mise en page,. Alors regardons le. Suivant, ainsi nous avons ceci ici, je pense que nous avons probablement besoin d’un peu plus de contenu là-dedans, mais ce que je vais faire, c’est mettre les œufs, les œufs R gratuits

ici il se peut que ce soit une priorité plus élevée,

Mais j’ai le sentiment que cela découle facilement de cette partie d’introduction de. La lettre et je pense aussi qu’il peut aller échanger ces photos, peut-être que si. Y en a une montrant l’ES de la gamme libre, elle peut laisser tomber ça dans ces photos à la place, c’est la même chose qu’avec le bois de chauffage. Pour que cela puisse montrer le bois OR en fait, je. Pense que nous en avons une. Ici, donc sûrement qu’il y en a une avec un meilleur angle montrant de face avec le poêle à bois, ainsi c’est si nous avons un, regardé. Ceci, nous allons enregistrer cette sortie d’. Édition et éditons la section d’édition de la galerie en. Serait la structure. Éditer la galerie est le contenu et ajoutons. La recherche d’image et ensuite, vous avez trois options, vous avez l’image gratuite de ma bibliothèque. Qui est Unsplash et. Des images premium qui, je pense, sont Betty, nous n’avons pas tendance à utiliser Betty très souvent à cause de cela, les photos peuvent devenir assez. Chères, d’accord, regardons ici le. F du poêle à bois parfait, celui-ci est idéal et tout avec les Œufs, mais celui-ci C’est quelque chose qui est beau,. C’est que s’ils ne sont pas disponibles dès le premier jour, ils peuvent être ajoutés à une date ultérieure. De toute façon, en se concentrant sur la zone locale et il y a toutes les chances que je l’ai dépassées. Aussi, ah par dos d’œufs, d’accord, je Je pensais pouvoir ajouter deux photos à la fois, mais je ne peux pas, donc je vais juste. Découvrir que l’un des bois peut maintenant être OK. Présentement, je dois regarder et voir quelles photos supprimer. Je pense que nous pouvons. Supprimer celle-ci parce que celui-là raconte. Probablement la meilleure histoire d’un poêle à bois, puis nous allons juste les mélanger un peu aussi et voilà, nous avons donc l’accent intérieur et extérieur sur le poêle à bois, l’accent sur le panier à œufs. Qui fonctionne très. Bien, ainsi Je pense que la prochaine section naturelle sera celle des. Pages de médias sociaux et nous pouvons simplement faire quelque chose de. Très simple, une petite publication IL pour cela,. Je vais le souligner à. Nouveau, cela pourrait être un peu. Lourd et c’est où qu’il. Puisse facilement supprimer ce soulignement ici, mais

je pense que c’est juste plus, c’est juste bien que quelqu’un parcours

Si cela l’intéresse, il peut voir le. Prix assez rapidement maintenant cette section de contenu est plus profonde, nous pourrions potentiellement. Simplement les déplacer, nous les bloquons un. Peu et centrez-les par rapport à eux, donc c’est une bonne chose avec le. Moteur fluide que nous pouvons ajuster en conséquence. Je pense que Cette page a l’air vraiment sympa présentement et je pense que c’est tout à fait bien de devenir. Bon pour mettre quelqu’un dans l’ambiance et je ne le suis pas. Je fais tout le travail acharné ici, je. Reprends facilement le travail que K a effectué. Pour créer les mises en page et je réutilise simplement. Ces mises en page pour créer une. Machine de finition professionnelle,. Donc, je vais me débarrasser de cette section. Maintenant et passons à autre chose. Voyez combien il nous reste, il nous en reste encore un peu,. D’accord, la section suivante doit ainsi. Être seulement une section assez courte, je ne pense pas qu’il y ait quelque chose qui. Convienne tout à fait à ce que nous voulons, ainsi je suis nous. Allons fermer cela pour Le sauvegarder et nous allons aller au carré et nous allons aller aux blocs de contenu et le SER ne regarde pas contacter le. Contenu et jetons un coup d’œil aux. Plus courts. Peut-être quelque chose avec un deux la disposition des colonnes peut être le contenu classique I ou même celui-ci, puis une image plus courte,. Ensuite le lien URL sur le côté droit ici ouais, je pense que nous allons y aller, enregistrez-le comme favori, je vais également. Enregistrer celui-ci également comme option de secours, nous allons maintenant. Y revenir et tenter de construire cette section. Nous devons aussi la tester sûr. Mobile à la fin, mais comme nous sommes en. Train d’éditer des structures, il devrait y avoir un minimum d’édition mobile à ce stade. Étape donc nous allons essayer celle-là en premier, cela pourrait être Vermeil Je vais mettre le titre ici, je n’ai pas besoin d’un bouton d’appel à l’action. Oh en fait, nous le faisons, je vais appuyer sur Comme. Et annuler cela, je vais pour amener ici que ce sera bizarre, les liens vers les canaux de médias sociaux seront, je vais réduire cela. Et vous pourriez simplement avoir une photo d’arrêt. Des médias sociaux, ce qui. Serait plutôt bien, c’est en fait de prendre une photo de quelqu’un sur les pages Facebook ou Instagram. Instagram probablement d’accord, appuyez sur le mauvais bouton,. Complétez-moi, heureusement, ils. Aiment faire quelque chose en direct, d’accord, ce que je vais faire au lieu

d’avoir dans ce format parce que nous avons

Plus de flexibilité avec le. Site Web, c’est en fait créer deux boutons. Ci-dessous à remplir pour qu’il remplisse les blocs qui semblent un peu plus gros, allez au bouton principal,. Puis je vais dupliquer celui-ci, déplacez-le. Ci-dessous, ensuite je vais copier les. URL, supprimer le type de lien standard, placez tout le lien, ensuite. Par défaut, ensuite CU, il détectera et

c’est une fonctionnalité relativement nouvelle dans

Square. Bas, j’aime, c’est que lorsque vous collez une. URL, il le détectera s’il s’agit d’une page interne ou d’une page externe et il. Sélectionnera automatiquement l’ouverture dans un nouvel onglet s’il est externe, ce qui est très pratique, cela signifie que si vous cliquez sur l’. Un d’entre eux, cela ouvrira un nouvel onglet menant. Aux pages de médias sociaux ou ouais et. Pareil, je pense qu’il s’ouvrira les applications si vous appuyez dessus automatiquement sur mobile,. Cela devrait être le cas,. Car s’assurer que cela fonctionne sur mobile est également très important, parce que la plupart. Des gens lorsqu’ils reçoivent cet e-mail sont beaucoup plus susceptibles d’être sûr

mobile, je dirais que cela dépend de 80 à

Soient sur un appareil mobile en train de regarder ceci. Je pense que nous pouvons maintenant mettre une photo dans cette section pour la. Diviser à nouveau en y jetant un coup d’œil rapide et je. Pense que nous avons. J’ai trop de photos, mais il. S’agit de trouver le juste équilibre pour que cela ressemble à une mise en page de magazine. Afin que je puisse prendre une photo d’archive de comme je l’ai dit, un smartphone, mais vous savez. Ce que je pense, je vais juste présenter davantage de Rue, tout le monde sait à quoi. Ressemblent Facebook et Instagram s’ils ont des comptes avec ceux-là, ce qui pourrait être plutôt sympa, comme je l’ai dit, c’est. Comme une photo par-dessus l’épaule de quelqu’un sur la page pendant qu’ils

enregistres serait un bon moyen de faire

Cela, d’accord, nous avons donc mis cela en. Place et nous allons examiner le reste du contenu ici présentement, ainsi une nouvelle section en fait,. Regardons ici, ainsi présentement, nous avons les. Heures d’arrivée et je pense que nous Je peux probablement entrer dans une disposition plus de paragraphes pour cela, ainsi je vais d’abord modifier cette section ci-dessus,. Donc, nous allons y aller avec la couleur plus claire. Maintenant, si nous regardons les sections Enregistrer, je pense que nous allons y revenir à cette structure

ici, je pense que je les ai mis comme titres pour les

Déclarations,. Mettez ceci ici, peut-être allez-y avec le titre, nous pouvons changer la différence de taille,. Car le titre quatre est en fait un peu trop déroulant en taille, alors sûrement que nous allons allez avec un ouais paragraphe un, voyons ce que nous. Avons, vous savez, c’est trop sombre, nous les mettrons en gras aussi, c’est parti, c’est. Mieux et je pourrais simplement maintenir Shift et entrer pour créer un espace supplémentaire là-bas pour séparer ces rues pointes, nous. Arrivons à un point maintenant où nous voulons nous assurer que nous mettons davantage de cela

contenu en place, donc je vais mettre moins d’informations supplément

Ires mettre plus de. Contenu textuel moins d’informations visuelles sur la photo. Dans les informations sur la photo suite, mais graphique contenu dans ce bon. Chagrin pour les tresses qui ne fonctionnent pas aujourd’hui,. Supprimons-. Les ainsi j’espère que nous pourrons trouver les ajouts d’annulation du CHMS et un lien vers. Cela. Là-bas ainsi je pense que nous pouvons probablement les supprimer ici et ajouter. Le nous pouvons aller directement dans les extras. Lesquels du cours sont également assez axé sur l’image,. De sorte que cela s’équilibre assez bien, alors mettons ce texte là-dedans. Je pense que ce que nous allons faire, c’est en changer le format et je vais à Sil ce qui était un

Exil I

Je vais juste peaufiner cela pour le. Moment, mais encore une fois, je suis m’attends à ce que le client passe par là complètement et le fasse fonctionner comme pour les informations qu’souhaite, donc je prends juste quelques libertés ou je devine simplement comment cela va se passer. Fonctionne ainsi nous avons deux sections maintenant, je pense que ce sera la section de signature en bas de la page qui est. Avec la signature là-bas, alors. Allons-y et ajoutons des extras facultatifs. Je veux m’assurer que c’est le cas et ce que nous allons faire, c’est ajouter un formulaire pour réserver ces extras en bas de la page. Parfois, ce que je fais, c’est facilement utiliser commande et moins ou contrôle et. Moins sur un PC Windows, c’est sur Chrome. Mais je pense que ça fonctionnera sur la plupart des navigateurs, cela me permet de. Tout sélectionner en une seule fois et de le déplacer vers le bas. Afin d’avoir un peu plus d’espace pour insérer la faute de frappe, puis si je maintiens la commande enfoncée et que j’appuie sur zéro, elle reviendra à la taille 100 % G. Là, c’est un petit hack qui a. Bien fonctionné pour moi lorsque j’utilise des Systèmes de gestion de contacts depuis des années à cause de. L’espacement. Je le veux légèrement plus proche du contenu en haut de la section pour l’espacement, donc je n’ai fait qu’un Ally

une fois, puis-je l’ai déplacé

En. Bas et ce que nous faisons maintenant, c’est ajouter un bouton ou je pourrais y ajouter un. Formulaire, allons. Au contenu, nous pouvons modifier les champs du formulaire, nous pouvons avoir le nom de l’e-mail et ensuite ce que nous allons faire, c’est avoir un message facultatif donc je vais partir de là, le. Mettre pour que ce ne soit pas. Obligatoire, puis ajouter un champ, car nous ne devrions pas avoir besoin de nous mettre à l’écart pour des nouvelles et des mises à jour supplémentaires, parce qu’ils le font de toute façon dans le cadre du processus, ainsi j’espère que je pourrai supprimer ça et. C’est parti pour une section de boutons prêts et présentement, ce que je pense que je peux faire,. C’est simplement y aller et mettre tous les extras là-dedans sous cette forme, la seule chose est visuellement qui n’a pas l’air aussi belle parce que nous pouvons vous voyez, il. Descend ici et je n’aime pas ça, donc ce que Nous pourrions faire à la place est de double-cliquer dessus et d’aller à la conception,. Il y avait une option selon laquelle nous pouvons. Simplement le basculer sur un. Bouton, nous pouvons changer le style du formulaire. Qui est relativement fonctionnalité et j’aime que dans l’espace carré les rende juste. Un peu plus jolis en mode boîte à lumière, donc nous changeons la raison pour laquelle j’ai choisi celui-ci comme bouton radio, c’est qu’il leur permet de sélectionner. Plus de bu pour sélectionner plus d’une. Option que nous modifions les champs du formulaire et. Voir si nous pouvons, oui, nous pouvons également supprimer l’option d’inscription par courrier électronique, mais cela. Signifie que maintenant ce formulaire apparaîtra sous la forme d’une. Boîte lumineuse et nous pouvons facilement le tester

maintenant, voir comment cela

Fonctionne et Nick peut mettre un bloc de texte au-dessus de cela maintenant pour dire ce qui va être. Là et bien sûr, il suffit de. Modifier ces options et où le formulaire est envoyé via les paramètres, mais nous sommes assez proches présentement en dehors des Instructions, donc encore une fois, nous pouvons potentiellement. Voir s’il y a déjà une mise en page de carte dans nos sections de sauvegarde, sections préférées. Là-bas ouais, nous avons cette option de carte. Ici et déplaçons ce bloc de contenu. Ici et. Nous allons mettre les directions en parfait état ainsi nous laisserons ces trois mots et nous allons juste changer cela, nous n’avons pas besoin du logo ici pour que nous puissions utiliser. Cet. Espace supplémentaire et c’était juste un cas de formatage,. Ouais, notre soulignement ici encore sur celui-ci,. J’ai dit que cela pourrait être un peu lourd et c’est un exercice d’équilibre parce que nous voulons être aussi utiles que possible, mais en même temps, nous ne voulons pas traiter nos visiteurs avec. Mépris. Apportons cette carte ici afin que nous puissions la rendre vraiment belle et percutante et je pense qu’ont l’option. Pour supprimer cela, nous pourrions. Aussi laisser la vie décider si elle. Veut mettre le lien vers le. Site Web du massothérapeute dans notre bloc, il y a

beaucoup d’espace pour cela si nécessaire aussi,

Ce n’est pas un article parfaitement fini, mais trouvez ces directions, je pense nous allons laisser cela sous la forme d’un titre trois qui deviendra un titre deux, puis je remets cela au. Paragraphe deux. D’accord, je suis intéressé de voir ce que vous pensez, il y a un petit ajustement. À faire comme je l’ai dit avec ceci et nous devons le résoudre sur mobile, je vais y jeter un coup d’œil rapide. Dans un instant, mais si nous prévisualisons simplement. Cette page avec laquelle nous avons commencé, j’aurais

dû dupliquer cette page juste pour que

Nous pouvons comparer les deux, mais une page vide le ferait envoyer facilement un message texte à ce que je pense. Être une très belle page de destination d’introduction, parfois lorsque les gens pensent aux. Pages de destination, ils pensent que vous. Vendez un produit ou un service à travers elle,. Mais je pense que chaque bonne page de service ou page de produit sur un site Web a besoin ressembler à un MAI comme à une page de destination tellement de fois, c’était le cas et c’est toujours le cas avec certains concepteurs,. Vous consacrez vraiment d’efforts à la page d’accueil du site Web que vous constatez une. Baisse de qualité lorsque vous allez sur d’autres pages dans The suite, nous essayons d’éviter cela. Autant que possible afin que nous ayons un bon flux à travers le site même pour les pages qui ne sont pas sur le minisystème, mais cela. Devrait avoir tout ce dont ils ont besoin avant. Ce jour, y compris la possibilité de livre qui a besoin d’un petit peu d’orographie d’introduction en termes d’instructions sur la façon de réserver potentiellement, j’ai dit que je laisserais. Cela à Vicki pour qu’il le parcoure, nous en. Apportons ensuite une partie de la lettre et nous pouvons voir les instructions. Ci-dessous, donc cela devient assez Tex en bas, ainsi encore une fois, il pourrait s’agir simplement de. Réorganiser certains de ces aspects, peut-être même de déplacer les extras entre ces. Sections ici, puis de changer la couleur de la section ici en Blanc. Et oui, c’est ça Cela pourrait être une bonne. Façon de le diviser un peu plus, mais c’est la vue du bureau qui va. Être vue sur mobile, la plupart d’entre elles devraient. Être plutôt bonnes, donc tout a l’air. Sympa là-bas, nous pouvons juste en parler un. Peu juste pour que ça coule un peu vite, d’accord, vous pouvez. Augmenter un peu cette section inférieure et également réduire ces images d’un. Bloc pour qu’il y ait un peu plus d’. Espace de respiration là-bas. Cette section dont nous avons besoin avait besoin d’. Un peu plus de travail, car nous avons redimensionné. Les images, ce qui sera impact. Également et nous devons déplacer ces Boutons parce que nous avons changé le modèle si vous vous en souvenez, déplaçons ces boutons en position, c’est un peu serré vers. Haut R a dit à UN de le faire, mais encore une fois, si. Nous effectuons un zoom. Arrière, vous voyez, c’est la quête sur cette base, je ne

ne sais pas pourquoi c’est vraiment ennuyeux parce que nous avons mis ce

Formulaire de réservation, cela. Gâche le reste de la. Mise en page, je pense que nous pouvons probablement nous en sortir en les gardant simplement emballés. Assez près les uns des autres, juste un de plus pour Monter, je peux maintenant réduire cette. Section, laisser un peu d’espace en bas, cela va alors prendre soin de lui-même et ensuite être bon pour le faut donc cela n’a pas pris trop de temps à corriger sur mobile, car encore une fois, nous. En utilisant des plis dans les modèles de Square. Forge, ce qui signifie que la plupart des travaux de jambe ont été effectués dans les mises en page, je l’ai remis à la commande zéro, je reviens facilement. En plein écran,. Nous avons une page de destination qui a l’. Air beaucoup plus joli que l’e-mail d’origine, mais a également plus de contenu que le. Nouvel e-mail réduit que nous avons créé dans La campagne, nous avons donc présentement cet e-mail qui lorsque vous cliquez sur ces Boutons du pack de bienvenue afin que nous puissions enfin les configurer et parce que nous nous basons sûr. Campagnes, nous pouvons facilement trouver la page automatiquement ainsi nous n’avons même pas besoin d’. Aller chercher l’URL et de copier et coller que c’est le même lien pour les deux. J’ai appuyé sûr. Enregistrer, c’est bien fait, ouais, nous pouvons aussi vérifier ces liens, mais avant évidemment d’

envoyer ces e-mails

Il est toujours très important d’aller vérifier les liens. Il s’agit d’une version tronquée de la page que nous avons créée afin que l’e-mail ne. Dure pas éternellement. Il devrait contenir toutes les

informations les plus importantes

Je pense que cela. Devrait probablement être une puce. Alors présentement, je vais. Sauvegarder et nous pouvons revenir en arrière et nous avons notre modèle d’e-mail. Et notre page de destination est correcte, deux ateliers terminés et dépoussiérés,. J’espère que vous êtes toujours avec moi, j’espère que vous avez apprécié et si vous recherchez plus de commentaires sur les tutoriels ou de coaching pour votre carrière dans la conception de sites Web ou si vous cherchez simplement à gérer et à prendre le contrôle d’un. Site Web pour votre entreprise ou. Organisation, j’ai une communauté scolaire avec un K. Où je peux vous coacher à chaque étape du processus, moi-même et mon équipe organisons

des séances de chirurgie en direct toutes les semaines et vous, dispos

Rez d’un bloc minimum de à résoudre le problème la plupart du temps. Nous résolvons les problèmes sur-le-champ et si. Je n’arrive pas à aimer cette vidéo aujourd’hui, je peux. L’utiliser comme une opportunité pour créer un enregistrement en direct sur notre chaîne ce site gratuite et résoudre vos problèmes individuels avec l’une de nos clientes locales Vicki. Qui est membre de notre communauté scolaire m’a gentiment donné la permission d’utiliser. Ces deux vidéos aujourd’hui et non seulement. J’ai pu partager mes processus de conception avec vous, j’ai créé un modèle d’e-mail et une page de destination pour son site Web. Dans le cadre de son abonnement mensuel et cela. Aurait cela lui a coûté des centaines pour que nous ayons. Créé cela en tant que projet distinct et maintenant, elle a les compétences et la capacité de pouvoir récupérer ces modèles et travailler avec eux à l’avenir. J’ai. Laissé quelques informations dans la description. Si vous êtes intrigué. Rejoignez notre communauté scolaire, sinon je

vous retrouverez bientôt avec d’autres tutoriels et

Ateliers, bravo.

Soyez le premier à commenter

Poster un Commentaire

Votre adresse de messagerie ne sera pas publiée.


*