lugar
Tandaan: Intermediate na antas ng teknikal na alam kung paano ng WordPress at CSS ay kinakailangan para sa tutorial na ito. Sinubukan naming gawin itong malinaw hangga’t maaari para sundin ng lahat.
Paano gumagana ang Giveaway na ito?
Kapag ang gumagamit ay nakarating sa Facebook Page ng List25, makikita nila ang landing page para sa aming paligsahan. Sinasabi nito na “List25 ay gumagawa ng Holiday Giveaway” -> Umakit ng $ 25 Amazon Giftcards. Tulad ng aming pahina upang makita kung paano ka makakapasok. Larawan sa ibaba:
Ang mga regalo sa Amazon ay isang bagay na nais ng maraming tao. Kaya karamihan sa mga gumagamit ay nag-click Tulad ng upang makita kung paano sila maaaring pumasok. Kapag gusto nila ang pahina, ipinapakita na ngayon ang nilalaman ng fan-only na may mga tagubilin kung paano manalo. Ito talaga ang sabi, binibigyan namin ang 25 x $ 25 Amazon Gift Cards. Dapat mong ibahagi ang pahinang ito sa iyong mga kaibigan upang maging kwalipikado. May isang pindutan para sa gumagamit na mag-click at magbahagi ng pahina sa kanilang mga kaibigan.
Kapag nag-click ang user sa pindutan, nagpapakita ang isang Post to Your Wall popup tulad nito:
Nauna nang natukoy ang teksto at ang imahe doon. Kaya ang dapat gawin ng lahat ng gumagamit ay isulat ang kanilang komento at ibahagi ito. Sa sandaling pindutin nila ang pagbabahagi, dadalhin sila sa pahina upang ipasok ang kanilang impormasyon. Kung ang user ay nag-click sa Kanselahin, pagkatapos ay ipapadala ito pabalik sa nakaraang tab.
Ang kampanya na ito ay mabubuhay hanggang Disyembre ika-20 (iyon ay kapag kami ay ipahayag ang aming mga nanalo). Kaya para sa mga nais makakita ng isang live na demo ng ito, magtungo sa List25 Fan Page at makita ito para sa iyong sarili.
Ang pinakasikat na bahagi tungkol sa lahat ng ito ay ang karamihan sa mga tao ay nag-iisip na kakailanganin mong gawin ang ilang mabaliw na coding o magbayad ng malaking pera upang magkaroon ng isang app tulad nito. Paano kung sasabihin namin sa iyo na ginawa namin ang lahat ng ito sa isang kumbinasyon ng mga plugin ng WordPress, MailChimp at malinaw na mga kasanayan sa disenyo para sa mga larawan. Gusto mong malaman kung paano gawin ito? Magbasa kasabay.
Hakbang 1: Pagkakatipon ng Mga Bagay
Ang unang bagay na kailangan mong gawin ay malaman kung ano ang iyong gagawin sa giveaway. Sa aming kaso ito ay Amazon Giftcards. Tulad ng nabanggit ko dati, kailangan ang kombinasyon ng mga plugin at serbisyo. Kaya’t ilalagay ko itong lahat dito. Tandaan ang ilan ay binabayaran na mga plugin:
- WP4FB Pro
- WordPress HTTPs Plugin (Libre mula sa Repository)
- SSL Certificate para sa mga gumagamit ng HTTP. Simula ng ika-1 ng Oktubre, hinihiling ngayon ng Facebook ang mga developer na magkaroon ng isang handa na bersyon ng SSL para sa mga gumagamit gamit ang secure na pag-browse. Kung ikaw ay nasa dedikadong server na tulad namin, kailangan mong magbayad para sa isang sertipiko ng SSL. Ang mga HostGator ay naniningil ng $ 50 / taon para sa serbisyo. Ngunit natapos namin ang pagkuha sa amin para sa $ 12.99 / taon mula sa Godaddy espesyal Mag-click Dito upang makakuha nito.Kung ikaw ay nasa plano ng HostGator’s Shared hosting, pagkatapos ay may isang tutorial na KimWoodbridge na nagpapakita sa iyo kung paano gamitin ang kanilang Naibahaging SSL.
- MailChimp o Aweber Account. Karaniwang kailangan mo ng isang paraan upang i-imbak ang Pangalan at Email, upang maaari mong ipaalam sa ibang pagkakataon ang mga nanalo. Hinihiling sa iyo ng Facebook na kolektahin ang data nang hiwalay kung hindi ito laban sa kanilang TOS. Kaya hindi mo mai-mensahe ang user sa Facebook upang ipaalam sa kanila na nanalo sila.
Bukod sa lahat ng nasa itaas, kailangan mong magkaroon ng mga sumusunod na graphics:
- Graphics ng Pahina ng Non-Fan
- Fan-Only Page Grahpics kung saan nagpapakita ka ng mga detalye kung paano Ipasok (na may isang pindutan ng pag-click upang magbahagi)
- Pahina ng Tagumpay sa isang Form kung saan maaari mong ipasok ng user ang kanilang data
- Thumbnail para sa Ibahagi ang Nilalaman
Kabuuang puhunan:
– $ 67 para sa WP4FB Pro
– $ 12.99 para sa SSL sa pamamagitan ng Godaddy (Ito ay isang espesyal na alok. Karaniwan nagkakahalaga ito ng $ 69. Mag-click dito upang makuha ito)
– 25 x $ 25 Amazon Giftcards ($ 625) Hakbang 2: Pag-install ng WordPress HTTP
I-install at i-activate ang plugin WordPress HTTPs Plugin mula sa repositoryo ng WordPress.
Pumunta sa Mga Setting »WordPress HTTP at baguhin ang SSL Host sa iyong domain.
Tiyaking naka-check ang checkbox para sa Force SSL Eksklusibo.
I-click ang I-save ang Setting.
Hakbang 3: Pag-set up ng WP4FB Pro
Sa sandaling binili mo ang WP4FB Pro, i-install at i-activate ito sa iyong site. Makikita mo na ang 3 karagdagang mga pagpipilian sa menu ay idinagdag sa iyong WordPress dashboard. Ang Pangunahing WP4FB, at pagkatapos ay dalawang uri ng pasadyang post na tinatawag na mga pahina ng WP4FB at WP4FB Slide. Kaya hinahayaan kang makapagsimula sa WP4FB Menu. Punan ang lahat ng mga pangkalahatang setting tulad ng footer text, RSS url, Twitter atbp.
Sa sandaling nakuha mo ang iyong app ID at facebook secret key, ipasok ito sa WP4FB Facebook Settings.
Kailangan mong i-tsek ang checkbox na fan-gate. Pagkatapos ay piliin ang pre-like na pahina. Ngunit dahil na-install mo lamang ang pahinang ito, hindi mo makikita ang anumang pagpipilian doon. Kaya kung ano ang kailangan mong gawin ay pumunta sa WP4FB Pages tab at i-click ang Magdagdag ng Bago.
Gumawa ng pre-like na pahina. Sa aming kaso para sa List25, lumikha kami ng isang pahina na tinatawag na Giveaway. Hindi nagdagdag ng anumang nilalaman sa kahon ng nilalaman. Ginagamit lang namin ang isang larawan sa background upang makuha ang estilo na aming kailangan. Ngunit ito ay isang shortcut na paraan ng paggawa ng mga bagay sa halip na paggastos ng oras upang lumikha ng isang pasadyang template para sa WP4FB.
Kung nakikita mo, nagpapakita kami ng nabigasyon, at ipapakita ang pamagat ng pahina na nakatakda sa HINDI. May isang tinukoy na taas ng header dahil ginagamit namin ang aming imahe bilang imahe ng header ng header. Ang aming nilalaman ay blangko, kaya ang lahat ng user talaga nakikita ay ang imahe.
Pansinin: Na ang aming URL ng imahe ay mayroong https: // dito. Ang dahilan para sa gayon ay gumagana ito sa Facebook.
Kailangan mong tiyakin na lahat ng mga Viral na Mga Tampok ay naka-OFF para sa pre-gusto na pahina. Sa sandaling nalikha mo ang pre-like na pahina publish ito. Pagkatapos ay bumalik sa Facebook Menu sa ilalim ng pangunahing mga setting ng WP4FB at piliin ang pahinang ito.
Susunod na kailangan mo upang lumikha ng pahina ng nilalaman ng fan-only na may mga detalye kung paano ipasok ang nilalaman. Para sa mga ito, ginagamit din namin ang isang larawan sa background upang gawing mas mabilis at mas madali ang mga bagay para sa amin. Maliban sa oras na ito ginamit namin ang URL ng Larawan ng Background ng Nilalaman sa halip na URL ng Larawan ng Background ng Header. Ang dahilan dito ay dahil gusto naming gamitin ang HTML upang simulan ang tampok na Share Gate.
Muli na napansin na ang image url ay HTTPS. Kailangan mong gawin ito.
Tulad ng ipinaliwanag ko na ginamit namin ang URL ng imahe ng nilalaman, upang magamit namin ang mga tag ng HTML. Talaga ang aming larawan ay ganito ang hitsura:
Kailangan namin na gawin ang Click dito upang Ibahagi ang pindutan naki-click. Kaya idinagdag namin ang mga sumusunod na tag ng HTML sa aming lugar ng nilalaman gamit ang editor ng HTML sa halip na sa Visual Editor.
Mag-click Dito sa Sh
Magkakaiba ang iyong CSS batay sa larawan sa background na iyong ginagamit. Ngunit nakakuha ka ng pangkalahatang ideya ng kung ano ang ginagawa namin sa itaas ng tama? Talaga bang gusto naming gawing Mag-click sa Mag-click dito upang Ibahagi ang isang link sa aming lihim na pahina kung saan ma-access ng user ang form upang ipasok ang paligsahan.
Hinahayaan sige at likhain ang aming ikatlong at huling pahina. Sinundan namin ang halos parehong direksyon tulad ng fan-only na pahina sa itaas. Ginamit namin ang URL ng imahe ng background ng nilalaman, at ginamit ang HTML sa editor ng nilalaman. Ang pinakamahalagang bahagi tungkol sa pahinang ito ay na pinagana namin ang Viral Feature Share Gate.
Tandaan na napunan namin ang Mga Setting ng Open Graph pati na rin. Ito ang impormasyon na ipapakita sa gumagamit kapag naabot nila ang share point point. Tingnan ang larawan sa ibaba:
Kaya siguraduhin na inilagay mo ang tamang imahe, isang tumpak na pamagat at isang nakakahimok na paglalarawan.
Ang huling pahina ay ganito:
Kaya talaga ang aming larawan sa background ay may dalawang walang laman na mga patlang. Nagpunta kami sa MailChimp at hinawakan ang isang form na code para sa isang bagong listahan ng email na aming nilikha para sa List25. At idinagdag na sa nilalaman ng lugar ng huling pahina na may estilo.
Narito ang code na idinagdag namin (malinaw naman ang iyong form code ay naiiba, ngunit ito ay magiging isang mahusay na panimulang punto):
Pagkatapos mong i-publish ang pahinang ito. Kunin ang URL ng pahinang ito at idagdag ito sa pindutan ng code ng fan-only na pahina na ibinahagi namin sa itaas.
Hakbang 4: Pag-promote ng Giveaway
Maaari mong idagdag ang pahina ng giveaway, ngunit walang alam tungkol dito. Kung mayroon kang umiiral na base ng user, maaari mong ipaalam sa kanila ang tungkol sa giveaway. Sa aming kaso, hindi namin iyon. Ang mga sumusunod ay ang mga hakbang na aming kinuha:
lugar
Ang viral aspeto ng giveaway ay nagdadala sa sarili nitong. Ang lahat ay nagnanais ng libreng pera.
Mga resulta
Kailangan ko bang sabihin nang higit pa na mayroon kaming higit sa 27,000 mga gusto sa isang buwan. Ofcourse hindi lahat ng mga ito ay mula sa paligsahan dahil ginagawa namin ang iba pang mga kampanya pati na rin. Ngunit makatarungan sabihin na hindi bababa sa isang third ng mga tagahanga na ito ay mula sa giveaway.
Gaano katagal na namin ito gawin ito? Gusto kong sabihin halos 4-5 na oras. Nagkakahalaga ba ito? Oo nga oo.
Magagawa mo ba ito sa iyong site? Ipaalam sa amin ang iyong mga saloobin.