How To Create A Website For A Local Business 🔥 - (Step-by-Step Tutorial!)

In this local business website tutorial, I'm going over how to create a website for a local business step by step from start to finish. I'll be showing you how to access professional pre made website templates to make creating your website for a local business easy process. I'll also be going over how to make your local business website using one of the most popular drag and drop editors. Elementor page builder so you can build a professional looking local business website via drag and drop. The

great thing about this local business website tutorial is it's extremely easy to follow along with even if you have no experience in starting and creating a local business website. At the end of this video you will have your website for your local business successfully created. The first step I'm going to cover is how to choose and register your own domain name for free. A domain name is the name of your website. For example, the website name for YouTube is youtube. com. Step two, I'll be going

over how to choose a hosting provider. An easy way to think of hosting is it's like the physical storefront of your website. To have a website, you have to have hosting. Step three is going over building your site with WordPress and creating your WordPress local business website using professional pre made templates. and building your site using the most popular drag and drop editor. Let's get started with the local business website tutorial for beginners video. The first thing you want to do t

o create your site is to click the link in the description below to be taken a Bluehost so you can take advantage of our exclusive Bluehost discount. You'll be getting a free domain name and a Bluehost web hosting discount for your website. Make sure you click the link in the description to get this great deal. A little disclosure, the link is an affiliate link. You are receiving commission from Bluehost at no extra cost to you. Plus you'll get an awesome Bluehost discount. A little about Blueho

st. Bluehost powers over 2 million websites worldwide. They are also recommended by wordpress. org since 2005. They provide 24x7 support via chat, email, and phone. And they have a 30 day money back guarantee. If for any reason you're unhappy, you can cancel and get a refund within the first 30 days. Once you click the link in the description below, you'll be on the Bluehost page, click the get started button. You'll not be on the Bluehost plans page. You'll see four different plans. You can cho

ose from the basic choice plus. online store, and cloud plan. You'll see the Bluehost hosting terms you can choose from are 12 and 36 months. You get the 1. 99 pricing with the 12 month term. The basic plan is a great plan if you're going to have just one site. This plan comes with one website and 10 gigabytes of SSD storage. The choice plus plan allows three websites and comes with 40 gigabytes of SSD storage. The choice plus plan comes with free domain privacy. Free automated backups for one y

ear. And now we're scanning. Domain privacy protects your personal information from the public and will show Bluehost default contact information instead of yours in the public who is database. The automated backup will backup your site daily and will allow you to restore your site to a previous backup with a click of a button in case something happens to it, like a website crash. Or an editing mistake. Malware scanning will scan your website for malware on your site and notify you if malware is

found. The online store plan comes with three websites, 40 gigabytes of SSD storage, and everything the Choice Plus plan comes with. This plan is good if you're going to have an online store, as it comes with a bunch of extras, like an exclusive store theme, store analytics. And extra e commerce features for your online store, like unlimited products, secure online payments, bookings and appointments, shipping labels, product search and filtering, gift cards, wishlist, and customer account crea

tion. Something I want to know is you can have an e commerce site with the basic choice plus or cloud plan as well. You just won't get the extra e commerce features the Bluehost online store plan provides. The cloud plan comes with 50 websites. 225 gigabytes of SSD storage and up to 150 CPU compute power, unrestricted bandwidth, global edge caching, high burst capacity, web application firewall, high frequency CPUs, DDoS mitigation, daily automated backups, built in partnership with the creators

of WordPress. If you want the fastest site speed, the cloud plan offers the best performance. I'm going to choose the basic plan for this tutorial. Once you decide on a plan to choose, click the select button. You'll now be on the domain page where you can choose your free domain name for your site. You can type in and search available domains under the create a new domain. If you already own a domain name, you can enter it in where it says use a domain you own. If you can't decide on a domain

name, you can click the create my domain later link and you can choose your free domain name at a later date in the Bluehost dashboard. Click next to proceed to the next step. You'll now be on the create your account page. You now want to input your account information. Next is the package information section. Next is the Bluehost package extra section. What you see here can vary on the plan you chose, as some plans come with some of these, or if you didn't choose a free domain name, domain priv

acy won't show. All these Bluehost package extras are completely optional and up to you, whether you want any of them or not. First is e commerce. E commerce can easily turn your website into an online store. With this package extra, you'll get WordPress and WooCommerce installed for you. You'll also receive specialized e commerce features, allowing your customers to purchase products and pay for them with popular payment processors like PayPal, Stripe, and Venmo. You can also book appointments

and service requests, create wishlists, custom gift cards. You'll also receive customized My Account dashboards for all your customers to track orders. Review past purchases, edit profile information, and more. If you're going to have an e commerce site, this Package Extra makes things easier for you. You can also do these things without this Package Extra, it'll just take manual setup and will not be automatic. Next is Domain Privacy Plus Protection. I do recommend Domain Privacy Plus Protectio

n as it'll keep your personal information private so that spammers and telemarketers won't have access to your personal information and contact you by phone and email with offers of their services. When you register a domain name, no matter what company you choose, the domain goes into the Public Whois database. as domain names are regulated. If you select domain privacy plus protection, it'll show Bluehost default contact information instead of yours. Highly recommend domain privacy plus protec

tion. Next is CodeGuard Basic. This will back up your site daily, and you can restore your site to a previous backup with a click of a button with their one click restore. An example of where this package extra can be good is if your site gets hacked into. Or you mess something up while creating it or editing it. You can restore it to the version right before whatever happened, took place, and everything will be back to normal. The next add on is Yoast SEO premium. Yoast is the number one WordPr

ess plugin for SEO. Something I want to know is Yoast SEO is a free plugin. You can download in WordPress. Yoast SEO premium comes with additional features such as full access to Yoast SEO Academy that helps you learn about SEO 24 seven premium support. It'll save time and spot ranking opportunities with Yoast SEO workouts. Prevent your visitors from ending up on dead links, content quality, and link suggestions. As you write your content, you can view your blog posts and pages as they would sho

w on search engines and social media posts to help you optimize better. In my opinion, the Yoast SEO free version is all you need. And it is super helpful in guiding you to optimize your site for SEO. Next, you'll see Single Domain SSL. Bluehost does come with a free SSL certificate for your site, so this add on isn't necessary. Unless you want to upgrade to a positive SSL certificate, which will allow you to show a site security badge on your site if you'd like. And with the positive SSL certif

icate, you'll have a 10, 000 Limited Guarantee Warranty by Komodo, which protects your customers. Next you will see SiteLock Security Essentials. This add on checks your website daily for malware and protects your site from hackers and malicious attacks. It will notify you if your site has been hacked into and malicious code has been placed into it. SiteLock Essentials also removes malware automatically. This add on can be beneficial and give you peace of mind if your site were to get hacked int

o and malware is placed on it. It isn't necessary though. The next add on is Professional Email. This package extra provides you with an email address ending in your domain name, along with other features provided by Bluehost, such as shared calendar, contacts and tasks, OX documents like text, spreadsheet and presentation, 25 gigabytes of cloud storage, and enhanced spam and virus protection. I do want to note that Bluehost does come with free email addresses ending in your domain name. So this

add on isn't necessary unless you really want to utilize all the added features provided by professional email. The next add on is Google Workspace Business Starter. This package extra provides you with an email address ending in your domain name along with other features provided by Google Workspace such as Gmail, Calendar, Chat, Cloud Storage with Drive, video conferencing with me, and many more Google Workspace features. I do want to note that Bluehost does come with email addresses ending i

n your domain name. So this add on isn't necessary unless you really want to utilize all the added features with Google Workspace. Next, enter your payment information in and click the submit button. Bluehost will now email you your Bluehost receipt. You are now directed to a page where you'll see your Bluehost account has been successfully created. Click the create password button. Next, enter a password to be used for your Bluehost account. You'll see your user ID for your account listed. Clic

k the create password button. WordPress will begin installing. Once it is done, you'll be directed to a make your dreams a reality page. Click the start setup button. It'll now ask you what your experience with WordPress is. Select the one that fits your experience. I'll click I'm an expert. Next it'll ask you what type of site you're creating. I'll click business. Click the continue setup button to proceed. It'll now ask you a subcategory for the category you chose. WordPress. Select one that f

its or type it in. Click the continue setup button. Next, it'll ask you your top priority for your site. If you don't want to do this part, feel free to click skip this step. I'll click skip this step. Next, you can input your site title, site description, upload a logo, and under social media icons, you can input any social media profiles you have for your business. This step is completely optional and you can input these in WordPress anytime you'd like. I'll be covering this in the tutorial. I

'll click skip this step. You'll now be on the Teller Your Theme page. For this tutorial, we aren't going to be using this theme. I'm going to show you how to access professional WordPress themes and create your site via drag and drop. I'll just click the next button. It'll now show you the design of the theme. If you want to use another theme, just click the next button. We won't be using this theme for this tutorial, so I'll click next. On this page, I'll click the next button. On this page, I

'm not going to worry about what is selected. I'll click the next button. On the page template page, I'll just click the next button. Next, you'll be on the key features page. I recommend keeping what is selected and clicking the next button. You'll now be on the your site is ready page. Click the complete setup button. You'll now be taken to the WordPress dashboard. From here, you'll see you're in the Bluehost tab in the left side menu. From here, if you click Bluehost account, it'll take you t

o your Bluehost control panel. You can also get to your Bluehost control panel by logging into Bluehost. In the left side menu, click hosting. If you click edit site, it'll take you to your WordPress dashboard where you can begin in creating and editing your website. You'll see your Bluehost name servers are listed here below in case you need them. Before we choose a theme and start editing it, we want to change our domain name to be secure using HTTPS with a free SSL certificate. I'll click edi

t site to be taken to WordPress. I'll hover over settings. In the left side menu, click general. You'll see WordPress address URL and site address URL. Change these to H-T-T-P-S instead of the HTTP. I'll just add an S behind the HTTP for both. Scroll down and click save changes. It'll now log you out of WordPress because we changed URL to H-T-T-P-S. Just log back in. Now I want to show you how to access free professionally designed WordPress themes and how to make any of these themes a local bus

iness website. To pick out a theme for your site, on the far left you will see tabs. Find the appearance tab and hover over it. Click themes, this is where you can pick out a theme for your site. Next, click add new theme. You'll now see WordPress themes that you can choose from. There's thousands of free themes to choose from. Now I want to show you how to access free professionally designed WordPress themes and how to edit them easily with the drag and drop editor. Type in Astra in the search

field, click the install button. Once it is done installing, click the activate button. Once it's done activating the theme, you want to find the plugins tab in the side menu. Click add new. In the search field, type in starter template. You want to click install on it. Then click activate. Hover over the appearance tab in the side menu. Click on starter templates. You will now see how you would like to build your website. I'll select the classic starter templates. Click the build with templates

button. Choose Elementor for the page builder. It'll now showcase a bunch of WordPress themes you can build your site with using drag and drop. You can type in the type of website you want to create to pull up templates based on that. You'll see a bunch of categories you can hover over and select to build your site. If you click a theme, it'll show you what it will look like so you can preview it. Click the X button to go back to the themes page. Something I want to mention, any of the template

s, no matter the category and what they are called can be used for your local business website. You can easily change and edit the templates to what you'd like when creating your local business site. Just find a template you like and then you can start making it your own no matter what category the template is in. If you hover over the local business category, you'll see a bunch of categories you can choose from related to local businesses. If you click the local business category, It'll pull up

templates for local businesses and related templates. There are a lot of great templates to choose from under this category. Select the theme you want. For this tutorial, I'll choose this theme. You can upload a logo if you'd like. You can do this at a later time, so if you don't have one now, no worries. I cover this later in the video. You now want to choose the font and colors for your site. You can update these at a later time or change them whenever you'd like. I cover this later in the vi

deo. I'll choose this one for this tutorial. Click the continue button. You now be on the, tell us a little about yourself. You don't have to fill this out. If you don't want to just make sure under advanced options, you have each one selected. Click the submit and build my website button. It'll begin building your website. Once it is done, you'll be on the congratulations page. Click to view your website button. It'll now take you to your website and what it looks like. Before we begin editing,

we want to turn on some features in Elementor to make the editing process even easier. Up at the top, you'll see your site title name. Hover over this and click dashboard. Find the Elementor tab in the left side menu, hover over it, click settings, click features. Go to editor top bar. From the drop down, click active. Next, scroll down and find the Flexbox container. From the drop down, select active. Click the save changes button. Now let's go over how to make edits to the WordPress theme and

how to use the drag and drop editor to create your site. From the WordPress dashboard, hover over your site title name up at the top. Click visit site. To make edits to your site, click the edit with elementor tab on the top of the page. It'll now bring you to the drag and drop editor where you can create your site quick and easy. To make edits to a part of the page, just click where you want to make edits and start making edits. I can change the text here from the most reliable plumbing servic

es in San Francisco to my demo local business website. You'll see you can link the text out to a page if you want. The heading type, if you click style, click content, you can change the color for the title. If you click the pencil icon next to typography, Where you see family, from the drop down, you can select a font to use. You can change the size of the text, where you see description, you can change the colors and font settings for the description text. If you want to make edits to the back

ground image, right click on the section. Click edit container. Click style, click background overlay, you'll see the image showing here. Click the trash can icon to remove this image. Next, click background. If you click into color, you can change the color to something you like. Next, let's go over editing an image. You'll see the image showing here. Click it, hover over the image, and click the trash can icon to remove it. Or click choose image to change the image. Upload files is where you c

an upload an image. Media library is where you can choose an image already uploaded into WordPress. I'll choose an image I've got uploaded into WordPress. Click the select button. The image has now been added to the page. Now I want to show you how to add a background image in this top section. To do this, first we need to delete the image. To delete the image, hover over it and click the trash can icon. The image has now been removed. Next, right click on this section here. Click delete. Next,

click the plus icon at the top. Find the spacer and drag it in underneath the button. You can then drag over the amount of spacing you want. If you want to add a background image to this top section, right click in this top section. Click edit container. Click style. Where you see background type, you can choose from classic, gradient, video, and slideshow. I'll click classic. If you go to the image section and hover over it, click choose image. You can then upload an image or choose an image al

ready uploaded into WordPress. I'll select one I've already got uploaded into WordPress. I'll click the select button. The image has now been added to the page. Next, click background overlay. Color is where you can change the background color of the image. If you go to opacity, you can change the opacity of the image by sliding it to the right and left. Next, let's go over editing the button. I'm going to click into a button. You'll be able to change the name of the text. You can link the butto

n out to where you'd like it. If you click the settings icon next to the link, You can choose to have the link open in a new tab and make it nofollow if you'd like. Where you see icon, you can select to not have an icon with the button. Where it says upload SVG, you can upload an icon. If you click icon library, you can view icons you can add to the button. You can change the positioning of the icon and more. If you click style, you can make changes to the font used. and colors for the button. I

f you click hover, this is where you can make edits to the font and colors on the button hover. I'll scroll down a bit on the page. If you click the plus icon at the top where it says add element, this is where you can get back to where you can drag stuff into the page. You can select what you want over on the left and drag it in wherever you'd like it. If you right click on an area, you can delete it if you don't want it. By right clicking, you can duplicate something if you need to duplicate i

t. You can drag something over to somewhere else on the page by selecting it and dragging it over to where you want it. I'll click the plus icon here at the top to drag stuff into the page. I'll drag a text into the page. If you click to edit the text, you'll be able to make edits to the text like make it bold. You can link out a text to somewhere. If you click the settings icon, You can choose to have the link open in a new tab if you'd like. If you click toolbar toggle, it will give you more o

ptions like changing the alignment of the text, changing the text color. You can undo and redo changes here. If you click style at the top, you can then make more changes to the text. If you click the pencil icon where you see typography, where you see family, from the drop down you can select different fonts for the text. Where you see size, you can change the sizing of the text. Scroll down to this section here. If you want to change an image of a section or add an image for a section, click i

nto the image. This is where you can edit the image. Remove the image by clicking the trash can icon or click into the image. You can then upload an image or choose an image already uploaded to WordPress. I'll select one I've already uploaded. I'll click the select button. The image has now been added. Next, if you want to change the background color of a section of the site, right click in the section, click edit container, click style. Where you see background type, click classic. You'll see c

olor under it. Click this and you can change the background color of the section. Next, let's cover adding a section to your site. If you hover over a section, you can click the plus icon and then click the plus icon showing again to add a new section to the page. I'll select this one. You can now drag in something over into the section. If you click the middle icon with the dots, you can then edit that section. If you click the X button, it'll completely remove this section from the page. If yo

u click into a section, click the middle icon with the dots. You can drag it up or down to move that section to somewhere else on the page. Next, let's go down to the bottom of the page to the drag widget here section. If you click the starter templates icon, You can click blocks in the menu and it'll give you lots more page design ideas you can choose from. Up at the top, you can select categories for blocks to show. I'll choose a block to add to the page. I'll click this one and then I'll clic

k the import button to import it to the page to then start adding your own content and editing it how you want it. Now I want to cover the contact us form to show you how this works. To do this, let's first save our changes. Where you see the arrow next to publish, click this and from the dropdown, click save draft to save our changes. Next, click the eye icon so we can preview our changes. It's going to bring up a preview of our site. Click contact in the menu. It'll bring up the contact page.

To edit this contact form found here, hover over your site title name at the top. Click dashboard. Next, click on WP forms. You'll see the contact us form here. Hover over it and click edit. It's now going to bring up the builder for the contact us form. You can hover over an area to delete it or duplicate it. You can click an area and drag it to wherever you'd like it. If you want to add something, you can drag it over from the side. If you click field options, you can click on a part of the fo

rm and then make changes from the side. You can select to make this part of the form a required or not required part to fill out. If you click advanced, You can click the part of the form you want to change, and you can select between the size of the form field for that area, and then change if you want anything to show in the form field where they input their information. Click save to save changes. When you are done, click the X button. If you click settings, you'll be in the general section w

here you can edit things for the form. Spam protection allows you to toggle on spam protection options. Notifications is where you can put in the email the form info should be sent to and the from email address showing to the person who filled out the form. And the confirmations is where you can put in a confirmation message that shows to the person who filled out the form. I'll click the x button. Now I want to go over maps for your site in case you want to have a map for your website. From the

contact page, click the edit with elementor tab. Scroll down to the bottom of the page to the drag widget section. Click the plus icon. I'll click this structure for the map. I'll click the plus icon in the top left. I'll drag in Google Maps. You'll see the map is now showing. Where it says location, you can put in the address of your business. You can toggle zoom to get the map to look how you want. The height will change the height of the map. Next, click the arrow next to publish in the top

right. Click save draft. Next, refresh the editor by clicking the refresh button in your web browser. Scroll back down to the map section, click the pencil icon on the map. You'll now see the notification showing about the Google maps API key up at the top, put the create your here link. It'll take you to this page, scroll down and click go to credentials page. Click create projects, put in the project name. You could just put in your site or business name, put in the address and click create. I

t'll then give you your API key. You can copy and paste into the API key field. Now you want to click the integration settings link, paste the API key here and click save changes. Your map will now show live for your site visitors. Let's get to know the drag and drop editor Elementor better. You'll see publish in the top right. Click this when you want to publish changes you've made to your site. If you click the arrow, you can save the page as a draft, or save the page as a template to then use

as a template for another page you create. To view changes you've made to your site, click the eye icon and it'll show you a preview of your site. If you click the desktop icon, it'll show you what your changes look like on desktop devices. The tablet icon will show tablet devices. and the mobile icon will show mobile devices. If you hover over the site settings icon and click it, you can change things like the colors of your entire site, fonts used, and more. If you click the element or menu i

con and click history and then click revisions, it'll list out all the revisions for your site that it has pre-saved. If you click one, it'll bring your site edits back to how they were at the time of that edit. If you click the element or menu icon and click exit to WordPress, then click the WordPress icon in the top left, it'll take you to the WordPress dashboard. If you hover over the pages tab, click add new to add a new page to your site. If you click all pages, it'll showcase all the pages

on your site. If you hover over the media tab and click on library, it'll show you all the images you uploaded in WordPress. If you click add new at the top. You can then upload or drag in an image into WordPress. If you hover over post and click add new, you can create a new blog post for your site. If you click all posts, it'll pull up all the posts you have on your site. If you click the comments tab, you will see all the comments you have on your blog post. You can easily reply, mark it as

spam, or trash the comment. If you hover over the plugins tab and click add new, You can then search for or browse plugins to add to your site. Any feature or customization you might want on your site, more than likely there's a plugin for that. If you hover over the appearance tab in the left side menu, click on menus. This is where you can edit the menu on your site. If you have multiple menus on your site, you'll be able to select them from the select a menu to edit area. Click the select but

ton to select the menu you want to edit. If you don't see anything here, then that means you only have one menu currently on your site. You can add new pages to the menu or drag a page to a different order. If you click the tiny arrow, you can change the name of it or completely delete it from the menu. If you want to create a completely new menu, You can click create a new menu. If you want to have submenu items show in the menu, just add the items to the menu and place it a bit to the right un

der the menu name you want it to show under. I'll add a few under services. I'll click save menu. I'll now pull up the view of my site and you'll now see the submenu items showing in the menu under services. You'll notice it doesn't show and it's just white. Here's what to do when this happens. Open the top, click the customize tab, click header builder, click transparent header, click design. Where you see something you color under the text link section, click on the first one. You can now chan

ge it to a color you'd like. I'll select this one. I'll hover over the menu and you'll see they are now showing. To change the hover color, click on the second one. Change the color to what you'd like. Scroll up to the menu and on hover, you'll see the color has changed. Click the publish button to save your changes. Now let me show you how to make edits to the footer area of your site, along with editing the header of your site, uploading a logo, favicon, and other customizations. From the Word

Press dashboard, if you hover over the appearance tab in the side menu and click customize, you'll be on the customize page. Click the footer builder, footer. You can then click an area in the footer area to start making edits to that section over on the left side. If you click the design icon, you can then make additional changes for that section in the footer. If you don't want something in the footer of your site, click the X button to remove that area from the footer. If you click the pencil

icon here on the left-hand side, you can then choose how many columns you want your footer to be. You can then click the plus icon to add sections to that part of the footer. If you click the social media icons, you can easily edit, add, or remove social media profiles for your local business. If you click design, you can make more changes like the colors, sizing, and more. I'm going to click the back arrow twice. Scroll up to the header area of your site. If you click into the header area of y

our site. You can make edits. For example, to edit the button, I'll hover over it and click the pencil icon. You can then make changes. If you want to remove the button, you can click the X button where you see button to remove that button from showing. In this section, you can move things around to change the look of the menu area to get it how you like it. If you click the pencil icon where you see the logo, It'll pull up where you can remove the current logo, add your own logo. You'll see sit

e title. You can input your site title here where you see tagline. You can input the tagline for your site here. If you click the design tab, you can make color changes to the logo. I'm going to click the back arrow twice. If you click site identity, you can then upload a favicon, which is the site icon for your site. I'll click the back button. If you click global, typography is where you can change the fonts used for your site. Colors is where you can change the colors for your site. Buttons i

s where you can change the button presets and colors used. You now know how to access pre made professional templates, how to create a website for a local business, and making edits to it using the drag and drop editor Elementor Page Builder. That's my local business website tutorial going over how to create a website for a local business step by step. If you have any questions, get in touch in the comments. I'm here to help you with anything you need. Give this video a thumbs up and leave us a

comment letting us know if the tutorial was helpful or not as the comments help improve our tutorials. Be sure to subscribe to our channel for more website tutorial videos.