👉 Boostez vos goûts en créant un cadeau Facebook avec WordPress

Présentation de la marque personnalisée pour les agences Jared Ritchey

Comme beaucoup d’entre vous le savent, nous avons récemment lancé un nouveau site List25 le mois dernier. Nous avons fait beaucoup de promotions sur les médias sociaux, et en un mois, vous pouvez constater que le nombre de pages du site comme le nombre de pages dépasse déjà 27,000. Oui c'est assez fou. Une des choses que nous avons fait pour donner un coup de pouce à ce site sur Facebook a été de créer une campagne de don de facebook. Pour laquelle vous voyez l'annonce dans la barre latérale de WPBeginner. Dans cet article, nous vous montrerons comment vous pouvez améliorer vos goûts en créant une campagne facebook giveaway en utilisant WordPress. Cela deviendra très intéressant en termes de résultats, alors lisez-le.

Remarque: le niveau intermédiaire de savoir-faire technique de WordPress et CSS est requis pour ce tutoriel. Nous avons essayé de le rendre le plus clair possible pour tout le monde.

Comment fonctionne ce concours?

Lorsque l'utilisateur accède à la page Facebook de List25, il voit la page de destination de notre concours. Il dit «List25 fait un cadeau de vacances» -> Gagnez des cartes-cadeaux Amazon à 25 $. Aimez notre page pour voir comment vous pouvez entrer. Image ci-dessous:

Les cartes-cadeaux Amazon sont quelque chose que beaucoup de gens veulent. Ainsi, la majorité des utilisateurs cliquent sur J'aime pour voir comment ils peuvent entrer. Lorsqu'ils aiment la page, ils ont maintenant accès au contenu réservé aux fans, qui contient les instructions pour gagner. En gros, nous disons que nous distribuons 25 cartes Amazon de 25 dollars. Vous devez partager cette page avec vos amis pour vous qualifier. Un bouton permet à l'utilisateur de cliquer et de partager la page avec ses amis.

Lorsque l'utilisateur clique sur le bouton, une fenêtre contextuelle Poster sur votre mur s'affiche comme ceci:

Nous avons déjà prédéfini le texte et l'image ici. Tout ce que l'utilisateur doit faire, c'est écrire son commentaire et le partager. Une fois qu'ils ont atteint le partage, ils seront amenés à la page pour entrer leurs informations. Si l'utilisateur clique sur Annuler, il est renvoyé à l'onglet précédent.

Cette campagne sera en ligne jusqu'au 20 décembre (c'est à ce moment que nous annoncerons nos gagnants). Donc, pour ceux qui veulent voir une démonstration en direct, rendez-vous sur la page Fan List25 et voyez-la vous-même.

La partie la plus folle de tout cela est que la plupart des gens pensent que vous devrez faire un codage fou ou payer beaucoup d’argent pour avoir une application comme celle-ci. Et si nous devions vous dire que nous avons tout fait avec une combinaison de plugins WordPress, MailChimp et évidemment des compétences de conception pour les images. Vous voulez savoir comment le faire? Lisez le long.

Étape 1: Rassembler les choses

La première chose à faire est de savoir ce que vous allez faire. Dans notre cas, il s'agissait d'Amazon Giftcards. Comme je l'ai mentionné précédemment, il fallait une combinaison de plugins et de services. Je vais donc tout exposer ici. Rappelez-vous que certains plugins sont payants:

  • WP4FB Pro <- Obtenez l'option Pro si vous voulez être en mesure de faire ce que nous avons fait (la fonctionnalité s'appelle Like Gate and Share Gate) et n'est disponible qu'au niveau Pro et Developer.
  • WordPress HTTPs Plugin (gratuit à partir du référentiel)
  • Certificat SSL pour les utilisateurs HTTP. À compter du 1er octobre, Facebook oblige désormais les développeurs à avoir une version compatible SSL pour les utilisateurs utilisant la navigation sécurisée. Si vous êtes sur un serveur dédié comme nous, vous devez payer pour un certificat SSL. HostGator facture 50 $ / an pour le service. Mais nous avons fini par obtenir le nôtre pour 12,99 $ / an de Godaddy spécial Cliquez ici pour l'obtenir.

    Si vous êtes sur le plan d'hébergement partagé de HostGator, KimWoodbridge a un tutoriel qui vous montre comment utiliser leur SSL partagé.

  • Compte MailChimp ou Aweber. Fondamentalement, vous avez besoin d'un moyen de stocker le nom et l'e-mail, afin que vous puissiez plus tard en informer les gagnants. Facebook vous demande de collecter les données séparément, sinon cela va à l'encontre de leurs TOS. Donc, vous ne pouvez pas envoyer un message à l'utilisateur sur Facebook pour lui faire savoir qu'il a gagné.

En dehors de tout ce qui précède, vous devez disposer des graphiques suivants:

  • Graphiques de pages sans fan
  • Fan-Only Page Grahpics où vous montrez des détails sur la façon d'entrer (avec un clic pour partager le bouton)
  • Page de succès avec un formulaire où l'utilisateur peut saisir ses données
  • Vignette pour le contenu partagé

Investissement total:

– 67 $ pour WP4FB Pro
– 12,99 $ pour SSL via Godaddy (offre spéciale. Normalement, il en coûte 69 $. Cliquez ici pour l'obtenir)
– Gratuit jusqu'à 2000 Emails: MailChimp (Notre plan est combiné avec WPBeginner donc nous payons pour cela)
– 25 x 25 $ Cartes-cadeaux Amazon (625 $) <- Cela variera selon ce que vous donnez. Avant de passer à l'étape suivante, on suppose que vous avez rassemblé toutes les choses. Pour SSL, si vous avez le certificat, il doit être installé sur votre serveur. HostGator l'a installé sur notre serveur pour nous. Il suffit de demander leur soutien.

Étape 2: Installation de HTTP WordPress

Il suffit d'installer et d'activer le plugin WordPress HTTPs Plugin depuis le référentiel WordPress.

Accédez à Paramètres »HTTP WordPress et remplacez l'hôte SSL par votre domaine.

Assurez-vous que la case à cocher Forcer SSL exclusif est cochée.

Cliquez sur Enregistrer les paramètres.

Étape 3: Configuration de WP4FB Pro

Une fois que vous avez acheté WP4FB Pro, installez-le et activez-le sur votre site. Vous verrez que 3 options de menu supplémentaires sont ajoutées à votre tableau de bord WordPress. Le fichier principal WP4FB, puis deux types de publication personnalisés appelés pages WP4FB et diapositives WP4FB. Commençons donc avec le menu WP4FB. Remplissez tous les paramètres généraux tels que le pied de page, l'URL RSS, Twitter, etc.

La prochaine option est Facebook. Si vous y allez, vous remarquerez qu'il nécessite un identifiant d'application Facebook et une clé secrète. Il faut donc aller chercher ça. Enregistrez votre propre application dans la zone Développeurs Facebook. Il existe de nombreux tutoriels sur le Web pour savoir comment faire. Lorsque vous achetez WP4FB Pro, une série de didacticiels vidéo expliquent comment procéder. Par conséquent, je ne couvrirai pas comment enregistrer une application facebook dans cet article. (Utilisez leur tutoriel vidéo) ou un autre tutoriel sur le Web.

Une fois que vous avez votre identifiant d'application et votre clé secrète facebook, insérez-le dans les paramètres Facebook de WP4FB.

Vous devez cocher la case Fan-Gate. Ensuite, sélectionnez la page pré-similaire. Mais comme vous venez d'installer cette page, vous ne verrez aucune option. Donc, ce que vous devez faire est d'aller dans l'onglet Pages WP4FB et cliquez sur Ajouter nouveau.

Créez une page pré-similaire. Dans notre cas pour List25, nous avons créé une page appelée Giveaway. N'a ajouté aucun contenu dans la zone de contenu. Nous avons simplement utilisé une image de fond pour obtenir le style dont nous avions besoin. Mais c'était un moyen rapide de faire les choses plutôt que de passer du temps à créer un modèle personnalisé pour WP4FB.

Si vous voyez, nous avons la navigation de spectacle et affichez le titre de la page réglé sur NO. Il existe une hauteur d'en-tête définie car nous utilisons notre image comme image d'arrière-plan de l'en-tête. Notre contenu est vide, tout ce que l'utilisateur voit est l'image.

Remarquez que notre URL d'image contient // La raison en est que cela fonctionne sur Facebook.

Vous devez vous assurer que toutes les fonctionnalités virales sont désactivées pour la page pré-similaire. Une fois que vous avez créé la page pré-similaire, publiez-la. Revenez ensuite au menu Facebook sous les paramètres principaux de WP4FB et sélectionnez cette page.

Ensuite, vous devez créer une page de contenu de type ventilateur uniquement contenant les détails de la saisie du contenu. Pour cela, nous avons également utilisé une image de fond pour rendre les choses plus rapides et plus faciles pour nous. Sauf que cette fois-ci, nous avons utilisé l'URL Content Background Image plutôt que l'URL Image d'arrière-plan de l'en-tête. La raison en est que nous voulions utiliser HTML pour lancer la fonctionnalité de partage de porte.

Notez à nouveau que l'URL d'image est HTTPS. Vous devez le faire.

Comme je l'ai expliqué, nous avons utilisé l'URL de l'image de contenu afin que nous puissions utiliser des balises HTML. Fondamentalement, notre image ressemblait à ceci:

Nous devions pouvoir cliquer sur le bouton Cliquez ici pour partager. Nous avons donc ajouté les balises HTML suivantes dans notre zone de contenu en utilisant l'éditeur HTML plutôt que l'éditeur visuel.

Cliquez ici pour partager

Votre CSS variera en fonction de l'image d'arrière-plan que vous utilisez. Mais vous avez l’idée générale de ce que nous faisons ci-dessus, non? Fondamentalement, nous voulons que le bouton Click Here to Share soit un lien vers notre page secrète où l'utilisateur peut accéder au formulaire pour participer au concours.

Allons de l'avant et créer notre troisième et dernière page. Nous avons suivi à peu près la même direction que la page en éventail uniquement ci-dessus. Nous avons utilisé l'URL de l'image d'arrière-plan du contenu et utilisé HTML dans l'éditeur de contenu. La partie la plus importante de cette page est que nous avons activé le portail de partage de fonctionnalités virales.

Notez maintenant que nous avons également rempli les paramètres Open Graph. Il s’agit des informations qui seront affichées à l’utilisateur lorsqu’elles atteindront le point de départ du partage. Voir l'image ci-dessous:

Donc, assurez-vous de mettre la bonne image, un titre précis et une description convaincante.

La dernière page ressemblait à ceci:

Donc, fondamentalement, notre image de fond avait deux champs vides. Nous sommes entrés dans MailChimp et avons saisi un code de formulaire pour une nouvelle liste de courrier électronique créée pour List25. Et ajouté cela dans la zone de contenu de cette dernière page avec le style.

Voici le code que nous avons ajouté (évidemment votre code de formulaire sera différent, mais ce serait un bon point de départ):

Après avoir publié cette page. Prenez l'URL de cette page et ajoutez-la dans le bouton du code de page réservé aux fans que nous avons partagé ci-dessus.

Étape 4: Promotion du cadeau

Vous pouvez ajouter la page de cadeau, mais personne ne le saura. Si vous avez une base d'utilisateurs existante, vous pouvez leur faire savoir ce que cela représente. Dans notre cas, nous n'avions pas cela. Voici les étapes que nous avons prises:

– Ajout d'une bannière latérale dans List25 et WPBeginner pour la promotion du concours.
– Nous organisons également des campagnes publicitaires sur Facebook pour promouvoir le concours (argent supplémentaire que nous dépensons mais que vous n'avez pas à payer)
– partagé avec nos amis

L'aspect viral du cadeau est unique. Tout le monde veut de l'argent gratuit.

Résultats

Besoin de dire plus que nous avons plus de 27 000 goûts en un mois. Bien sûr, tous ne sont pas issus du concours car nous faisons également d'autres campagnes. Mais il est juste de dire qu’au moins un tiers de ces fans sont issus du concours.

Combien de temps nous a-t-il fallu pour le faire? Je dirais environ 4 à 5 heures. Cela en valait-il la peine? Heck oui c'était bien.

Allez-vous le faire sur votre site? Faites-nous savoir vos pensées.

Voir la vidéo: Retour à l'école I Personnalise ton agenda! I 2015-2016

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: