Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 11 trang
THÔNG TIN TÀI LIỆU
Nội dung
MODULE TWO: Your Audience Z ER0 T0 L AU N C H.od This tutorial will show you how to set up your first website Remember- if at any time you feel confused or lost, visit the software provider's websites for updated FAQ's and help guides By the end, you'll have a clean website that collects leads Your Toolkit Buy a domain (Hover) Get your website a nd hosting (WP Engine) 3· Get a Wordpress theme (StudioPress Genesis) Get an email service provider (Mail Chimp or Aweber) 5· (optional) Learn more about your visitors (Google Analytics) (optional) Get access to attractive images (iStock Photos) (optional) Install a "feature box" (Plug Matter) Get your domain name with Hover Go to hover.com ~ 1)rpe in a website domain and check if it's available ~ Select one you like that's available ~ Create an account and buy the domain ($15 I year) https://www.ho"Qr.com/dom:ainslretiults lt1 - a 1c •• , ,_ , _ unapologeticmastery.com is taken 0on·cworry, we round thua oUHrgrut domains -• $ o:-• *)IIIII ~ I "' ~nln 111 - ZEROTOLAUNCHSYS f}< M COM of 10 Create and host your new website with WPEngine Go to wpengine.com -+ Click on PLANS (top navigation bar) -+ Buy the PERSONAL option ($29/mo or $290 per year) Log into my.wpengine.com This is t he WP Engine dashboard, where you ca n manage your hosting 3· Now, go to Installs (top navigation bar) -+ Select DOMAINS (left side menu) -+ Click + ADD DOMAIN -+ Enter the domain name you purchased from bover.com -+ Click ADD DOMAIN https:t/my.wptnglno.com/lnstalls/username/domalns - - _ ""'-""',., ,., IIIWIACI DOIIUII DOMAJNS ~f"4 ,MMI.-u ~ ~~~~~., ,.tolroct nM Cloooi.t~llwlooe IIW .,.,lholtll Next, click on the domain that bas a ".wpengine.com" extension, which will take you to your website Scroll down to the bottom and click LOG IN under META You can log into your Wordpress site using the same account info as your WP Engine account ZEROTOLAUNCHSYS f}< M COM of 10 - ' • , ,- - ~ ~ -·.-.,"'-411!'!1'·· J tl ' : I : ~ • ',._ .,~l. - ' •• • I" I ' : _ , J -•.~ , ~ - ""''~ , l I I - :.-.JO., "O.'• _ - -r • ' ,, I ' ~ ,~1 Q Hello world! J ,l _ ""\t.C & , • I (Q 5· This is your Wordpress Admin page Click on WP ENGINE (top left-hand side menu), where you'll find the "IP address" (highlighted below) for your Wordpress Site Copy this series of numbers hUP://YOIIrWtbslte.com/wp ~dminf~dmln.phplp•g•=wpengine-common Head back to your Hover.com account Go to the DOMAINS section ~ Click on your domain name ~ Open the DNS tab~ Hover over the first row (with the @ and A ) and click EDIT DNS ~ Paste your IP address from Step ~ Repeat for the second row (with the • a nd A) For reference, see image below Congrats! Now, when you type in your domain URL into your browser, you'll be directed to the Wordpress Site! ZEROTOLAUNCHSYS f}< M COM of 10 https://www hOvtr.Comtdo~Riyourwebsite com/dns - -0 - unapologeticmastery.com ~ - - - c ., REPLACE THE ''.WPENGINE.COM" DOMAIN WITH THE ONE YOU BOUGHT FROM HOVER (e.g make the URL be "example.com" instead of "example.wpengine.com") First, head to your Wordpress admin dashboard Go to SETTINGS (bottom left side-menu) ~ GENERAL ~ Rename your SITE TITLE and TAG LINE (optional) ~ Enter your domain name from Hover into the WORDPRESS ADDRESS and SITE ADDRESS sections ~ Click SAVE CHANGES ZEROTOLAUNCHSYS f}< M COM l of 10 Make your website attractive and simple to design with Genesis Go to my.studiopress.com/themes/genesis and purchase the Genesis Framework ($59.95) Once you purchase, you'll download a "genesis.X.o.X.zip" file (where the X's represent version number) Head back to the Wordpress admin dashboard Go to APPEARANCE (left-hand side menu) ~ THEMES ~ ADD NEW THEME ~ Click UPLOAD ~ Choose File ~ Navigate to the "genesis.X.o.X.zip" file ~ OPEN ~ INSTALL NOW ~ ACTIVATE Now, your website will look like the following image 3· Next, let's create a navigation bar Navigate to APPEARANCE ~ MENUS ~ create and name a new menu In the pages box (on the left), pick the pages (e.g About and Contact) you want to appear on your navigation bar, and hit SAVE MENU This is how your website will now look: - ' http:l/~rwtbsilt com - ,., _ , UNAPOLOGETIC MASTERY Primary Sidebar Widget Post Area ZEROTOLAUNCHSYS f}< M COM of lO Collect emails on your website with AWeber or MaiiChimp Sign up for an email newsletter service through MailChimp.com (free) or AWeber.com ($19/month) Create a new email list by following instructions here: (For AWeber) help.aweber.com/entries/21701653-how-do-i-create-a-new-list (For MailChimp) kb.mailchimp.com/article/how-do-i-create-a-new-list 3· Head back to your Wordpress Admin dashboard Go to PLUGINS "AWeber" or "MailChimp" (depending on which one you have) For AWeber a Select "AWeber Web Form Plugin" (first choice) ~ ADD NEW ~ ~ INSTALL NOW ~ Search for Select NO THANKS, I ALREADY DID THIS~ ACTIVATE PLUGIN b Click the link in "Step 1" to get your AUT HORIZATION CODE You'll then be prompted to log into your AWeber account to collect the code Copy this code ~ Paste it in the appropriate box ~ Click MAKE CONNECTION ~ Select the list you created in Step ~SAVE https1/www.yourwtbsttt.c om AWeber Web Fonn Options Sidebar Webfonn Settings Subscribe By Commenting AAtlfllrf ~ t-Clll 101~ coyo m fr-t~ ffl Y"Âtttô"Oitet.-ICO"!mtnn J ~ -~ J AI ~- qilt , tole&- ZEROTOLAUNCHSYS f}< M COM G of 10 c Next, we'll add the signup box to your site's sidebar Go to APPEARANCE ~ WIDGETS ~ Drag the A WEBER WEB FORM box to the PRIMARY SIDEBAR section ~ Click the small "down arrow" button ~ SELECT EMAIL LIST ~ SELECT A WEB FORM ~ SAVE i To learn more about how to design an AWeber Web Form, go here: www aweber.com/videos/build-web-forms.htm Below is an example of how it will currently look: https1/www.)'ourwebslte.com Post - -·~It'*! l ,, Hello world! ~ :oWMf'mu Thb n ~ rt11 DOISI Et1l cr ooe:s 11 l!'ll!r.llllll ~ Z ER OTO L AUNCHSYS f}< M COM of 5· For MailChimp a Select "MailChimp List Subscribe Form" (first choice) ~ INSTALL NOW ~ SELECT NO THANKS, I ALREADY DID THIS~ ACTIVATE PLUGIN ~CONNECT b Enter in your MailChimp account details~ LOG IN On this page, you'll be able to edit the look of your signup box c Next, let's add an email newsletter signup box to your site's sidebar Go to APPEARANCE~ WIDGETS~ Drag the MAILCHIMP WIDGET to the PRIMARY SIDEBAR on the right ~ Click the "down arrow" button ~ SAVE d Below is an example of how the email signup box will look: https://www.yourwobslto.com SIGN UP f'OR MY NfWSt£TT£A! Post Hello world! 1MIIcomo 10 WotrProa Thla 18 yot.1 h1 Ologgi'lg1 OOQ E'dl 0' delet1t II, U'*l 1111111 If you're ambitious, you can optionally add Google Analytics to your website (see walkthrough below) and add a "feature box"-a more prominent email opt-in box at the top of your website- using Plug Matter ($37 for a one site license, see their tutorial here) CONGRATULATIONS! You're ready to publish new posts and collect em ails on your website ZEROTOLAUNCHSYS f}< M COM of 10 (Optional) Study your website's visitors with Google Analytics Go to www.google.com/analytics/ and sign up with your Gmail account by clicking on (top right) ACCESS GOOGLE ANALYTICS Select WEBSITE~ Select the UNIVERSAL ANALYTICS option~ Create a new ACCOUNT NAME~ Fill out rest of the form~ Click GET TRACKING 10 ~Agree to terms and conditions Here, you'll find your TRACKING 10 and TRACKING CODE Note: You can access the ID and Code later by going to Admin ~ Tracking Info (under the Property column) ~ Tracking Code https:llgoog1o.comlana1ytKsi••J tr>ckmgcode COdl-ioftii