Share
Pagewiz a été conçu pour permettre aux spécialistes du marketing, aux propriétaires d'entreprise et aux sociétés affiliées de lancer des campagnes de pages de destination à partir de zéro, en quelques minutes, et de les optimiser facilement pour atteindre un taux de conversion élevé. Ce tutoriel vous guidera dans la conception de pages de destination avec Pagewiz, pour vous aider à conditionner et à vendre vos modèles Pagewiz sur Envato Market..
Lorsque vous créez des modèles de page de destination, vous devez vous assurer qu'ils respectent les connaissances empiriques du marketing en ligne, rassemblées au cours de milliers de campagnes de pages de destination réussies et / ou ayant échoué..
Si vous souhaitez vraiment vous lancer dans le marketing en ligne et aspirez à concevoir des modèles de page de destination orientés vers la conversion, vous devriez lire ce qui suit:
Chaque page de destination doit comporter cinq éléments de base:
(1 - 2) Les deux éléments les plus importants de votre page doivent être le titre + le titre et le CTA. Le premier met vos visiteurs dans la porte et le second leur donne (et la campagne) la récompense.
"Au-dessus du pli" - sur une page en ligne, il y a tout ce qui peut être vu sans avoir à faire défiler l'écran. Dans cette zone, votre visiteur devrait voir votre titre + sous titre; c'est la copie qui les attire avec une promesse et offre l'avantage clé de votre offre.
Si votre offre n'est pas complexe et / ou si le lecteur type connaît déjà très bien votre offre, il est probablement utile de placer votre premier bouton / formulaire CTA juste à côté du titre + ligne de tête au-dessus du pli. En d'autres termes, tout ce dont un visiteur motivé a besoin pour valider sa décision de se rendre sur votre page de destination est au premier plan. Ils n'ont pas besoin de chercher pour prendre d'autres mesures. Ils sont venus. Ils ont vu. Ils ont cliqué.
Réduisez les frictions - facilitez-leur la vie.
Avec quelle facilité les visiteurs de votre page de destination peuvent-ils trouver votre bouton d'appel à l'action (CTA)? Si votre réponse n'était pas «Comment peuvent-ils le manquer?!» - alors vous aurez peut-être du travail à faire..
le Couleur du bouton CTA doit se distinguer du reste du jeu de couleurs de la page. Ainsi, un bouton CTA orange peut être efficace sur une page composée de nuances de bleu, mais moins sur une page où le rouge est dominant. Regardez l'écran où vous avez placé un bouton CTA. Quelle est la première chose qui attire vos yeux? Si ce n'est pas votre bouton CTA, il peut être judicieux de modifier la couleur dans la variante que vous fournissez avec votre ensemble de modèles..
(3 - 5) La manière dont vous choisissez de mettre en forme la liste des fonctionnalités et les avantages de votre page de destination, ses générateurs de crédibilité et son résumé est à vous de choisir. Vous devrez trouver un moyen de les intégrer à votre conception, tout en prenant garde de ne pas atténuer vos deux éléments les plus importants. Rappelez-vous ces deux de quelques phrases en arrière?
Naturellement, les personnes qui achèteront votre modèle auront besoin d’un espace de copie pour en savoir plus sur les fonctionnalités de leur offre. Ils devront également être en mesure de placer des preuves sociales telles que:
Si votre modèle est soudainement surchargé, rappelez-vous: L'encombrement des pages de conception est déroutant et ne donne à vos visiteurs aucun centre de concentration. L'espace blanc est votre ami et vous aidera à rendre votre modèle plus clair et plus axé sur la conversion..
Pas de navigation!
Le but de créer une page de destination s'oppose à l'inclusion d'une barre de navigation.
Rappelez-vous: vous ne concevez pas un site Web.
Le seul objectif sur lequel votre page de destination doit être ciblée est convertir ses visiteurs.
Si vous leur offrez des options pour vous promener, votre objectif principal est entravé. Lorsque l'entonnoir de conversion a plusieurs choix, un client potentiel est moins susceptible d'agir en fonction de ce à quoi il / elle est dirigé (e) par le directeur de la campagne. C'est la logique simple derrière la raison pour laquelle vous ne devriez pas placer un menu de navigation sur votre conception de page de destination..
Une fois que vous avez créé votre compte Pagewiz et que vous souhaitez commencer à exporter votre modèle de modèle vers Pagewiz - connectez-vous à votre compte et cliquez sur le grand bouton rouge. + Créer une nouvelle page de destination bouton en haut à droite:
Vous serez ensuite invité à choisir le type de campagne de la page de destination: Bureau ou Mobile..
Le type de campagne que vous sélectionnez influencera la largeur de page de votre modèle: les modèles de pages de départ de bureau ont généralement une largeur de 960 pixels sur Pagewiz, tandis que les modèles mobiles ont une largeur recommandée de 320 pixels (même si vous pouvez toujours le modifier ultérieurement)..
Il est important que vous commenciez la conception de votre modèle personnalisé en choisissant le modèle vierge pour un démarrage plus facile, sans avoir à supprimer quoi que ce soit avant de commencer:
Il est maintenant temps d'utiliser des sections pour diviser judicieusement votre modèle de page de destination afin de faciliter le contrôle et la personnalisation:
Une fois que j'ai une nouvelle section en place, je peux définir une texture, une couleur d'arrière-plan ou une image comme arrière-plan. J'utiliserai l'une des nombreuses textures disponibles dans Pagewiz:
Puis je clique sur le Développer bouton pour qu'il s'étire sur toute la largeur de l'écran (au-delà de la largeur de ma page, soit 960 pixels):
Je peux également définir une image comme arrière-plan pour cette section si je le souhaite, en sélectionnant la section dans laquelle je souhaite appliquer une image d'arrière-plan et en cliquant sur Texture> Utiliser une image en tant que texture.
Lorsque vous ajoutez un élément à votre page, il est positionné absolument, où que vous choisissiez de le placer. Pagewiz ne vous proposera pas de placer un élément l'un sur l'autre, ni de le placer de manière non alignée. Il va simplement le placer.
Cela dit, Pagewiz dispose d'outils d'aide au positionnement avancés qui permettent de s'assurer que tout est positionné avec précision, exactement comme vous l'aimez:
Les coordonnées de positionnement sont disponibles pour vous permettre de personnaliser beaucoup de choses. Chaque élément que vous placez sur votre page a des valeurs Top (y) et Left (x), que vous pouvez personnaliser à partir du menu supérieur, en fonction des mesures effectuées sur votre fichier Photoshop / Illustrator..
De cette façon, vos conceptions restent précises au pixel près..
Pour vous assurer que les éléments que vous placez sur votre page sont correctement alignés, utilisez les outils d'alignement intégrés de Pagewiz. Ces outils sont affichés lorsque vous sélectionnez plusieurs éléments en les sélectionnant par Ctrl + Clic. Une fois que vous avez sélectionné plus d’un élément, vous pouvez utiliser les outils d’alignement pour aligner les arêtes ou les centres des éléments sélectionnés..
Voir la vidéo:
Vous pouvez ajouter un élément de formulaire à votre modèle de page de destination pour en faire une page de renvoi de génération de leads, en faisant glisser un élément de formulaire. Forme élément de la barre d’outils à gauche:
Personnalisez vos champs de formulaire et vos paramètres comme bon vous semble:
Concevez-vous un modèle de page de destination par clic? Ensuite, il ne devrait pas y avoir de formulaire, mais simplement un bouton CTA sur lequel cliquer. Pour ce faire, faites glisser un élément de bouton sur votre conception de page de destination et personnalisez-le à votre guise..
Pour vos en-têtes s'il vous plaît utilisez le Gros titre élément, et pour le texte de vos paragraphes, veuillez utiliser l'élément de texte enrichi - les deux sont sur la barre d'outils de gauche, prêts à les faire glisser vers votre conception.
Toute la bibliothèque Google Fonts est à votre disposition lorsque vous choisissez le type de police que vous souhaitez utiliser dans vos modèles:
Le constructeur de pages de destination Pagewiz a un grand Aperçu bouton pour vous permettre de vérifier en permanence à quoi ressemble la conception de votre modèle. Il est important de jeter un coup d'œil à l'aperçu avant de publier votre modèle car vous constaterez peut-être que différents navigateurs affichent le rendu de votre page différemment et vous voudrez probablement vous occuper de toute imprécision éventuelle..
Important: ne laissez pas votre modèle sans une version de page de destination mobile. Les acheteurs de modèles de page de renvoi s’y attendent, et peuvent très bien s’abstenir d’acheter votre dessin (aussi attrayant qu’il soit), simplement parce que vous avez négligé d’inclure la version mobile..
Il a été prouvé à maintes reprises que de nombreux prospects potentiels qui atterrissaient sur une page de destination rebondissent ou ne convertissent tout simplement pas s'ils ne s'affichent pas correctement sur leur appareil mobile..
Si cela ne vous convainc pas de l'importance de concevoir une page de destination adaptée aux mobiles, vous ne pensez toujours pas comme un spécialiste du marketing en ligne…
Il y a deux façons de faire ça:
# 1 Créez une autre page d'arrivée vierge et choisissez le Base de modèles de page d'atterrissage mobile pour un modèle optimisé pour tous les types de navigateurs d'appareils mobiles.
Cela vous permettra de concevoir la version mobile à partir de zéro. Vous pouvez ensuite associer cette page de destination optimisée pour mobile à la page de destination standard (960 pixels de large) que vous avez créée..
# 2 L'autre façon (plus rapide) est de dupliquer la page que vous avez créée pour les navigateurs de bureau.
Lorsque vous avez dupliqué votre dessin, vous pouvez lui définir une nouvelle largeur (mobile). La largeur recommandée pour les pages mobiles est de 320 pixels..
Une fois que vous avez défini la nouvelle largeur de la page à 320 pixels, vous devez vous assurer qu'aucun élément n'est laissé en dehors des limites de largeur de 320 pixels en les faisant glisser à l'intérieur et en modifiant leur taille en fonction des exigences de la conception:
Les efforts pour une grande campagne ne se terminent pas le jour du lancement. Une fois la campagne lancée, des tests A / B illimités peuvent être effectués sur Pagewiz pour optimiser la conversion. Vous pouvez également augmenter la satisfaction de vos acheteurs de modèles en leur fournissant différentes versions de votre modèle de page de destination ou, en d'autres termes, des variantes à tester.
Vous pouvez regrouper plusieurs pages différentes et offrir ainsi à vos acheteurs une couleur différente ou différents types de conversion sur votre modèle, par exemple une page de clic et une page de génération de leads (qui comprend un formulaire). Peut-être regrouper une autre version centrée sur une vidéo?
Lorsque vous associez votre modèle de page de départ à des variantes bien pensées que vos acheteurs en marketing pourront utiliser dans leur campagne, votre réputation en tant que concepteur de modèles orienté vers la conversion devrait se répandre et les responsables marketing voudront probablement faire affaire avec vous plus souvent!
Les images de héros pleine largeur sont devenues très courantes et sont souvent utilisées sur les pages de destination. Ils peuvent aider le design à communiquer un sentiment en visitant la page..
Pour créer une image de fond de héros pleine largeur, vous devez disposer d’une image large et de haute qualité, que nous vous recommandons d’optimiser pour le Web, avant de la télécharger sur les serveurs Pagewiz..
Pour l'utiliser réellement sur votre conception, créez d'abord une nouvelle section en faisant glisser l'élément section du menu des éléments de gauche:
Pour définir l'image de fond de la section:
Ensuite, vous pouvez contrôler la position de l’image d’arrière-plan, ce que vous pouvez faire depuis le bas de la Texture menu:
Une dernière chose à faire est d’agrandir l’ensemble de la section en cliquant sur le bouton Développer bouton:
Votre section a maintenant une image de fond sur toute la largeur.
En plus des coordonnées de positionnement X et Y des éléments, le générateur de page de renvoi Pagewiz vous fournit également des règles et des guides, ce qui vous permet de créer une grille (comme dans Photoshop ou tout autre logiciel orienté conception) dans laquelle peut verser votre conception.
Clique le Règles icône à l'intérieur du générateur de page de destination pour activer les règles:
Faites glisser autant de guides de règle que nécessaire (du côté droit / gauche) pour créer votre grille:
Pour augmenter vos ventes sur Envato Market, nous vous recommandons vivement de créer un modèle avec plusieurs versions incluses dans le pack:
Chaque version doit être exportée séparément et archivée sous forme de fichier .zip. Pagewiz vous permet d’exporter votre page de destination vers le marché ThemeForest. Pour utiliser la fonctionnalité d'exportation, vous devez disposer d'un compte Envato Author sur Pagewiz. Vous pouvez en faire la demande en vous inscrivant sur cette page d'inscription..
Pour exporter une page de destination, accédez d'abord à pages de destination, puis cliquez sur le réglages lien sous le nom de la page que vous souhaitez exporter:
Clique le Exportation bouton.
Un fichier Pagewiz sera téléchargé sur votre ordinateur.
J'espère que ce didacticiel vous aura fourni les informations nécessaires sur les principaux objectifs des campagnes de pages de destination et une introduction à la méthode de création par Pagewiz. Vous savez également comment conditionner vos ensembles de modèles Pagewiz en vente sur ThemeForest.
Accentsconagua