WEBVTT 00:00.240 --> 00:01.860 Hey guys who to this video. 00:01.860 --> 00:03.170 Happy to see you here. 00:03.180 --> 00:10.470 And now is the time to add tweeter buttons to your website if you have a WordPress website or any other 00:10.470 --> 00:12.720 pill or web site any other platform. 00:12.870 --> 00:20.850 I'll show you step by step how to add these buttons so you can use your Web site also to grow your Twitter 00:20.940 --> 00:27.810 audience to drive people to your Twitter tweet your tweets to everything that you are promoting on Twitter 00:27.990 --> 00:29.550 for on your website. 00:29.670 --> 00:30.540 So that's great. 00:30.540 --> 00:32.910 And we are ready to start right now. 00:32.910 --> 00:41.720 First we need to go to one specific page where we are generating our Twitter age DML code. 00:41.820 --> 00:47.470 And that cold war based on your website looks difficult but is very easy. 00:47.550 --> 00:49.260 So let's do that right now. 00:49.260 --> 00:50.940 First we go to these. 00:50.940 --> 00:51.530 You are. 00:51.540 --> 00:58.160 Which is about Dot Twitter dot com slash resources slash Matson's. 00:58.170 --> 00:59.540 This is there you go. 00:59.580 --> 01:00.510 I'll add this. 01:00.510 --> 01:05.920 You are on their resources Irus So you have in case you need to go later. 01:06.000 --> 01:11.490 You can download the PDA if there is in the resources area and and just save on your harddrive So next 01:11.490 --> 01:16.920 time that you need to generate these buttons for your website you know where to go. 01:16.950 --> 01:17.430 OK. 01:17.550 --> 01:24.420 So when we go to these you euro we are going to this page and Twitter is asking us here what would you 01:24.420 --> 01:25.510 like to beat. 01:25.620 --> 01:32.680 So in here we need to add you are Aro of your Twitter or you can simply type your Twitter handle on 01:32.700 --> 01:35.140 this case outside mine which is real. 01:35.180 --> 01:44.460 Diego Villa hit enter and here we have these plate options and I'll show you these two options we are. 01:44.460 --> 01:53.160 We actually have three ways to do it to show in here and I'll show you right now starting with the tweeter 01:53.160 --> 01:53.580 button. 01:53.580 --> 01:57.180 So if we click here on Twitter buttons we have two options. 01:57.180 --> 02:00.210 We have the follow button or the mention button. 02:00.210 --> 02:02.130 What's the difference here. 02:02.190 --> 02:03.970 The follow bottom as you know. 02:04.180 --> 02:10.350 Way it will show at the bottom of your or at any place on your post you can decide where to show it 02:10.350 --> 02:11.370 can be in the beginning. 02:11.370 --> 02:15.830 I like usually to put it at the end of the post but it's up to you. 02:16.320 --> 02:17.710 Or you can put it on the meter. 02:17.880 --> 02:23.850 So basically when people click on the follow button they will automatically start following you on Twitter. 02:23.850 --> 02:30.560 So imagine that imagine that you have all your articles all your posts you can add these Twitter bot 02:30.570 --> 02:37.680 on there so people when and when they are reading your post you can they can just with one click start 02:37.680 --> 02:38.970 following you on Twitter. 02:39.000 --> 02:39.680 That's amazing. 02:39.690 --> 02:43.140 I think it's a great tool that you need to start using right now. 02:43.350 --> 02:49.240 And the mention is another powerful tool because we can add that also on your post. 02:49.260 --> 02:55.170 And when they click on the mention button and I'll show you that in real life in one minute here on 02:55.170 --> 03:01.830 this medium when they click on that button they will have the chance to start a conversation with your 03:01.830 --> 03:04.840 attack and I'll show you that in the practice right now. 03:04.950 --> 03:07.940 So let's use first first let's create the follow button. 03:07.950 --> 03:09.270 So click on that. 03:09.450 --> 03:16.570 And here we have a code an HMO code and all we need to do here is copy this code. 03:16.800 --> 03:23.070 OK so this code is copy paste this code directly into an HMO portion of your side blah blah blah. 03:23.070 --> 03:25.530 I'll show you how to do this right now. 03:25.530 --> 03:33.410 For this we have our Web site I have a test website with there you are at play dot Diego Vila dot com. 03:33.540 --> 03:35.590 This web site is just for testing. 03:35.670 --> 03:37.980 I use it to demonstrate process. 03:38.010 --> 03:44.680 In this case we'll use to demonstrate how to add the tweeter button on a post that say we want to add 03:44.700 --> 03:46.680 the Twitter board on these posts. 03:46.680 --> 03:52.160 This is a video post doesn't have any text so let's use an at the bottom here. 03:52.380 --> 03:53.630 At the end of these posts. 03:53.670 --> 03:55.160 So let's open these posts. 03:55.200 --> 03:56.100 This is WordPress. 03:56.100 --> 04:03.540 If you have a view work on WordPress you can go to your panel which is your Web site slash W.P. dash 04:03.630 --> 04:06.820 admin and you can log in and you will have this interface. 04:06.960 --> 04:08.760 So here we go to posts. 04:08.850 --> 04:11.080 You can create a new post or you can use. 04:11.100 --> 04:15.170 I will use an existing one in order to demonstrate this. 04:15.180 --> 04:18.510 So let's use this one click and add it. 04:18.570 --> 04:23.610 And here we have two tabs the visual and the tax tab on wordpress. 04:23.610 --> 04:29.430 If you go to Vishal you will see that in this case you are not seeing because they have only a video. 04:29.430 --> 04:38.250 You see the video here but you'll see usually all the visual part of your post not the code in the text 04:38.340 --> 04:41.650 area we are we are working directly with H. 04:41.670 --> 04:48.660 TMF cold Okay a little bit confusing if you are not used to programming but don't worry you'll see how 04:48.720 --> 04:49.660 easy it is. 04:49.770 --> 04:52.280 So here we are on the tax tab. 04:52.290 --> 05:02.040 I will hit enter here to separate from this code and I will just paste the code that we got here on 05:02.040 --> 05:03.960 the tweeter publish page. 05:03.960 --> 05:04.230 OK. 05:04.230 --> 05:09.010 Remember that we copy the code so this code we are pasting here on wordpress. 05:09.090 --> 05:10.230 OK. 05:10.230 --> 05:12.960 Now if we go to Vishwa Let's see what we see with this. 05:12.960 --> 05:20.070 We see the video and we see for all real the viola does is not format at all and you'll see how it looks 05:20.130 --> 05:21.650 on the actual post. 05:21.660 --> 05:23.380 So how do we do that. 05:23.400 --> 05:29.310 All we need to do now is click on update or if we want just to preview changes let's click on Preview 05:29.310 --> 05:31.280 changes and see the button. 05:31.830 --> 05:33.480 Let's see here we are. 05:33.480 --> 05:37.560 So here we have the post the video and below we have the tweeter button. 05:37.560 --> 05:43.570 So when people click here they will automatically start following me on Twitter. 05:43.620 --> 05:44.430 Imagine that. 05:44.430 --> 05:51.100 Imagine if you have articles if you have post going viral on Google ranking very well will you have 05:51.160 --> 05:56.970 lots and lots of visits from all over the world and all these people can just I mean you can at this 05:56.970 --> 05:59.440 at the top of your post in the middle anywhere. 05:59.460 --> 06:05.190 Or you can add several times during your posts if you have a long polls especially so when they click 06:05.190 --> 06:10.730 here they will automatically start following you on Twitter and that will help you to grow your outings. 06:10.740 --> 06:11.930 This is important. 06:12.270 --> 06:13.830 So let's try the other one. 06:14.310 --> 06:19.960 Let's go back here to the Twitter publish page and go back to the top. 06:20.010 --> 06:25.920 We enter here my tutor handle and now we click again on Twitter buttons. 06:26.220 --> 06:28.560 And now we start in the beginning. 06:28.560 --> 06:30.370 We click on follow button. 06:30.420 --> 06:33.870 Now we'll use the mentioned one so click and mention. 06:33.870 --> 06:34.980 Copy the code. 06:35.100 --> 06:41.820 Let's go back here to the Bruce delete this quote I remember we are in the text top here. 06:41.820 --> 06:46.090 Delete the old one and paste in your one click on Preview changes. 06:46.290 --> 06:53.570 Let's see here we have the new one to eat to at of the villa. 06:53.570 --> 07:00.110 So basically this is great to start new conversation if you have an article talking about some great 07:00.110 --> 07:03.010 stuff at some point you can say hey guys. 07:03.110 --> 07:06.750 Please click on the tweet to reargue Diego a villa here. 07:06.770 --> 07:08.030 And let's start a conversation. 07:08.030 --> 07:12.360 Let me know what you think about all the things are and sharing with you blah blah blah. 07:12.380 --> 07:19.560 So when they click here you will see we have a Twitter page opening with my twitter handle are already 07:19.550 --> 07:22.210 here on the page so they can start right in here. 07:22.460 --> 07:28.050 I love this idea blah blah blah blah. 07:28.440 --> 07:29.020 OK. 07:29.240 --> 07:34.260 So basically they can write the tweet and they are tagging you on the tweet. 07:34.580 --> 07:40.700 So that's great because that means that you're your Twitter handle will be spreading all over the Internet. 07:40.700 --> 07:47.060 When people start creating conversations about what you are sharing on your blog OK with this specific 07:47.680 --> 07:48.740 button. 07:49.160 --> 07:50.110 Excellent. 07:50.120 --> 07:57.780 Next we go back here to the Publish page and let's select another one which is the in bed time line. 07:57.820 --> 07:58.480 OK. 07:58.520 --> 08:04.860 These usually in the next video I'll show you how to embed these on us you asked us a WordPress widget. 08:04.900 --> 08:09.230 So these basically will show all your posts or a few posts that you have. 08:09.230 --> 08:14.990 I mean the top post that you have on your page and they can load more tweets. 08:15.050 --> 08:17.420 So let's do that right now. 08:17.420 --> 08:24.160 Copy the code same procedure we go back to WordPress replace the code preview changes. 08:24.230 --> 08:29.060 Let's go here and now see the video below that you will see all these posts. 08:29.180 --> 08:31.720 See all the posts here. 08:32.060 --> 08:36.810 Wonderful and they can watch all these they can retweet. 08:36.830 --> 08:43.600 They can like and they can also load if they go to there and they can load more tweets here. 08:43.730 --> 08:46.280 So this is great. 08:46.620 --> 08:47.580 Wonderful. 08:47.620 --> 08:53.990 Now that say that's how you act if you don't have a WordPress website what do you do that. 08:54.200 --> 08:54.770 Excellent. 08:54.830 --> 09:01.580 So if you don't have a word press what you need to open you need to use that f T.P. server to connect 09:01.580 --> 09:05.750 to your cell to your website to your server where your files are. 09:05.850 --> 09:14.030 You need to download the HVM page that is for your post the A-Team page where you want to add the tweeter 09:14.030 --> 09:18.280 button and all you need to do is go to anywhere in the page. 09:18.410 --> 09:23.260 The place that you want if you want it at the top you go to a top of the page if you want but you go 09:23.270 --> 09:31.150 to the bottom and just paste this tweeter 888 UML code the code that we are getting here on the page. 09:31.160 --> 09:31.560 OK. 09:31.580 --> 09:34.490 That's all you do is the same procedure we are doing WordPress. 09:34.490 --> 09:41.270 The difference is that you need to go to your FTB server and download your CML file update the file 09:41.270 --> 09:43.670 with the code and save the file. 09:43.680 --> 09:45.360 ABLOW back to your server. 09:45.380 --> 09:46.730 I hope this is helpful. 09:46.730 --> 09:51.390 I hope you install the Twitter button on your website and then the next video. 09:51.560 --> 09:57.500 I'll show you more tricks that you can use right now on your website in order to grow your Twitter Audi's 09:57.640 --> 09:58.070 seegar.