👉 Boost dine foretrukne ved at oprette Facebook Giveaway ved hjælp af WordPress

Introduktion til Custom Branding for Jared Ritchey Agenturer

Som mange ved du, at vi for nylig lancerede et nyt websted List25 sidste måned. Vi har lavet mange sociale medier for det, og i en måned kan du se, at webstedets facebook-lignende tæller allerede overgår 27,000. Ja det er ret sindssygt. En af de ting, vi gjorde for at give dette websted et boost start på facebook, var at skabe en facebook giveaway kampagne. For hvilket du ser annoncen i sidebjælken for WPBeginner. I denne artikel vil vi vise dig, hvordan du kan øge dine likesæt ved at oprette en facebook giveaway-kampagne ved hjælp af WordPress. Dette bliver meget interessant i forhold til resultater, så læs videre.

Bemærk: Mellemliggende niveau af teknisk knowhow af WordPress og CSS er påkrævet for denne vejledning. Vi forsøgte at gøre det så klart som muligt for alle at følge.

Hvordan virker denne Giveaway?

Når brugeren lander på List25s Facebook-side, kan de se destinationssiden for vores konkurrence. Det siger "List25 gør en ferie giveaway" -> Vind $ 25 Amazon Gavekort. Ligesom vores side for at se, hvordan du kan indtaste. Billede nedenfor:

Amazon gavekort er noget, som mange mennesker vil have. Så flertallet af brugerne klikker Lignende for at se, hvordan de kan indtaste. Når de kan lide siden, vises de nu det eneste fan, der har instruktionerne om, hvordan man vinder. Det siger i grunden, vi giver væk 25 x $ 25 Amazon Gavekort. Du skal dele denne side med dine venner for at kvalificere dig. Der er en knap for brugeren at klikke og dele siden med deres venner.

Når brugeren klikker på knappen, vises en popup til din væg som sådan:

Vi har allerede foruddefineret teksten og billedet der. Så alt brugeren skal gøre er at skrive deres kommentar og dele den. Når de slår dele, vil de blive bragt til siden for at indtaste deres oplysninger. Hvis brugeren klikker på Annuller, sendes de tilbage til den forrige fane.

Denne kampagne vil være levende indtil den 20. december (det vil sige, når vi vil annoncere vores vindere). Så for dem der vil se en live demo af dette, gå over til List25 Fan Page og se det selv.

Den skøreste del om alt dette er, at de fleste mennesker tror, ​​at det vil kræve, at du gør nogle vanvittige kodninger eller betaler store penge for at få en app som denne. Hvad hvis vi skulle fortælle dig, at vi gjorde alt sammen med en kombination af WordPress-plugins, MailChimp og naturligvis designkvalifikationer for billederne. Vil du vide, hvordan du gør det? Læs videre.

Trin 1: Få ting sammen

Første ting du skal gøre er at finde ud af, hvad du skal give væk. I vores tilfælde var det Amazon Gavekort. Som jeg nævnte tidligere krævede det en kombination af plugins og tjenester. Så jeg vil lægge det hele ud her. Husk, at nogle er betalt plugins:

  • WP4FB Pro <- Få Pro-indstillingen, hvis du vil kunne gøre de ting, vi gjorde (funktionen hedder Like Gate og Share Gate), som kun er tilgængelig på Pro og Developer-niveau.
  • WordPress HTTPs plugin (gratis fra arkivet)
  • SSL-certifikat til HTTP-brugerne. Fra 1. oktober kræver Facebook nu, at udviklere skal have en SSL-klar version for brugerne, der bruger sikret browsing. Hvis du er på en dedikeret server som os, så skal du betale for et SSL-certifikat. HostGator afgifter som $ 50 / år for tjenesten. Men vi endte med at få vores for $ 12,99 / år fra Godaddy special Klik her for at få det.

    Hvis du er på HostGators Shared hosting plan, har KimWoodbridge en vejledning, der viser dig, hvordan du bruger deres Shared SSL.

  • MailChimp eller Aweber konto. Dybest set har du brug for en måde at gemme navn og e-mail på, så du kan senere underrette vinderne. Facebook kræver, at du indsamler dataene separat, ellers er det mod deres TOS. Så nej, du kan ikke beskrive brugeren på Facebook for at fortælle dem, at de vandt.

Bortset fra alt ovenfor skal du have følgende grafik klar:

  • Non-Fan Page Graphics
  • Fan-Only Page Grahpics, hvor du viser detaljer om, hvordan du indtaster (med et klik for at dele knappen)
  • Succes side med en formular hvor du kan bruger kan indtaste deres data
  • Miniatur for indholdet af indhold

Samlede investeringer:

– $ 67 for WP4FB Pro
– $ 12,99 for SSL via Godaddy (Dette er et specialtilbud. Normalt koster det $ 69. Klik her for at få det)
– Gratis op til 2000 e-mails: MailChimp (Vores plan er kombineret med WPBeginner, så vi betaler for det)
– 25 x $ 25 Amazon Gavekort ($ 625) <- Dette vil variere afhængigt af, hvad du giver væk. Før du går videre til næste trin, antages det, at du har fået alle ting sammen. For SSL, hvis du har certifikatet, skal det installeres på din server. HostGator installerede det på vores server for os. Du skal bare spørge deres støtte.

Trin 2: Installation af WordPress HTTP'er

Du skal blot installere og aktivere plugin WordPress HTTPs plugin fra WordPress repository.

Gå til Indstillinger »WordPress HTTP'er og skift SSL Host til dit domæne.

Sørg for, at afkrydsningsfeltet for Force SSL Exclusively er markeret.

Klik på Gem indstillinger.

Trin 3: Konfiguration af WP4FB Pro

Når du har købt WP4FB Pro, skal du installere og aktivere den på dit websted. Du vil se, at 3 ekstra menupunkter tilføjes til dit WordPress dashboard. Main WP4FB en og derefter to brugerdefinerede posttyper kaldet WP4FB sider og WP4FB Slides. Så lad os komme i gang med WP4FB Menu. Udfyld alle generelle indstillinger som fodtekst, RSS-url, Twitter osv.

Den næste mulighed er Facebook. Hvis du går der, vil du bemærke, at det kræver Facebook Application ID og Secret Key. Så du skal gå og få det. Tilmeld din egen applikation i Facebook Developers område. Der er masser af vejledninger på nettet af, hvordan man gør det. Når du køber WP4FB Pro, leveres det med en række video-tutorials om, hvordan du gør dette. Derfor dækker jeg ikke, hvordan du registrerer en facebook-applikation i denne artikel. (Brug deres video tutorial) eller en anden tutorial på nettet.

Når du har fået din app ID og facebook hemmelige nøgle, indsæt den i WP4FB Facebook Indstillinger.

Du skal have afkrydsningsfeltet til fan-port markeret. Vælg derefter den præ-lignende side. Men fordi du lige har installeret denne side, vil du ikke se nogen mulighed der. Så hvad du skal gøre er at gå til fanen WP4FB Pages og klik på Add New.

Opret en pre-lignende side. I vores tilfælde til List25 oprettede vi en side kaldet Giveaway. Føj ikke noget indhold i indholds boksen. Vi brugte simpelthen et baggrundsbilde for at få den stil, vi havde brug for. Men det var en genvej til at gøre ting i stedet for at bruge tid til at oprette en brugerdefineret skabelon til WP4FB.

Hvis du ser, har vi visningsnavigation og viser sidetitel sat til NEJ. Der er en defineret headerhøjde, fordi vi bruger vores billede som header baggrundsbillede. Vores indhold er tomt, så hele brugeren virkelig ser billedet.

Bemærk: At vores billedwebadresse har // i den. Årsagen til det er, så det virker på Facebook.

Du skal sørge for, at alle virale funktioner er slukket for den præ-lignende side. Når du har oprettet den pre-lignende side, offentliggør den den. Gå derefter tilbage til Facebook Menu under de vigtigste WP4FB indstillinger og vælg denne side.

Derefter skal du oprette en fan-kun indholdsside, der indeholder oplysninger om, hvordan du indtaster indholdet. Til dette anvendte vi også et baggrundsbillede for at gøre tingene hurtigere og nemmere for os. Bortset fra denne gang brugte vi Content Background Image URL i stedet for Header Background Image URL. Årsagen til det var, fordi vi ønskede at bruge HTML til at starte Share Gate-funktionen.

Bemærk igen at billedets webadresse er HTTPS. Du skal gøre dette.

Som jeg forklarede, at vi brugte indholdsbilledwebadresse, så vi kan bruge HTML-tags. Dybest set så vores billede sådan:

Vi havde brug for at gøre Klik her for at dele knappen klikbar. Så vi tilføjede følgende HTML-tags i vores indholds område ved hjælp af HTML-editoren snarere end den visuelle editor.

Klik her for at dele

Din CSS vil variere baseret på det baggrundsbillede du bruger. Men du får den overordnede idé om, hvad vi gør over højre? Dybest set ønsker vi at gøre Klik her for at dele knap et link til vores hemmelige side, hvor brugeren kan få adgang til formularen for at komme ind i konkurrencen.

Lad os gå videre og oprette vores tredje og sidste side. Vi fulgte stort set den samme retning som fanen kun siden ovenfor. Vi brugte indholdets baggrundsbilledwebadresse og brugte HTML i indholdsredigeringsprogrammet. Den vigtigste del af denne side var, at vi aktiverede Viral Feature Share Gate.

Bemærk nu, at vi også har udfyldt Open Graph Settings. Dette er de oplysninger, der vil blive vist til brugeren, når de rammer share gate point. Se billedet nedenfor:

Så sørg for at du lægger det rigtige billede, en præcis titel og en overbevisende beskrivelse.

Sidens sidste side så så ud:

Så grundlæggende havde vores baggrundsbilde to tomme felter. Vi gik ind i MailChimp og greb en formularkode til en ny e-mail-liste, som vi oprettede til List25. Og tilføjede det til dette sidste sides indholdsområde med stylingen.

Her er koden, vi tilføjede (selvfølgelig vil din formularkode være anderledes, men det ville være et godt udgangspunkt):

Når du har offentliggjort denne side. Tag URL'en til denne side og tilføj den i knappen på den kun fan-only-siden kode, som vi delte ovenfor.

Trin 4: Fremme af Giveaway

Du kan tilføje giveaway siden, men ingen vil vide om det. Hvis du har en eksisterende brugergruppe, så kan du lade dem vide om giveaway. I vores tilfælde havde vi det ikke. Følgende er de trin, vi tog:

– Tilføjet et sidebar-banner på List25 og WPBeginner, der fremmer konkurrencen.
– Vi kører også Facebook-annoncekampagner for at fremme konkurrencen (ekstra penge, som vi bruger, men du behøver ikke)
– Delt det med vores venner

Det virale aspekt af giveawayen foregår alene. Alle ønsker gratis penge.

Resultater

Må jeg sige mere, at vi har over 27.000 i løbet af en måned. Selvfølgelig er ikke alle dem fra konkurrencen, fordi vi også laver andre kampagner. Men det er rimeligt at sige, at mindst en tredjedel af disse fans er fra giveaway.

Hvor lang tid tog det os for at gøre dette? Jeg vil sige omkring 4 – 5 timer. Var det det værd? Heck ja det var.

Vil du gøre dette på dit websted? Lad os vide dine tanker.

Like this post? Please share to your friends:
Skriv et svar

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