Create An Automated Affiliate Travel Booking Website in 1 Hour For Easy Passive Income

Darrel Wilson www.youtube.com

Brief Summary

This video provides a step-by-step tutorial on creating a travel booking website using WordPress, Hostinger, and the Travel Payouts plugin. It covers setting up hosting, importing a starter template, designing the website with Elementor, and integrating a booking system to earn commissions.

  • Setting up a WordPress website with Hostinger.
  • Designing the website using Elementor page builder.
  • Integrating the Travel Payouts plugin to enable flight and hotel bookings.
  • Customizing the website's appearance and functionality.

Intro

The video introduces a tutorial on creating a travel booking website where users can search and book flights and hotels. The website allows users to search for flights by specifying origin, destination, and dates, and it presents various flight options with filters. The platform also supports hotel bookings, allowing users to search for hotels in specific locations with check-in and check-out dates. The website pulls data from various sources like trip.com, booking.com, and agoda.com, eliminating the need for manual data entry. The tutorial will cover setting up a WordPress website, importing a starter template, designing with a drag-and-drop builder, and integrating a free plugin for flight and hotel searches.

Get Hosting

The video guides viewers on setting up their WordPress website using Hostinger. Hostinger is recommended for its reliable web hosting, support, and a free domain. The tutorial walks through selecting a hosting plan, recommending the Business plan or better for e-commerce websites due to higher resource needs. It also covers choosing a subscription period, suggesting 12 months for flexibility and a free domain. The video details the payment process, including using a coupon code "Daryl10" for a discount. After signing up, the tutorial advises skipping initial setup questions and directly installing WordPress. Viewers are instructed to enter their desired domain name and personal information for domain registration. The video emphasizes verifying the domain through email and then installing WordPress via the Hostinger dashboard. Finally, the tutorial explains how to access the WordPress dashboard through the admin panel.

General Settings

The video explains how to adjust general settings in WordPress. It covers changing the website's email address and language under the "General" settings. The tutorial also details how to modify the color scheme of the WordPress backend under the "Profile" settings, recommending the "Midnight" theme for ease of use. Additionally, it explains how to update personal information and change the WordPress password. The video emphasizes the importance of setting the permalink structure to "Post name" under "Permalinks" for better website navigation. Finally, the video demonstrates how to log in and log out of WordPress, including how to access the login screen and how to log in through the Hostinger portal if the password is forgotten.

Import Starter Template

The video guides viewers through importing a starter template and using the Elementor page builder. It begins by explaining what a WordPress theme is, noting that it controls the general style and layout of the website. The tutorial instructs users to install and activate the Bloxy theme, along with the Bloxy Companion plugin. It then walks through accessing starter sites within the Bloxy theme and selecting the "Travel" template designed for Elementor. The video details the process of importing the template, including skipping the child theme option and ensuring Elementor and other necessary plugins are selected for installation. After the template is imported, the video shows how to view the new travel website and compares it to a demo version, highlighting modifications that can be made.

Design Website With Page Builder

The video explains how to use the Elementor page builder to customize the website. It starts by accessing the Elementor editor and recreating the default kit if prompted. The tutorial introduces the basic elements of Elementor, such as containers, headings, and text editors, and explains the three tabs for each element: Content, Style, and Advanced. It demonstrates how to drag and drop elements, modify text, and adjust styles like centering and changing fonts. The video also covers setting up global fonts and colors to maintain a consistent design throughout the website. It shows how to change the background image of a section, adjust padding, and add elements like headings and search filters. The tutorial also demonstrates how to modify existing sections, such as popular destinations, by changing titles and deleting unwanted sections.

Add Booking System

The video explains how to implement a travel booking system on the website using the Travel Payouts plugin. It begins by installing and activating the Travel Payouts plugin. The tutorial then guides viewers to the Travel Payouts website to create an account and obtain an API token and affiliate ID. It explains how Travel Payouts pulls data from various travel websites like booking.com and agoda.com. The video details how to enroll in different programs, each offering varying commission rates and cookie durations. It also shows how to implement widgets, such as search forms and popular routes, on the website by copying the provided HTML code and pasting it into Elementor's HTML widget. The tutorial demonstrates how to customize the appearance of these widgets, including changing colors and hiding labels and logos. Finally, the video explains how to create new pages for specific booking types, such as hotels, and how to save and reuse templates to maintain a consistent design.

Add Various Niches

The video provides a quick strategy for adding various niches, such as hotel bookings, to the website. It suggests creating a new page specifically for hotel bookings and using the same template from the flight booking page to maintain a consistent design. The tutorial demonstrates how to save the existing page as a template in Elementor and then apply that template to the new hotel booking page. It also explains how to customize the new page by changing the background image and inserting the appropriate HTML code for hotel search widgets. The video concludes by showing how to add the new hotel booking page to the website's menu for easy navigation.

Theme Customizer

The video explains how to use the theme customizer to adjust the website's header. It begins by accessing the theme customizer and navigating to the header settings. The tutorial demonstrates how to customize the header by changing the logo, adjusting the menu layout, and removing unnecessary elements like account buttons and search bars. It shows how to drag and drop elements within the header to rearrange them and how to upload a custom logo.

Outro

The video concludes by providing information about the Travel Payouts dashboard, where users can track their earnings, impressions, and clicks. It also mentions the available programs and the importance of selecting a payout method. The video encourages viewers to visit the Travel Payouts website and ask any questions in the comments.

Summarize any YouTube video in seconds

Get summaries like this one for any video, in your language, with the free Summ app.

Download on the Apple Store
Get it on Google Play

Transcript

Full transcript of “Create An Automated Affiliate Travel Booking Website in 1 Hour For Easy Passive Income”. Click a timestamp to open the video at that moment. Need another video? Use the YouTube transcript generator.

0:00 what is up party people and welcome back to another exciting WordPress tutorial my name is darl Wilson and today in this video I'll walk you through how to create an amazing travel booking website step by step so this is my travel websites right away you'll see users can go ahead and select their flight right here using this little search filter so let's say for instance you finally want to make the trip over to Thailand right you've heard all about it you want to go to Thailand uh right here we have the origin so let's say for instance I'm in Los Angeles but you can always change the location right so I'll put New York York and when I type in New York you're going to see that it's going to pull all the available Airlines from New York using an API so it's it's you know it's accurate and it list all these automatically you don't have to enter any of these whatsoever and for the

0:45 destination you'll see we have Bangkok it actually list all the available airports in Thailand So Bangkok Thailand here will depart from the 17th to the 21st and for the passengers you can select adults children or infants you can also select economy ORS business but we're flying business you know it's a very long flight so we're going to go with business here uh once you're done with the search filter you'll then click on search and right away you'll see that we have a variety of flights the first one is the best flight for them so it's optimal so it's the cheapest and also the fastest and then below that we have cheapest right here your customers can also go ahead and use these filters to filter uh by the flight and if we scroll down you'll see we have tons of flights available from Los Angeles to Bangkok so

1:30 as you can tell right the customers can easily navigate through your websit and find a flight that works for them if we scroll down you'll also see there's other ways we can present flight information so here we have flights to London to Bangkok and also to Peru and if we scroll down you'll see that we have some other available flights here so if you know if they're looking for something and they see something right away they can go ahead and and click on a flight and book it directly from your websites and if we scroll down we have feature trips so here we can add in some images and give some inspiration on some other places like Switzerland in case you guys have not been to Switzerland it's a must go Zurich and zermat beautiful place I've been there really expensive though just be prepared to spend big bucks here we have New Zealand and Austria and what's also really cool is your customers can actually book like

2:16 with a map right here so they can say oh you know we have Bangkok to wherever this is and they can go ahead and find a ticket right here directly on this map and if we scroll down we have some more promotional material to encourage people to book on our websites and just some demo content and we have our footer here at the bottom so as you can tell you know this is a complete booking website and anyone can come to this website and book a flight directly on this websites now you can offer a variety of different niches so you can offer car rentals cruises hotel bookings and so on and so forth so up here I'll click on hotel bookings and let me walk you through how customers can actually book hotels on your website as well so here's my lighting page right you know I I made this myself right and let's say for instance you want to book a hotel in

3:02 Thailand right so right here I'll go ahead and uh I'll put I'll put Bangkok actually no should we go to puket or something n we're going to Bangkok so here we have the check-in date so let's say for instance we want to check in on the 23rd to the 27th and then right here I'll click on confirm here we have the guests so we can select the number of rooms adults and children I'll click on confirm and then right here I'll click on the search filter and here is our search results we have more than 3,00 ,350 hotels available for your customers so as you can tell this is the complete package anyone can come to our website and book a variety of things they can book hotels they can book Airlines cruises and all sorts of cool vacation rental packages what's even better is you don't need to waste all your time

3:48 adding in all these flights and hotels manually all this information is being pulled from various websites like trip.com booking.com and agoda.com so your customers will have access to all of the hotels and flights from all around the world no matter where they're searching from so let me explain how all this works we'll first start up a basic WordPress website we'll import a quick Charter template use a drag and drop Builder to design it and get your travel website online and ready to go next we will install a free plugin that will integrate with your website and allow users to search for their flights or hotels you can actually offer other services as well like tours airport services train bookings Cruise bookings and a few others it's easy you select the program you you want to join each program offers various commission rates

4:34 once a customer books either a flight or hotel through your website you will then get a commission from that program now once you join a program you simply just select the widget you want to add to your website such as a search form special offers and other various types of widgets you can adjust the language or add in your own currency and also adjust the colors of the Search widget what's even better is your affiliate link will be automatically added to every search so there's no need to track links or to worry about your links breaking once you're done customizing the widget you copy the widget paste it on your website and you're done you're now ready to make commissions from any flight booked on your websites now making this website is easy as it sounds I made this website in less than 60 minutes and I was actually shocked about how easy it was to get everything set up right now this website is practical for pretty much anybody right whether you're

5:21 a travel agency and you want to book flights or hotels for your customers or if you're one of those those um travel vloggers and you want to recommend specific places in the description of your videos or if you're someone who wants to just book a flight for your family you can always recommend them and make a commission so if you all like what you saw so far make sure to give me a big thumbs up and with that said let's go ahead and get started with this tutorial let's first go to Step One let's set up your WordPress websites now there is a link in the description of this video it'll take you to step one and that's to get your domain and web hosting okay and this is hostinger.com now hostinger.com is among one of the more reliable web host they have great support and a free domain when you guys use my link in the description now once you guys are here at the top top left if you click on this language tab you guys can change the website to other various languages so if you speak Spanish or you

6:09 speak Dutch or Romanian or Japanese or whatever language that you want you guys can go ahead and select your language right here I'm going to go ahead and select United States now at the top right you're going to see hosting so if I click on hosting right here let's now click on web hosting next we're going to see this claim deal so let's click on claim deal and this will bring you to three different plans so here we have three different plans right we have the premium we have the business and we have the cloud startup now for an e-commerce website I would definitely recommend business or better generally for e-commerce websites they do require more resources and more storage so I do not recommend premium for this video so you guys can always go with the business to get started and you guys can always upgrade to the cloud startup a little bit later in your customer portal so for now just to get started we can just go

6:54 with the business plan so right here I'll click on add to cards okay and the next thing is the time period so so here we have four different options right we have 1 month 12 months 24 months and 48 months now I would definitely recommend going with 12 months 12 months will give you enough time to decide if this is for you or not and you guys also get a free domain if you guys go with a 12-month or better plan and just remember you guys do get a 30-day money back guarantee for any reason so you guys can always get your money back just in case this didn't work out for you all right let's go ahead and scroll down here next we're going to talk about selecting a payment and the cool thing is they take crypto so you guys can use credit card you guys can use PayPal Google pay and also coin gate which I believe is crypto currency now right

7:40 here you'll enter in your first name your last name you'll put in your country of residence yada yada yada and then you'll put your social security number I'm just kidding guys you don't put that in it's a joke all right it's a joke all right and below that we have this option right here where we can enter a coupon code now $59 guys for a year of Hosting is already Dirt Cheap right but we can actually use my coupon code which will save you guys even more money so right here I'll click on have a coupon code and we're going to enter the coupon code Daryl 10 and then click on apply and this will actually save you guys a little bit more money so the price went from $59 all the way to $53 and of course if you guys do upgrade to Cloud hosting this also applies for cloud hosting and all the

8:26 plans at hostinger.com all right and once you guys go ahead and fill out all your information and you guys enter in your credit card information you'll then click on the submit and secure payments once you guys do this I will meet you guys on the very next page okay so when you guys sign up it'll bring you to this page right here now they're going to ask you various questions but I do recommend to skip it and just install WordPress so at the bottom right here I'll click on skip so next it's going to ask us what tools we want to use to build our website with I also recommend to skip this because they're just going to install a bunch of various plugins and themes that we're also not going to use so at the bottom right here again let's click on skip okay so next you're going to enter in your domain name now think long and hard because this is the actual name of your website in case you guys are total noobs and are still not sure

9:11 what a domain name is it is typically the address of your website where people enter to access your websit so think long and hard and just go ahead and enter it right here I'll go ahead and enter a domain name here so I entered in Wilson Daryl tutorial and what's also cool is they do give you other suggestions for other domain names so that's also pretty helpful so right here here I'll claim my free domain and then I'll click on next okay so next you guys need to enter in your personal information on who actually owns this domain this is typically required by Ian laws and it also is helpful if you guys ever want to sell your domain because you can claim ownership of your personal domain so right here I'll just say this is personal and then I'll go ahead and click on Next Step so next you'll enter in your contact details and this is

9:56 important because this will show where your business was registered you guys can also use use your business address or where your business was incorporated once you guys fill out this information at the bottom right here we then click on finish registration so next we have the target audience so you're going to select the location of where you are doing business and this will actually lead to faster loading times for example I'm in the United States so I'm going to select United States however if I do business in France or something I can always select like France if my you know my audience is in France but uh I'm in the United States so I'm just going to select the United St region right here and this will actually lead to faster loading times for this specific audience so I'm going to go ahead and select United States and then I'll click on next okay so this is the hosting or

10:42 dashboard and this is where you guys can access all the information about your domain name now the very first thing that you guys will need to do is verify the domain that you guys purchased so you guys will go ahead and check the email inbox right here and you guys are going to see an email from hostinger this is important because they need to verify the domain that it's actually you so go ahead and verify this information now the first thing I'll do is verify my email address for hostinger so right here I'll click on verify email then I'll click on confirm okay now we're not done just yet we'll also need to go back here and we'll need to verify the domain in the actual email so let's go over here to inbox and then right here it's going to say verify your contact information for

11:28 your domain I'll click on this email and then right here I'll click on this link I'll go ahead and click on confirm and that's it so our domain has now been verified by hostinger so let's go back to our dashboard over here and now let's go ahead and just refresh this page and after that you guys will see that all of the notices have disappeared and our domain is now fully active now let's install WordPress so over here on the bottom left you'll see websites right here you'll see WordPress go ahead and click on WordPress now it's going to say install WordPress so right here I'll click on install so next we're going to create some login credentials so make sure that you guys do write this down and this is important because you guys will need this information when you want to log in and log out of Wordpress right so I'll

12:16 go ahead and put Daryl Wilson tutorial this is my email address this is important because if you guys do forget your WordPress password it will be sent to this specific email on file you'll create a username and then also a password once you guys create this information here at the bottom right you'll click on next so now it's going to ask us which version of Wordpress we want to install just always go with the recommended because this is usually the most stable in up to dates so at the bottom right here I'll click on install Okay so once you guys click on install WordPress it'll bring you to this dashboard right here now to log into your website with hostinger all you got to do is click on this admin panel and this will log you into WordPress and also your website so go ahead and click on admin panel

13:02 okay and here is your WordPress dashboard now it may bring you somewhere else right hostinger consistently updates their plugin so right now it's bringing me to this page but you might have visited another page regardless if you want to visit your website here at the top left I'll click on visit site and here is your new WordPress website now it is using a default theme called 2024 and it just basically slapped a bunch of just random you know junk on your website just to give it some flavor and taste right but not to worry we're going to import a start a templates and we're going to make this a really nice travel website so to go back to your dashboard up here at the top let's click on dashboard now before we go on any further let's first adjust some of the general settings so over here let's go

13:48 over here to settings and let's click on General now here is where you can adjust your email so if you ever want to change your email for WordPress you can do it right here also for those of you who speak different languages you can adjust the language right here they have like more than like a 100 languages it's crazy I don't even know how they translate this many into WordPress right uh here we have the date formats and the time formats and then you know you can change week starts on but you know that's that's weird I don't even know why that option is there to be honest right but uh regardless I'll click on Save changes next I'll go over here and under user I'll click on profile now here's where you can change the color scheme of the back end of Wordpress so you can change this to like modern to Blue you know to midnights to all these

14:33 different colors I do like midnights I just feel like that's easier on the eye for tutorials so I'm going to click midnight for me we're going to scroll down you can go ahead and put in your first name your last name if you want to update your information also here is where you can also update your email now this is important because if you forget your password for WordPress WordPress will send it to this specific email on file so make sure you have access to this email scrolling down here if you want to change your password for word press you can do that right here just by clicking on set new password and then you can you know type something in and generate a new password for your websites once you're done setting those options I'll then click on update profile okay now the very last option is here under Tools no not tools settings

15:20 let's click on permal links you're going to change your permal link structure to post name this is important because most websites you know have the format of your website.com / contact us right or about us not all these numbers and archive Pages it's a disaster make sure that you have post name checked once you have that checked we'll scroll to the bottom and then click on Save changes okay now the very next thing that we're going to do is I'll show you how to log in and log out of Wordpress so here I'll click on visit site and let's say you want to work on your website from various locations right here at the top you'll see this little log out I'll click on log out and this is going to log me out of Wordpress right now if I ever want to log back into WordPress all I'm going to

16:09 do is go to my website and then type in- wp-admin just like that and then press enter and this will prompt you to the WordPress screen right here and all you're going to do is you're going to enter in your credentials now for those of you who actually forgot your email or your password which I have had some comments of people getting locked out of their website you can always log back into WordPress directly through the hostinger portal so you'll see right here this is my website and if I click on admin panel this will also log you right back into the websites and voila we are logged right back into WordPress so that's how you can log in and log out of your WordPress website so you can work on your website from any location okay so we got our website up and running now in this next section we're going to import a stter template and

16:55 then I'll walk you through how to use the drag and drop page builder you don't need to be an expert with Elementor but you just need to know like the very Bare Basics of using this page builder right just so that you're not left in the dark right so in this part of the video I'll walk you through how to import a starter templates and also how to use the dragon drop page builder called Elementor you guys ready let's go okay now the next thing we're going to do is we're now going to install a WordPress theme so over here you'll see appearance let's click on themes at the top I'll click on add new theme now before we install a WordPress theme let me quickly explain what a WordPress theme is and what does it do for your websites first let's talk about what is a WordPress theme every website you make with WordPress requires a specific WordPress theme without getting too techie a WordPress theme is a

17:40 general style and layout of your current website each WordPress theme has different options in the theme customizer the options can range from a header and a footer Builder different blog post layouts controlling the width of your website like a Blox or a full width or specific e-commerce features like product layouts or different shop page layouts a WordPress theme generally controls the layout and style of your current WordPress website a WordPress theme does not build the website itself but it's more of an outside shell for the page Builders and a starting point to build your WordPress website okay you got that so A WordPress theme generally controls different parts of the website that the page buer normally does not but today page buers are getting better and better and they're actually controlling most of the website it's crazy now over here under search themes we're going to

18:26 type in the bloxy theme just like that bloxy and here is the bloxy theme now the blocks theme hands down is probably one of the best rated WordPress themes you'll see right here it has 833 positive five-star reviews it is a great WordPress theme uh so make sure that you install this theme so you'll click on install you can see I've already have it installed right and then once you're done installing it you'll then click on activate now the very first message is going to prompt is it wants you install the bloxy companion so right here you'll click on install blocky companion essentially what this does is it adds more features it gives you access to the demo templates and a few other features okay it'll bring you to this screen right here in case you guys get lost here at the top left you'll see bloxy you can just click on this and

19:12 it'll prompt you back to this screen so this is the bloxy theme right they have a you know they have a bunch of tabs right here but uh we're not going to go through all that all they want is the starter sites so we're going to click on starter sites and for all Builders we're going to click on Elementor do not use Gutenberg BRZ is not bad that's a good Builder actually I kind of like Brizzy I wish they had more developments but uh we're going to stick with Elementor for this video and we're going to scroll down and I have one favorite template that I use and that is going to be all the way at the bottom right here called travel so here is the template I want to use so right here under the travel let's click on import next it's going to ask us about a child theme this really isn't necessary not unless you're a developer right so

19:57 if you're entering a bunch of code on your website you might want to install a child theme but if you're not a coder h no no real issue so uh right here let's click on next we're going to select the page builder click on Elementor and then click on next we can go ahead and install these plugins if we choose right we actually need Elementor so make sure all these are checked right here I'll click on next and I want to clean install so right here let's click on install and this is going to import the starter templates so just give this like maybe like 20 30 seconds all right all right so the starter site has imported successfully right here let's click on view site all right and look at that we now have this beautiful travel website you'll see it does look very similar to our demo I did make a little bit of

20:43 modifications and stuff like that like I changed the titles right here and stuff like that but overall I think this is a great little travel website you know it's a great starter website to get you started it does have various Pages as well so this is the homepage they also have a Blog where you can actually create you know like blog post about like top 10 best places to go you know nine best things to eat at this country or whatever here's the about us page if you want to add a little about us page talk about your business or you know talk about who you are and you're a vlogger whatever you can go ahead and add all this right here and then lastly we have the contact page which is just like a standard contact page where they can go ahead and you know contact you with any questions and this contact form

21:29 will send emails whatever email you have on file with WordPress okay all right so let's go over here to the homepage okay so now that we' imported this starter template let me show you all how to use the page builder now if you go to our demo website over here you're going to notice it does look a little similar right so it does have a similar landing page uh I use the images right here from the starter templates if I scroll down you're going to see that actually changed the text right here so you'll see I have the same images right but I just added in different types of content like Switzerland Austria New Zealand I threw in a Google Maps you'll see right here I just made some quick modifications like I just changed the color and uh yeah but it is the same template that I imported uh on our website so let me walk you through how

22:15 to use the elementary page builder so to edit your website here at the top let's click on edit with Elementor and this will turn on the page builder okay so turning on the page builder it lets us know that we have to create a default kit sometimes that happens so just click on recreate kit right here here click on recreate kits and then dismiss that and click on Save changes with the blocky theme that does happen sometimes I'm not really sure why but uh it is actually a native problem with bloy but it's no problem so after you reactivate the kit you can then go ahead and turn back on the page builder so go ahead and click on edit with Elementor okay so this is the Elementor page builder now you'll see right away that we have elements right here now on the left side you're going to see that you have these elements right so here is like the L out these are like containers

23:01 of where you can put elements in and here are the basic elements such as like a heading text uh we also have like a text editor and we have a few other modules right now to be honest you don't need to be an expert with Elementor you know we're actually not going to use the Builder that much we're going to use it to modify the homepage and stuff like that but you don't need to be a pro with this Builder now I'm going to go ahead and click on the X right here and I want to start from scratch so also here you'll see that we have this little column I'm going to right click on this and I'll delete it and now we're stuck with square one here I'll actually delete this too right here all right so I'll delete that too right so we have this box right here right and let's say for example you want to drag in elements so right here we can throw in a container right and then I'll click on

23:48 the add elements and this is where we can just add in elements right so right here I'll throw in a heading texts now for every element you're going to have three tabs you have the content tab this essentially controls the content within the element elements you then have the style tab the style tab will control the color sometimes the position and also the Topography of the elements and then we have the advanced tab this typically will add in margin and padding like it'll add in space and stuff like that so for example you'll see right here we can add in space Also it adds in really cool things like motion effects for example if you want to throw in a little animation thingy you'll see uh you can you know animate it various different ways right looks pretty cool all right but uh yeah if you want to delete an elements you can right click on the elements and then you can also delete it

24:34 like that and that will actually delete the elements and then bring you back to square one right so the elements are works by just dragging in elements right and then here you can type in like you know your new travel website under the style tab you'll see I can go ahead and Center this right and then for the topography if I click on this pencil you'll see I can adjust the size right I can also change the font so go ahead and close this little Banner thingy here we go we can change the fonts you know I actually use a really unique font I think it was like like M plus one or something like that but uh yeah so here's a bunch of fonts you can use right now let's say for instance you you know you modified that you want to throw in some more you know text editor right here go ahead and put it below

25:20 that right here I'll go ahead and Center that and then maybe we can throw in here a button at the bottom right now sometimes if you don't want to search for it cuz I realize there's a lot of elements here you can just type it in so I'll just type in button right and then you'll see button displays right here I'll drag it right there and then I will Center it in the style right and then from here we can go ahead and style the button right but uh yeah that's a quick little crash course right but uh I'm going to go ahead and delete this right now so let's go ahead and imitate our other website over here so we have find your next vacation stay so let's go ahead and just add in a heading text right here all right here I'll Center this under style and we're going to put find your next vacation stay now really quick

26:08 before we keep going on here I do want to show you all the global feature so over here I'll click on site settings and then here we have some Global fonts and colors now instead of actually going and changing all the fonts throughout the website and all the colors you know independently you can use their Global font system so for example I'll click on global fonts and then here we have primary secondary text and then the ascent right so for the primary for the family I'm going to pick M plus two right M plus two I don't know what maybe choose that font you know to be honest and then I'll change that to bold okay I'll go ahead

26:55 and click away and then for the secondary obviously this is like for like small smaller boxes and stuff like that but I'll enter in the same font so m+ 2 right and that would be normal so I don't want that bolded right and then just our basic text font we can change this also like M plus2 and make sure that's normal weights okay and then I'll click on Save changes okay now we can also do this with colors so I'll click back right here and then I'll click on global colors so so when you drag in an elements it's typically going to use these colors and you can always adjust these so for example if you want like that like booking booking.com blue you can go ahead and use that specific uh

27:42 color for the secondary if you want to add a secondary color we can go ahead and throw that in like right here I'll just put like a black right and then for the ascent I'll throw in something else like a uh you know like a lighter shade blue right just like that okay and then I'll click on Save changes if you're not sure what I'm doing right now don't worry once we start messing with elements this will all make more sense so now that I've done that I now want to close this okay so going back over here to our website so now that we've actually selected the global fonts and colors here in topography you'll see that I can just click primary and this is going to change it to that specific font that we wanted right so we don't have to like you know look through it and set all the options because they're already going to be set right here just by clicking on the primary right and

28:28 then also we have the text color so if at any time you want to use those colors that you set for Global fonts and colors you can go ahead and access them right here and if you want to adjust them you can just go ahead and click on manage Global colors and go back to that section but uh really quick let's go and make this bigger right here right so I want to make this bigger right and then maybe we'll add in like an underline right there we go so find your next vacation stay so the next thing I want to do is I want to change this background right so I'm going to right click on this and click on edit section and now as of right now I'm actually designing the background so over here we have style and this is where you can upload your own image or you can upload a flat color so for example I'll click on remove and let's say you want that like booking.com blue or something like that you know you can just use that

29:14 color that I talked about right here and then maybe even throw in like the little uh you know we'll throw in the search filter a little later but uh you can go this route or you can just use an image so here is the media library and these images right here were uploaded automatically when we imported the starter template but I want to upload my own image so up here upload files select files now in the description of this video I actually have this image for all of you so you can go ahead and import this image so I'll click on open of course I mean there's a lot of images you guys can use right there's tons of them but uh yeah here click on select and there we go right now here let's cck on the advanced tab so you might have noticed that we have a lot of

30:01 space right here and that's too much space so let's like change the padding here so remember padding is space right so for example if I put zero padding you'll see it's very tight and there's no space right if I add in 100 padding you'll see kind of adds a little bit more space and so on and so forth right so I'll put in something like 250 there we go wait wait 250 all right there we go okay so we have find your next vacation stay and then we have this section and everything looks pretty good the only thing that we need to add is the plug-in but um we'll do that in the very next section but overall you can see once we add in the little search filter right here it'll actually complete the page and it'll look just like this right so uh yeah that is pretty much the landing page here click on publish this will actually save the

30:48 progress okay now we're going to scroll down right here and now we have this section where it says popular destinations uh now you can go ahead and just like maybe change the titles right here to like you know Norway right or this will be like Vietnam all right and then you can delete these right here if you want right or if you want to say you know what I want to add in you know something else right here maybe talk about Vietnam you can go ahead and go that route right so you can go ahead and drag and drop these elements throughout the page now if you don't want to use these sections you can just click on the X right here and that will delete the section right same thing right here I'll click on X and then just delete the section and then right here obviously you can go ahead and you know adjust this text like you know uh let's see here our

31:36 best travel experience and if you want you can add in more elements or you can just go ahead and right click and delete those elements right so I think you can understand that this is a very simple to use drag and drop page builder it's not that complicated uh here I'll change this to Switzerland right and then over here this will be like you know Norway and then also so this will be like California and then this section let's just say I don't want it I'll just click on the X and then I will delete that section all right so that is pretty much a quick little rundown of how to use Elementor I do have other tutorials on how to use this page buer but I think at this point we are ready to go so let's go ahead and click on publish here at the top right okay so now that we know how to use this page builder now we're

32:23 going to install a free plugin called travel payouts now we're going to integrate this on our website and then we're going to make a free account with a website called travel payouts this will give us the ability to pull all the API from all these various travel websites and in case you cannot find it I'll put it in the description it's called travels.com it's a great website a great plugin so we're going to incorporate now the uh travel aspect into our WordPress websites you guys ready let's go okay so now let's talk about how we can implement the travel booking on our websites so in order to do that let's first install a free plugin so let's go back over here and click on exit to Wordpress at the top left I'll click on the WordPress icon and this will take us back to the back end of Wordpress now over here under plugins let's click on add new plugin now for search plugins

33:11 we're going to type in travel payouts so here's the plugin that we need it's called travel payouts so right here let's click on install now and then let's click on activate Okay now you're going to see that you have these notices here on the back end I can just go ahead and close this one right here and I'll also close this one right right here now on the bottom left you're going to see travel payouts go ahead and click on travel payouts okay so this is the plug-in but uh we don't need to really mess with anything right here we're going to click on the account right here and then you're going to click on get API token and affiliate ID so under this link go ahead and click here okay so this is travelpayouts decom now there's a link to this website in the description now this website will actually pull the API

33:57 from booking.com agod trip.com kiwi.com a bunch of different travel websites and they're going to integrate it directly onto your websites so if you click on that link it'll bring it to the signup page so right here let's click on sign up now you're just going to Simply enter in your email and then create a password and then you'll click on create accounts once you do that I will then meet you in the travel payouts Account dashboard so let me explain how all this works you go ahead and you enroll in these programs each program has a different commission rate and they also have a different cookie duration as well for example booking.com will give you a 5% commission and also provide lifetime cookies if you enroll one of their customers so whatever their customer spends when you know booking through booking.com they will give you a 5%

34:44 commission rate a Goa right here will give you a 7.2 commission rate and just remember this is on the total sale so for example if someone spends $1,000 with booking.com you'll get a 5% commission rate from the $1,000 which is essentially 50 bucks now really quick here at the top you're going to see that we have more categories so we have trains and buses insurances hotels accommodations and flights so let's click on flights really quick now what that's going to do that's going to filter all the available programs for flights so you're going to see that we have airp we have Cheapo Air Amo and then we have a list of other various programs now obviously the programs that are more established will give you less commission rates and the programs that are less established like air help

35:31 they'll give you a higher commission rate anywhere between 5 to 20% right but uh let's go ahead and scroll down now this program right here you can enroll in right now so some of these programs they have specific conditions you have to meet if you don't meet those conditions they will not allow you to enroll in the program some of those means uh you might have to have a website for more than two months others means you might need to have a well established brand before they accept you others have no no requirements whatsoever and you can join right away AVS sales will allow you to join right away so what you can do here is you can go ahead enroll in the program right once you enroll in the program you will then get all these available options now in case you want to learn how to enroll

36:16 in a program over here I'll click on all I'll click on flights and then all you'll do right here is click on details and then you're going to see this connect to program so this is going to be basically for every single program out there you'll see right here this does require Brand's approval so by clicking on connect to program they might have specific conditions so the conditions for every program are pretty simple you know you have to have travel contents your website cannot be at least two months old so if you started this video no problem that'll give you tons of time to actually write content for your websites uh allows you to organically integrate affiliate links so basically you know not a static website but we're using Wordpress so we are you know checked for there and do not contain offensive information or illegal actions like gambling or negative

37:02 content right so I'll click on all good and then right here I'll click on explore program and that's it so as of right now we've applied for the program and then we'll get a response for them within 48 hours now in case you want to actually uh go with programs that don't require approval rates you can just go ahead and explore them really quick so uh here I'll click on connected here's some programs that have no specific requirements so trip.com kiwi.com tickets.com kiwi taxi this one right here get transfer Avia sales and then C radar so I personally joined all these programs and I was accepted automatically and there is no condition to actually join these programs so what I want you guys to do is I want you to

37:50 enroll in the Avia sales program so at the top up here you can type in Avia and here is the program and I want you to join this specific program and I'll walk you through how to implement the tools on your website so here I'll click on tools okay now once you do get accepted into the program you'll see a page very similar to this one right here now we have links this is our affiliate link we also have widgets and I think this is actually going to be the most important thing that we're going to use there is something right here called Landings I did think this is actually really cool you can actually use this and click on this and apply this on your website and actually use this act as an actual website so you don't even need to have a website you can actually just run ads and use their page right here as a

38:36 landing page the only reason why I don't like this is because it is a little scammy in a way like you don't really get a brand so I think adding a brand to your website is a lot more important than try to make like a quick commission you know so uh over here let's click on widgets and now what we're going to do is we're going to take these widgets and then we're going to apply it to our websites so the very first one right here you're going to see that we have this AVS search form let's go ahead and click on setup okay so right away you'll see that we have uh you know we have this preview of this Banner right here and we can modify this Banner with the options on the left side now one thing I love about this website is this box right here will automatically integrate your affiliate link into this box so no matter what the

39:22 customer searches for you will get a commission if they decide to book through your link which is actually really cool so here we can go ahead and change the language you can adjust the currency and then also here we have host now once you join more programs you'll see that you can go ahead and change the host here we have appearance this will allow you to change the color right so for the primary color maybe I wanted like that booking you know booking.com blue right booking.com blue you'll see we got that blue but we also have to change it for everything so we also need to change it for the U you know the button color right so we'll go ahead and change this to that right okay and you and so on and so forth so I think you all get the point right now let's go ahead and scroll down now I do actually want to hide some of these labels and Logo I do

40:08 want to hide the labels and I also do want to hide the logos I don't want to let users know that I'm using this because they might just go directly to that website and not book through my you know through my filter so I might lose commissions right so I do want to hide the labels and also hide the logos here I'll click on filters now if you want to add a start origin and and end destination you can add that right here right so for example I'll type in New York right now this actually might be very strategic so if you have an audience in New York and you are advertising like you know going to Indonesia you can say hey everybody I'm in Indonesia I'm from New York uh go ahead and check the link and you know there's a direct flight directly to Indonesia or something right so I'll type in

40:54 Indonesia all right and we're going to type in we're going to click on B so so now you're going to see the origin changes from New York to Valley right so this is a strategy if you want to advertise a specific region now what you can also do here is just uh close that right there and what's really cool is it's going to leave this blank right so it's going to actually pick up the origin of where you're actually searching so if the person is searching from Los Angeles it's going to autofill Los Angeles if the person is searching from Egypt it will autofill Egypt so you can do here is leave the origin blank and then also leave the destination of where you want the user to go right if you don't want to recommend anywhere you can just have them both empty and then

41:41 it just becomes a blank search box right so uh I'll go ahead and uh close that again right so as you can see you know you can go ahead and design this to your liking now really quick I do want to get rid of this add checkbox show hotels I only want to direct users you know to specific regions I don't really want to advertise hotels in fact I did use it before this tutorial and I found that it didn't really work too well so once you're done making all the modifications to your search filter now we're going to paste this on our websites so at the bottom right here I'll click on copy code now let's go ahead and go back to our websites okay and let's visit the website now let's go ahead and turn on the page builder all right now this is really simple all I'm going to do here

42:28 is Type in HTML because this is HTML code and I'm going to take this and drag it below there now I'm going to go ahead and paste in that code right here in the HTML code and then I'll click on publish now while you're editing the website it's not going to show you the actual banner and that's just because you need to close the editor in order to see the changes but you can always click on this little I right here that says preview changes and this will give you a demonstration of what it looks like so right away you'll see that we have this new cool little Banner so for example I'm in Bangkok right now and let's say I want to go to Los Angeles right Los Angeles you're going to see all this Auto fills I mean I love this this is so convenient right and I want to go on the

43:13 what should we book guys uh second to the 10th one passenger and I want business we're going to fly business we're going to fly big time so now what that's going to do here that's going to use my fillet link it's going to redirect users to avas sales.com and users can go ahead and find flights directly on this website so essentially what we're doing here is we're pulling all the API and information on from this website onto our websites and then you'll see that these are pretty accurate right so you'll see that uh from Bangkok to Los Angeles Monday September 2nd if we go over here to our search filter you'll see Bangkok to Los Angeles September 2nd to the 10th and remember I booked business you know I like business so you'll see all these

43:59 are pretty accurate right so we have Monday September 2nd Bangkok to LAX right and so on and so forth you'll also see that this is business so you'll see at the top right here this is business so this worked perfectly and this is a great way on how to integrate uh flights on your website without having to actually create custom post types and adding in like a thousand different You Know Places this is probably the most convenient way and also it'll make you a lot of money so now let's go over here to our websites you're going to see that you know I made some small changes right I added in a little bit of space right here so you can make some touchups right so let's go back over here right now for the advanced I want to add in some padding below that right I want to add a little bit of space right a little bit

44:46 too close and for this section in the back I also want to add in some padding so for the Advan I want to add in some padding to the bottom right like I don't know 100 110 here I'll click on publish and you can make you know modifications as you go right so here click on preview changes and then you'll see that uh now we have a little bit more space right here and then we have space right there and ultimately it looks great now let's go ahead and add in this next section right so if we go to our website and I scroll down you're going to see that we have this section right here so let's go ahead and add in these three columns so going back to our uh our website here okay I'll close that and now you're going to see that we can go ahead and add in more widgets so you'll see right here we have popular

45:32 uh you know popular routes here I'll click on setup and essentially what I did here was I made three different columns and I added three different popular routes so you'll see right here we have London right and on the left side we can adjust this just like the previous widget so you can enter in a default destination you can change the language change the currency uh number of flights so if you don't want that many light you can go ahead and adjust this but I'll just put like six right here under appearance you'll see we can adjust the width of this so if you do think it's too big you can change the width and also you can change the primary color but the great thing is Elementor is responsive out of the box so Elementor will actually resize this automatically so let's just

46:18 you know show you what I'm talking about here I'll go ahead and click on copy code and now let's go back to our website okay okay so now I want to add in a new section so right here I'll click on the plus plus again click on Flex box and then I want to click on a three column row right and I want to adjust this so it's even right I want 33 and A3 right 33 and A3 see here there there we go okay good there we go we got it all right we're going all right now really quick I want to show you all how to center things so I'm going to click on edit container right here and under justify Contents I just want to click on center right so now it's in the center next let's take that HTML code and now let's place it in these boxes so right

47:06 here HTML right take this I'll drag it and then I'll paste it okay and just for tutorial sake let's just go ahead and add in more right so HTML right take this drag that there I'll paste that over here HTML and then I will also do the same thing here and then I'll paste it once you're done you'll click on publish now without closing the box I'll just click on the preview changes and this will actually show you our work okay scroll down and voila now we have popular destinations and here we have our destinations now in case you want to change the specific location what I did over here was I actually changed the

47:52 origin destination for each one so for example I don't want them all the same right because that looks kind of stupid to have all the same ones so what I'll do do here is I will type in Bangkok for destination city and here we have a list of airports so this is the international airport in Thailand it's called swapon I'll go ahead and click on that and what's also really cool about this is you're going to see the background also changes how about that so I'll click on copy code and I'll go back to our website over here and I'll just you know get rid of this and I'll enter a new one all right and we'll do this one more time so where should we do now uh where should we go let's do uh Poland right Poland all right let's do Poland all right Warsaw I never been to Poland I heard it's really nice maybe I should go

48:38 there soon I'm actually going to Europe next month and then you'll see baa we have this beautiful background from Poland I'll copy the code and under this box over here I'll go ahead and paste in that box and then there we go publish all right now let's take a look at our websites and let's see what's let's see what's going on here so here is our you know our Banner I'll scroll to the bottom and look at that I mean that looks so much more beautiful congratulations everyone give yourself a clap yeah clap great job great job you know that looks really good so that is how we can incorporate this section here now if we keep scrolling down you're going to see I made this whole new section about fast getaways and I think at this point you understand how all this works so let's go over here all

49:24 right I'm going to delete this right delete this and delete this and now I'm just going to insert the HTML code for that specific widget so going back over here I'll close that and we're going to use this one right okay now obviously you know how to you know adjust all this to your liking but I'm just going to click on copy code go to our website and we're going to insert the HTML widgets right here and we're going to drag and drop and paste that bad boy in there here I'll click on public and I'll preview the website all right so here's our search filter here's our popular

50:10 destinations and here is the beautiful uh I guess I want to say flights right so uh yeah so you can see it's SED up directly with the website it looks really professional I don't think anyone would even think that this is actually part of another website right so it looks great it integrates really well and everything is very accurate that's what I love right it's going to give your customers a really good experience so let's go ahead and incorporate the very last one and this was the maps and I think you guys know guess what we're just going to throw in HTML code so up here add elements type in HTML and I will take this oh we got to add a new section here actually here I'll go ahead and insert a flex box right over here type in

50:56 HTML take this and we are going to go back to to AVS sales and we are going to paste in the map right so over here setup here click on copy code okay and I'll go back to our websites and I'll paste that in there and then I'll click on publish okay now let's go ahead and preview the website all right let's go and scroll down popular destinations best travel experience and if we scroll down we now have our beautiful menu right here or this map right here okay so now let's say for instance you wanted to add a new page right here or okay so now let's say for instance you wanted to create another

51:42 page right here and add something like hotels right so here we have flights but customers may also want to book hotels right so let's go up here and click on plus new and click on page and for the title we'll put hotel booking and then up here I'll click on publish and publish once that's done I'll click on edit with Elementor while that's loading let's go to our programs over here and you're going to see that we have all these available programs right so uh all you're going to do is click on the category that you want to promote and then you're going to see that you have a list of these specific um you know programs so what I want to do is I want to use trip.com right so I'll click on

52:29 tools under trip.com now just to reiterate here so every single um every single program has their own widgets so you're going to see right here that they have their own set of widgets so they have Hotel search and then a search form this is for flights but I want to use the hotel search so I'll click on setup and you're going to see they don't have that much options for this so alls I want to do here is click on copy code and then it'll just paste this on the website so going back over here I'll throw in a flex box click on the plus and then we're going to throw in an element here and then I will paste the code in okay and then all I got to do here is click on preview changes and voila now we have this section right here where people can go

53:16 ahead and book you know book their specific flights right or their hotel here New York from September 11th to the 18th and then right here I'll click on search and voila now you'll see that we have all these available hotels right here in New York how amazing is that now I want to show you all a quick strategy here if you decide to do this I would personally recommend to make a whole another website for this because I think they're very Niche however if you do want to use the same website what you can do here is you can actually use the same template from this page right here and then add it to the other Pages if you go to my websites and you you click on hotel bookings you're actually going to see that it's the same exact website I just

54:03 simply changed the backgrounds I added in some different images but ultimately you're going to see that it's the same website in case you do want to go this route you can actually save this as a templat right so over here what I'll do is I'll go ahead and turn on the page builder and at the top right I want to click on save as template here I'll put in Booking templates all right I'll click on Save okay so here's my templates if I go back over here I can actually use that templates so what I first want to do is refresh this page now really quick I want to get rid of this title right here this is actually from the WordPress theme so on this gear icon I'll click on

54:50 under page layout I'm going to select elementer full width this will get rid of the title and now we're just left with the page Bower here you'll click on this folder or first let's delete this really quick all right let's start from scratch okay here you'll click on the folder and then I'll click on my templates here'll see that booking templates I'll insert this and I'll click on apply and voila now you'll see we have these same websites on this specific page and all we need to do here is we just need to change the background we need to add in the different code so for this code I want to use the code for the hotels right so paste this in and then I'll put find your next hotel stay okay and then for the backgrounds

55:35 under style I'll just choose like a hotel or something you know let's see if we can find like a hotel here I'll just go ahead and use this one here you have a picture that little cottage right so that might work right so find your next hotel stay and you'll see that we have this little you know we got a little hotel there something right and then from here you'll go ahead and change these right so you'll adjust all these to actually uh represent hotels right so we can go ahead and adjust all of these you know everything for a hotel and then once you're done you'll click on publish so let's go ahead and quickly close out of this and let's add this to the menu so at the top left I'll click on exit to Wordpress I'll click on the WordPress logo under appearance now let's click on menus so here is our

56:22 current menu and under Pages I'll click on view all and I want to add in the hotel booking and I'll add this to the menu all right so now we have hotel booking right so I'll click on Save menu and now let's take a look at our website okay so when you just go to the website they're first going to see this page but let's say for example they want to you know book a hotel here at the top they'll click on hotel booking and then it'll now take them to this specific page right here where us just can now go ahead and you know book a hotel right so here we go confirm confirm and then search and voila it'll take them to trip.com where they can go ahead and find their specific hotel for their family or for their you know whoever

57:08 they want to book for okay now the very last thing I want to talk about before I let you all go is the theme customizer so here at the top you might want to adjust this up here and this is actually not part of the page builder it's actually part of the WordPress theme so this is the bloxy theme customizer now bloxy is very robust there is so many things this thing can do but what I want to First do is click on the little nighttime logo and then I'll click on header the header will essentially allow you to decorate this part up here so for example here we have logo right I can take this logo and drag and drop it onto different parts of the menu and then it'll create a whole new row right but let's just say for instance you want to add a logo here I'll double click on the logo and then here you're going to see logo so this is where you can upload

57:54 your logo right so for example I'll click on the logo here and uh let's just say you want to use like something else as your logo you know maybe this backpack or something right you'll now see that uh the backpack changes right and uh if you do have a logo you can just upload it here right so let's say uh I don't think this will work right Uber will this work see will that work okay ah that actually looks pretty cool right so you can upload your logo right here if you want to get rid of these buttons you'll just close these buttons here you don't really need an account you don't really need a search you need any of this maybe

…

Share

More video summaries