In the following article we’ll teach you how to create a website using the latest, 2019, techniques. We’ve written the guide in a step by step format, for you to follow.
This guide will allow you to create a website without coding skills and save money on hosting, domains and software. We’ll talk about everything you need in a website, from domain, to logo and creating business emails for free.
While we’re a digital agency specialized in web design, we do know that many Start Ups start without a budget or, want to test out their idea before investing fully in their idea. We get that, so, we come with this piece of content in order to help you guys and girls out.
During this blog post you will learn everything you need in order to build and run a website including:
- Buying a host and domain
- Installing WordPress and uploading your design
- Updating the website information and setting up forms for lead generation
- Creating business emails
- Creating an online store, adding products, setting up paypal payments
- Making money with your new website
How to make a website and save money?
As not to waste your time, we’ll tell you from the start the budget that you’ll need to create a professional website.
- Domain: $2 – $20/year (depending on your extension)
- Hosting: $1 – $8/monthly (SiteGround has an amazing package at $3.95 a month)
- WordPress Theme: $60/once (We highly recommend “The Enfold Theme” we use it for all of our work)
That’s it. All the money that you’ll need for a simple website in which your showing the world your services and products.
If you want to create an online store, if you’re only using PayPal for payments, you won’t pay anything upfront. (only commissions per transaction)
As for emails, SSL, WordPress instalations and so on, you’re getting them all for free while purchasing the 3 above, so, don’t pay for anything extra besides that.*
*. If your website needs some really complicated property or utility, you may need to pay for an extra plugin or web designer.
If you want to skip some steps, you can just open the menu bellow and pick your chapter.
Step 1: Get your domain!
Your domain is your business online name and it should highly represent your brand. It comes under the form of domainname.extension. You can easily get whatever extension you want, still, let’s explain them a little:
- “.com” domains are the most well known, general domains for the global market
- “.ro” , “.it” , “.us” domains are country specific domains. If your only doing business in 1 country, you should consider getting one with your countries code
- “.biz” , “.photography” , “.digital” are domains that are meant to reflect your business activity. You can get creative with these.
- “.xyz” random domain name created for the sole purpose of selling a little more. These are cheaper, usually a few dollars. Yet, we recommend staying away from them.
Our recommendations for domain name providers:
If you’re going for a “.com” domain, we usually recommend www.godaddy.com. They have cheap domains and their support is rather easy to use. Yet, they won’t sell all of the country specific domains. If you want one, search in your local markets, ask for advice from local entrepreneurs and see what suits your needs best. Most local domain providers have kind of the same prices, so don’t waste too much time picking one.
For Romania, we buy from MxHost.ro, they provide easy to purchase domains for the Romanian market.
Going back to picking your domain, use GoDaddy to search for your desired one.
Your domain name needs to be:
- a max of 3-4 words longs
- easy to remember
- easy to write
Common mistakes when picking a domain name for your new website:
- You try to buy a domain similar to an existing business. Don’t do that, you might get sued. Also, you risk people going to your competitor. Don’t waste your potential revenue for some chances that you might steal a few clients from someone else.
- Going for different extensions when your desired domain is taken. Again, you risk loosing clients. If your “.com” or “.country” extension is unavailable, try going for something else. You need to be original to be memorable.
- Buying everything from the domain provider. You only need to buy the domain. No emails, no hosting, no SSL. We’ll take care of that later. Purchasing everything from one provider may increase your prices and prove problematic in the future when you wan’t to migrate to a different provider.
What to buy from a domain provider?
As we’ve stated above, we’re teaching you how to create a website on a budget. Because of that, buying everything from the same provider is counter intuitive. We do recommend GoDaddy for domains, but we only recommend them for that, and only that.
For example, they charge for emails and SSL, things that you do not need to pay for, as you’ll be getting them free from your hosting provider.
Buying them twice is redundant and you are already on a tight budget.
No matter what you read on any domain provider’s website, just buy the domain. You’ll be able to link it to any website you want and own after you purchased it.
How to buy a domain from GoDaddy
First, you’ll need to check your domain availability. That can be easily done be adding your domain name into the search bar and pressing Search Domain.
After you’ve searched your domain, GoDaddy will either show you the price for your domain or tell you that you cannot buy it. If someone else bought the domain before you, there is no way to buy it as well, without negotiating with the owner.
You only need one domain, so there is no reason to actually buy the other extensions if you are a small company. If you are rebranding your company and you have the budget, you should try buying the other ones and redirecting them to your main domain. This way, you make sure that no one else can use your image and name.
After pressing add to cart and going to your cart, say no to all of the extra options like email, protection, databases or website builders. You don’t need them. At least, not from GoDaddy. You will get all of them from your hosting provider.
Add your data, fill in the credit card info and buy it.
Step 2: Buy your hosting package!
In order to create a website, you need a server. Big companies usually create their own internal server or buy really expensive dedicated ones. This provides the companies with enough power to run all their software and websites and offers a bigger degree of protection.
Yet, for small companies, Start Ups or Freelancers, a small, shared hosting is more than enough. We’ve been working with SiteGround for years now. Yet, why do we work with them?
- They have servers in 5 locations around the world: London, Chicago, Amsterdam, Italy and Singapore. This enables you to pick a server closer to your clients and optimize your loading speeds. You can pick whatever location you see fit for no extra costs.
- They offer free SSL, WordPress installation and emails. (we’ll teach you how to get them in a few moments)
- SiteGround provides 24/7 awesome customer support. You’ll always be taken care of.
- Daily back-ups. If you break your website while trying to make some awesome edits, (it happens) you can just reverse to yesterday and repair everything.
- They offer good quality for their buck.
What we recommend for you to create a website and keeping your expenses low, grab their shared hosting $3.95 package. That’s more than enough for a small new website. And, if in the future, you need something a little stronger, you can just get a bigger one, upgrade your remaining months and only pay the difference.
- The StartUp plan is perfect for people with one website that are starting now
- The GrowBig plan is a great value for money offer, including the option for multiple websites and the SuperCacher that greatly improves a WordPress and Joomla website speed
- The GoGeek plan is perfect for people with e-commerce and larger sites, or more geeky development needs like staging and GIT integration
Don’t buy the WordPress hosting. It’s the same as the shared hosting, yet, you’re less free to change everything as you see fit.
After choosing your hosting package, make sure to add your domain name and proceed to the next step.
Step 3: Link your domain to your hosting through DNS.
DNS, or domain name server is a piece of information that will tell your domain where to redirect your user when accessed. It practically tells the browser that, when you are searching for “Companywebsite.com”, the browser needs to grab the info from “server.siteground”.
Without linking the domain and hosting, you will be unable to show your website to your clients, so, let’s get this started.
There, you will find your “Account DNS:”. 2 lines of text that you will need to paste inside your domain provider account.
Keep the above tab open and move over to your domain provider. In the case of GoDaddy you need to: GoDaddy > Login > My products > DNS > Change > Add the 2 lines of information and Save.
Now, grab a cup of coffee. This may take anywhere from 1 minute to 24 hours. It usually works really fast, yet, you never know.
Step 4: Create a website with a free SSL
A SSL certificate is a file that will encrypt your users data, making it hard for third parties to intercept it and steal it.
For example, you’re in a coffee shop, with your laptop and you’re scrolling through products on a website without an SSL certificate installed. You like the product and you decide to buy, while connected to the coffee shop’s WiFi.
Of course you’re using your credit card, how else will you pay?
Without a SSL certificate, any other person connected to the WiFi network can easily intercept that data and find out your credit card information, stealing your hard worked money.
You need to create a website that takes care of your clients!
If the website has a SSl certificate, it will encrypt your data. Meaning that, all you credit card information will be transformed to something only your server can read, no one else. Because of that, it’s going to be extremely hard for someone to harm your clients.
You also need SSL certificates for SEO, as websites without one will rank harder. Without a SSL certificate, you will be loosing clients.
How to install a SSL certificate on SiteGround?
SiteGround gives free SSL certificates in collaboration with Let’s Encrypt. You need to install one before creating your website, for optimal results. In order to do that, go to: SiteGround > Login > My accounts > Account name (usually primary domain name) > Manage account > Go to cPanel > Scroll down > Let’s Encrypt > Choose domain > Install
Wait about 15 to 30 seconds. If all goes well and your Domain has been successfully linked to your hosting, the SSL will be installed. If not, an error message will pop-up.
No worries, if you cannot install it by yourself, just kindly ask the guys at SiteGround support for help. They have a 24/7 live chat. Tell them what you’re trying to do and they’ll install it for you free of charge.
Step 5: Create a website by installing WordPress
After you have installed the SSL certificate, you are ready to install WordPress as well.
Install WordPress easily on your hosting.
Go to cPanel and, in the “autoinstallers” tab you will see the WordPress button. Press it and click install now. The window will shift to something really similar to a form. You will use this form to tell SiteGround where and how to install WordPress.
It doesn’t really matter if you go for www or non www as both will go to the same website. (If your website is Startsmalldigital.com, people that insert www.startsmalldigital.com will go to the same page.) It’s all a matter of preference.
Yet, if you plan to go for multiple subdomains, I would advise checking the non www version, in order to make the url shorter and easier to remember.
ALWAYS CHOOSE HTTPS!
You have installed a SSL. Yet, without using a HTTPS Protocol, you won’t be making any use of it. So, choose 1 of the 2 https versions and pick your domain or subdomain where you want to install WordPress.
What is the Directory?
You don’t really need to write anything there. Directories are used when you want to install multiple variants inside the same hosting. For example, if you have a HTML website, you can install the WordPress blog on domain.com/blog.
Yet, you’re website will be fully created on WordPress, so there is no point in writing anything there.
In order to create your website, you need to specify your name and a small Description. Don’t worry, you can change this in the future easily.
Create your WordPress admin account.
Now, you need to make sure you create a powerful account and password combination that will protect your website. Don’t use standard account names like Admin or your name as they are easily guessed.
Just make sure you use something that you will easily remember. As for the email, I highly suggest that you use a personal account, as the security is amazing for Gmail at least.
Finish installing your WordPress website
Choose your website language and press Install. There is no reason to check anything else.
If you want to be more tech savvy, you can press “Advanced Options” and change the name of your future database. Yet, for people just starting out, that is not needed.
Wait a minute or 2 and Voila! You have installed WordPress successfully!
How to access your WordPress website?
You can already find your new website by typing www.domainname.com in your search bar at the top of your browser. Yet, that will only show you the front end, the part that clients see.
If you want to edit your new website, you need to add “/wp-admin/” after your url. So, you should type “www.yoursite.com/wp-admin/” and login using your account created earlier.
After adding your info and pressing on the log in button, you will be redirected on your WordPress Dashboard.
What is your WordPress Dashboard?
This is how your Dashboard will look like. (Please take into consideration, some tabs on the left may be different. Also, we recommend accessing your Dashboard only from computers.)
Step 6: How to install a WordPress Theme and Child
In order to create the design that you are interested in, you need a good WordPress theme.
WordPress Themes are the mainframe of every WordPress website. They will help you with the design and certain integrations like contact forms or sliders.
We highly recommend that you install “The Enfold Theme“. Enfold is the 3rd most bought Premium WordPress theme and is constantly getting updated in order to make your websites look better and run faster. They also offer free designs for starting businesses that will allow you to import a premium design in 1 minute or less. After that, you just need to change the content.
Install WordPress Theme
Go to “Appearance” (situated on the left of the WordPress Dashboard) > Themes
Add New > Upload Theme and upload the “Installable WordPress File Only” that you downloaded from Theme Forest after purchasing “The Enfold Theme“. It’s a zip file and, depending on your speed, it will take from 30 seconds to a few minutes.
It should look like the picture bellow when you’re done.
Install WordPress Child Theme
First thing first, let’s talk about what a Child Theme is and why you need it.
A child theme is an extension of your theme that allows customization. Without it, whenever you’re updating your Theme, you will loose all custom code.
Because you’ll be only changing code in the Child Theme, no matter the number of updates, your website will never break.
You can download your Child theme from here: http://bit.ly/enfold-child. Install it the same way you installed Enfold and activate it.
Now, make sure that you have activated your child theme. It should look like this:
Without the main theme, the child theme will not work!
This is how your Enfold Dashboard will look like.
Now that you’ve installed everything, we’ll talk about designing your new website. Because Web Design is a complicated process, we’ll use a theme import for this project. You will be able to import an awesome design in minutes. After that, we’ll explain all the Enfold features.
Step 7: How to create a website using the theme Import.
The theme import is a feature in “The Enfold Theme” that will enable an easy design import. What this means is that you choose a design that has been created by a professional Designer and upload it, FOR FREE!
You can find the Import functions by scrolling down on the Enfold Dashboard and pressing the “Demo Import” button.
Scroll over the demos and pick one that better suits your business and niche. After finding your favorite one, click them and press import.
After the theme has been imported, check your website, you will see that it changed and it looks almost entirely like the demo you have just imported.
We’ll talk about changing that content with your own in a few minutes. First, we’ll explain what the Enfold tabs on the left are and do.
The Theme Options will allow you to set your home and blog page. It is also the place where you can integrate your logo and Favicon.
You can also decide if you need a page preloader. Yet, we don’t really recommend it.
Keep the lightbox modal view checked in order to allow people to make images bigger when clicking on them.
The Error 404 page function allows you to redirect people that reach broken pages to a certain page. For example, let’s say you delete a page after you no longer need it. Some people may still reach that and encounter a 404 error. It’s also bad for SEO if that happens.
The easiest solution is to create a “Sorry Page” where you tell the user that the page or content that he is looking for is no longer there. After creating that page, you check the 404 checkbox and select the page.
Maintenance mode will redirect everyone to a certain page. Really useful if you are changing something on your website.
You can change how your website is structured here. Stretched, boxed (with color or background) or fixed. You can also decide if you want your logo and menu on the top or left/right as a sidebar.
Here, you can also change the width of your website. Yet, we recommend that you skip this part if you are not experienced.
If you create a website using the Demo Import function, you don’t really need to enter this tab. Yet, if you want to make some small color corrections, change the font or the default text size, this is the place to do it.
Here you can change the look of your Headers, paragraphs, menus, button, cookies and so on. You can make some pretty advanced changes here. It is also really easy to break stuff if you don’t know what you’re doing.
Here you can choose how your menu will behave. You can choose to have Text links or icons, depending on your design.
You can also decide if you want separators between your menu items (pages). These are displayed as vertical lines and will help people understand and see the difference between the pages.
The Burger menu is what you’re users will see while on mobile. Because mobile phones have a smaller width, you need a burger menu.
If you create a website, you need a header. This is the place where your menu and logo are. Enfold allows you to choose how your header looks and behave. You can chose to set your logo in the middle or left/right.
You can also decide on the height of the header and if you want it to stick to the top of the browser. (this helps people navigate easily)
In this section, you can also add:
- Social Media Icons
- Your Phone number and email
- A secondary menu
- Transparent Logo
The transparent logo is a different version of your logo that will be used when your header is transparent. (if you use a full width image and you want your menu to appear over the image without cutting into it)
In order to create a website from scratch, you also need to decide how and if you’re using a sidebar. From our experience, sidebars have been less used lately as mobile phones won’t see them anyway unless you integrate them in the footer and you want to make a similar experience on both platforms (desktop and mobile).
Yet, you can use them on blog posts for example.
Play a little with them and decide on your own what type of sidebar you want.
The footer sections is pretty simple. It allows you to decide on the number of columns you want. (1 to 4) and change the copyright information.
In order to remove the Kriesi link you need to ad “[nolink] in the Copyright section. This is the text that we are using on our website: “© Copyright – Start Small Digital – 2018 [nolink]”
This section is for the advanced users and we highly suggest that you do not touch it. One thing that you can do here is lock your design. This way, users that are not administrators (you are an administrator) won’t be allowed to change the design.
All websites need a blog and here is where you can change how it looks.
Enfold allows multiple Blog designs for both blog post page and category pages. We suggest you play a little here and decide on what that you like. If you think you want to go back to the previous design, you only need to pick that again and press save.
You can also decide on what elements you’ll show on your website. Author name, bio, number of comments and also social media sharing links.
Here is where you decide on what social Icons you want integrated on your website. You can pick Facebook, Twitter, Instagram and many more.
This is actually a really new tab that has been added this month. It allows you to make your website run faster and better for improved SEO and user experience.
I recommend enabling your CSS and JS compression. This is a really good way to reduce the loading speed of a website. (This works well for small and simple websites. For some more complicated projects, it may provide some bugs that need to be fixed)
Also, Disable everything that you aren’t going to use. For example, we aren’t planing to host videos on our servers, so we disabled self hosting audio and video features.
You can also install image optimization and caching plugins. I recommend Optimus Image optimizer and Comet Cache.
The cookie pop-up is usually done through separate plugins, yet, this used to make the website load a little slower. Enfold created and integrated their own pop-up for cookies.
Just state your legal information regarding cookies there and also link to the Data Privacy page.
Enfold can automatically be linked to Mailchimp if you use an api Key. You get that following the directions on the newsletter page. One the theme and account are linked, you can add newsletter forms to whatever page you want. This will help you get valuable emails from your clients that you can use in your email marketing.
On this tab you can link your website to Google Analytics and Google Maps. You can use Google Analytics to track visitors and what they do on your website.
Also, if you ever plan to integrate a Map on your website, Enfold allows you to easily do that if you provide a free Google Maps Api Key. You can find out how to get it by reading the informations on the Google Services Tab.
The tab that you are using to import demo websites and designs.
This section is mostly used by web developers when importing and exporting data from one website to another. You don’t really need to use this if you’re building only 1 website.
You can add your theme key in order to keep it updated automatically. This helps you save time because manual updating involves activating a different theme, deleting the old Enfold, uploading the new one and activating it.
Step 8: How to edit your website using the Enfold Theme.
After you’ve imported your demo design and played with your Enfold Setting for a while, you are now ready to change the content. Enfold is a simple and easy to use Drag and Drop builder similar to Divi or Elementor.
In order to change the content of a page, all you need to do is go into a page, press edit and you’ll see the page in it’s builder form.
Pressing on any of the pieces inside the layout will open a pop-up that allows you to change the text, image or content.
In the text Editor, all you need to do is change the text inside and you’ll be able to make sure that people understand what your business is about. The color section allows you to select which color you want your text to be and the Screen Options enable you to show or hide your text depending on the size of the screen. (awesome for different copy writing on Desktop and Mobile).
If you want to change an image, all you need to do is press on “Insert Image” and upload a new one. (Make sure you select the right size after uploading it)
You can also add a link behind the images, add captions, animations and screen options.
You can add more than text and images to your website by using the drag and drop layout builder. All the elements are split into 3 sections.
Avia Layout Elements
The Avia Layout elements allow you to dictate how your website is split. It’s similar to an excel, where you add columns and rows.
You can split the website in a maximum of 5 columns. Don’t worry, you can make a row that is 3 columns and add right after it 1 that is column. Play with it a little and you’ll find out how powerful this tool is.
The color section is a powerful tool that allows you to integrate multiple columns or pieces of content inside it. You can change the background of it and even add borders and Developer id codes. (you can use these to add hyperlinks that when pressed, scroll the users page automatically to the selected code)
The Grid row is a simpler way of splitting your website and you can add columns inside an already split Grid Row, resulting in more than 5 columns in a row. Yet, you may have problems in the mobile version of the page by using this method.
The Tab Section allows you to hide content behind tabs, this way, users need to click on a button to see the next piece of content resulting in a more streamlined page. (useful for tips and tricks or tutorials).
Avia Content Elements
Here is where the fun starts. I’ll write everything here for you to better understand what you can do with each one element.
You can integrate any piece of text inside your page. You can use it to add headers, titles or simple paragraphs. You can easily change the color of the texts for only 1 piece of content, making it stand out.
You can also add code to this section or Iframes.
You can add lines that separate different types of content in order to show your user when one text ends and another one starts. You can pick multiple types of separators or line and even add icons to them.
You can also integrate whitespace by selecting the exact pixel size. (Pro tip: you can even add negative space to reduce the distance between 2 pieces of content)
You can add titles that have been customized with lines or colors. We usually avoid using them because we can achieve the same effect using the simple text element. Yet, play with it and see if it suits your needs.
You can use a set of predefined icons to showcase your ideas. This is usually useful when you want to push ideas like: “fast shipping”, “High quality” and integrate a visual reference to that.
An icon inside a box. Useful when you want to draw attention to only 1 title and 1 piece of visual.
A simple icon added. We don’t really use this element much, as an icon without an explanation can rarely be understood.
A button that will send your user to a certain page once clicked. You can customize the size, texts, colors and links inside the button.
Integrates a button that has the width of your entire screen, making it easy to read, see and understand.
You can integrate multiple buttons in a row. Useful if you want to showcase your list of social media pages inside the content.
You can integrate multiple headlines and they change automatically depending on the time you set.
This element allows you to add multiple pieces of content that can be scrolled from left to right in order to see them. You can make them move automatically using a time rule or allow the user to press 2 buttons to move the content.
A large element that is used for covering the entire width or half the width of the page in order to draw attention to it and the texts inside of it. We usually don’t use this, as you can easily use the Texts Element in order to achieve the same effect.
A simplified version of the Tab Section that you can introduce inside of a column to make it smaller.
A much needed element that was added this month inside the Enfold 4.3 Update. It allows you to create a timeline adding dates and information, allowing the user to scroll and learn more about your history. Really useful when you’re trying to present the history of a project or company in a simple fashion.
The accordion is similar to the tab section, yet, displays and hides content in a vertical position. It’s perfect for showcasing FAQ sections. Integrate the question into the title and add the answer inside the Accordion section. This way, people see all the questions and can decide if they want to look at the answer or not, reducing the time needed to search for their answers.
This list is also made with an Accordion
This element will create a visual structure of colorful background, text and button. Drawing attention to offers and information.
An easy to use integrated contact form. You can direct all the answers towards your email and integrate almost any question you need. You can make simple forms. (Name and email) or make them really robust and integrate an unlimited number of questions. The design is also easily changed. After completing the form, you can either show a “thank you” message or redirect the user to a different page.
An element that automatically hooks articles and showcases them on your page. You can customize the way they are shown, the size of the images and titles and also the number of blog posts or the category.
A blog elements that has a different design. It showcases multiple blog posts similar to a news or fashion magazine website.
Another thing that makes Enfold Unique is that it allows you to create Portfolio Pages. This is not possible on most free themes. After creating these pages you can show them on any other page using the portfolio grid.
Showcase your blog inside a masonry grid, keeping them close together and putting an emphasis on the images.
A simple table that can be used to showcase prices and differences between products or integrate a simple table similar to an Excel Spreadsheet. (It may look weird on mobile if not integrated properly)
Pride yourself with your team, as they are the source of your success. You can add pictures, names and positions.
An element that visually represent the progress of a project or a certain information linked to a percentage. You can edit the information, colors and icons linked to it. Really useful if you want to visually showcase your skills.
An element used to showcase blog posts inside a slider. They can either fade in and out or slide left or right.
A useful tool for landing pages. By combining the Developer id with the submenu, you can create entirely separate landing pages that people can still navigate.
A new element added this month. It allows you to integrate a page inside a page allowing you to make some wacky and interesting automated designs. (Pro tip, you can also use any page as a footer)
An element used to showcase product, recipes, prices. Mostly used in the food industry.
If you got some testimonials, just upload them here linked to the client’s business and name. There are multiple designs from which you can chose from and it can be integrated as a slider for people to watch multiple testimonials.
Awesome for showcasing a continuously growing business. We’ve built 253 websites. (integrate the number as an animated one and users will see it growing fast until it reaches it’s set limit)
Useful for product launches, birthdays and new years. Select a time and date and the system will automatically countdown from that.
Sometimes, you just need some extra juice, that is not found inside enfold. You integrate that by installing a separate plugin. Yet, most plugins are created to be inserted inside sidebars as widget. Enfold allows you to pull that plugin inside any page or position using the widget area.
Well, it allows people to signup to your Mailchimp Database for newsletters. (won’t work without a Mailchimp Api – We’ve talked about this higher in the articles)
Social Share Buttons
Pick a couple of social media platforms and allow your users to share your content.
Enables you to add a comment box to your website.
If you are tech savvy, you can use this to integrate whatever code you want inside a page.
Avia Media Elements
Allows you to add images inside your website from your own database or by linking to some other source. You can put links inside the images and select the sizes that you need.
Image with HotSpots
You can integrate an image and add hotspots to it. These hotspots allow you to easily explain what each part of an image represents by placing a number inside the image and showcasing the description inside or bellow the image.
Integrate videos from your database or from Youtube.
A simple slider for images.
A slider that will extend for 100% of your pages width.
Full Screen Slider
A slider that will cover your entire screen. (changes size automatically depending on the size of the user’s screen). You can add both images and videos to this slider.
Enables you to add audio players inside your pages. Perfect for podcasts.
Featured Image Slider
It allows you to integrate a slider with big images, content and buttons inside your page.
An image slider that allows you to present visuals in a similar way to that of an accordion. It displays images on top of each other and will show the entire image once the corner of it has been clicked.
Advanced Layer Slider
A really powerful slider that allows you to create whatever slider you want. You can integrate video, images, code, texts and button. It’s a really powerful tool for Desktop, yet, it has some flaws on mobile. We usually stay away from it.
Partner Logo Element
An element that display a row of icons and logo that are used to showcase the companies that you’ve worked with in the past.
A simple and easy to use Horizontal gallery for big images.
Simple gallery that displays images in somewhat of a random fashion. You can select the size of the images and the captions.
A powerful and beautiful Gallery that enables you to showcase images in straight lines, while keeping all the images the same size.
An element that allows you to integrate google maps inside your page. You can add places inside your map to better present your store or location. You need to know the address in order to do that. It only works if you integrate the Google Maps API we talked earlier in this post.
Step 9: Edit Various WordPress Settings.
Besides your theme, WordPress also has a number of settings that you need to work around in order to give your users the best experience. These settings will also affect your SEO.
In order to reach these settings and be able to edit them, go to Settings, in the left section of your WordPress Dashboard. The Settings area is split into multiple sections:
Here you can change your websites name and tagline (not the url of the domain). You can also decide on which day the week starts, assign your language, timezone and date format.
Here you can either change the default post format and category or integrate a system which you can use to post using your email. This way, you can write copy inside your email software, send it to your website and the entire text will be used to create a new blog post.
If you’re having the Enfold Theme installed, this section is kind of useless. Yet, you can use it to negate search engine indexing. If you want to create a website that can only be found by knowing the address, you can use this section to do that.
This section of the settings area can be used to dictate if people are allowed to comment on your website, how they can do that and what rules they need to follow.
This section allows you to define the standard sizes of pictures you upload.
Really important section. If you want to create a website that ranks, you need to modify your permalink structure. You will have problems ranking if your blog posts have url’s like domain.com/blog/14214dsa743. Use this section to integrate a custom Structure.
Step 10: Create a website with more plugins
WordPress works similar to a lego system. You can keep adding functionalities to your website by installing new plugins. Of course, you should keep that number to a minimum.
More plugins = slower loading speed.
Yoast SEO Plugin
We recommend that you install the Yoast Plugin. The free version will enable you to change the meta title and descriptions of your pages and blog posts, resulting in a better optimization of your website.
It will also give you advice and tips on how to better write your content in order to rank higher, earn more traffic and revenue.
WordFence is a free plugin that can be used to protect your website from attacks and malware. It’s really easy to install and you can consider it being the antivirus of your website.
Step 11: Create Business Emails
If you want to be taken seriously while talking to your clients, you’ll need to make sure that you have a business email. Promoting services or products that are thousands of dollars and using a yahoo email won’t do.
Luckily, you can easily create an unlimited number of emails using the SiteGround cPanel. Just go to the Email Section and click on “Email Accounts”
You will be asked to select your domain and type in your email and password. You can create any email you want. Most used formats are:
After you’ve chosen your new email, fill in your password and select your mailbox Quota. A quota is the amount of data that account is allowed to store. As most hosting packages do not offer unlimited storage for emails. SO, if you’re getting attachments into your email, this will fill pretty fast.
Yet, if you’re using a CRM or pushing your emails to your gmail, you won’t really be affected by this.
How to access your email?
In order to access your emails, you need to access the same page you used to create it. Scroll down a little and you’ll see your new email. Press on More > Access Webmail
You will be redirected to your Webmail, where you can choose from 3 Applications to access your mail. There is no real difference between the 3, and honestly, we don’t recommend using them. What we do recommend, is linking your gmail to your business email or accessing it through Mozilla Thunderbird or Outlook.
How to link your business email to Gmail?
Google is a really powerful company and it’s integrations are extremely useful. You can use Gmail for CRM’s automated emails, lead building and many more. You can also use it to log into everything you need easily. Because of that, using gmail is quite obviously one of the best options out there.
Usually, you’d have to pay for a new gmail account to be created using your domain, yet, you can bypass that tax easily by connecting the 2 emails.
This connection will allow your server to forward emails from Example@Domain.com to Example@gmail.com and allow your gmail to send emails through your server as an alias. Meaning, your client will never see that you’re using gmail.
So, how do you do it?
Forward emails to your gmail.
Inside your Webmail, select you email and press “Forwarders”
After that, just click the “Add Forwarder” button, type your gmail and save. All the emails that will arrive in your inbox will be sent to gmail as well.
Now, you have to connect Gmail to your server, in order to allow messages to also be sent back to clients or colleagues.
Go back to your Webmail interface, and scroll down until you see your Mail Client Manual Settings. There, you’ll have access to your username, incoming and outgoing server info. We’ll keep it private in this example for privacy reasons, yet, they should be pretty straightforward to understand.
After you’ve got your email info, go to Gmail > Settings (usually in the right corner) > Accounts and Imports and click “Add another email”
A pop-up will appear where you need to fill in your name (how people will see you) and your email.
Press Next and you’ll be asked to fill in your SMTP Server. Just type in your domain name without a https or www before it. Type in your business email ass your username and your password.
Also, make sure to select 465 Port and Secure connection. You’ll be asked, if everything goes well, to either click on a link sent to your business email (you can use any of the 3 mail apps to access it in the webmail) or copy a code that has been sent to you and paste it in the pop-up. After doing that, your 2 emails will be connected.
Using your new emails is really easy and you can do it from your phone. Whenever you’ll be writing a new email, just click on the “From” tab and choose what email you want to use.
How to make money using your website?
If you’re planning to create a website, you’re most probably looking for some sort of income or return after it’s construction. There are many ways in which a website can be a source of cash. While we won’t go into details regarding each method, we’ll give some examples and explain them.
1. Promote your business.
If you’re already selling something or have a business of your own, a website will enable you to reach more clients and expand your audience. You’ll be able to explain and promote your services to the online market, generate leads and find new clients.
If you’re planning to promote your business, you’ll need to get traffic towards your website. Traffic = people visiting your website.
You can get traffic through search engine optimization, paid ads, newsletters that you create or from other websites that write about your business.
2. Sell products
You can sell both digital and physical products on your website. You can integrate online payment systems or allow the user to pay after he receives the products. You can see your own prices, add an unlimited number of products, provide product images and descriptions and integrate a plethora of marketing strategis: coupons, discounts, affiliates and many more.
Just make sure that you are perfectly capable of providing those products. Either through Dropshipping or personal stocks.
You can also create membership websites where you sell courses or information and people pay monthly for access.
3. Affiliate marketing
Affiliate marketing is one of the best sources of revenue for bloggers and website owner. It works by writing about a product or service and convincing people to buy them. You add links to that product’s/service’s website and, if a user buys, you get a commission. The commission varies from provider to provider, some offer a percentage and others a small fee.
You can receive any amount from $1 per sale to $100 per sale. The most common system is to generate affiliate links for Amazon and write about products you found there. People trust Amazon already and will have no problems buying from there if the article you wrote is convincing.
Running a blog is one awesome way to cash in the affiliate industry. Also, if you get steady traffic, you’ll be able to make some good recurring revenue without spending any money yourself.
4. “Senator, we run Ads!”
Facebook for example is a huge company that has made it’s revenue and fortune through ads. You can either directly sell banners to businesses on your website or integrate ad platforms that will pay your per impression or per click.
For the first option, you need to personally connect with those businesses, negotiate payments and file some invoices after signing a contract.
For the seconds option, you need to set up an account at any ad provider and install a piece of code or plugin into your website in order to show them to your audience.
PPC (pay per click) you’ll get paid when people click on the Ads, it doesn’t really matter if they buy something or not after that. This can bring you anything from $0.05/click to $40/click depending on what add the user clicked on and where he is from. User from U.S.A or Canada will bring more money than users from Pakistan.
For the PPM (pay per mile) you’ll get paid for every 1000 ad shows. Meaning that it doesn’t matter if you click or not on the ads, you’ll get money just for showing them. This is used by news website and mobile apps, as they get allot of non converting traffic.
How to create a website with an online store and sell products:
If you’re planning to sell products online, all you need to do after following the above guide is to install WooCommerce, a free plugin for WordPress, add your products and select your payment methods.
You can learn more about WooCommerce watching the video bellow:
In order to install WooCommerce, you need to go to Plugins> Add new > Search for WooCommerce > Install and Activate. After that, you’ll have a quick step by step installation where the plugin will ask for your location, where you plan to sell the products, taxes and shipment methods. You can also select PayPal as a payment method in order to allow online payments.
We’re going to integrate a video from the developers for each step you need to take in order to create an Ecommerce and sell online. We could set up some videos ourselves, yet, we believe no one can better explain a product than the people that created it.
Product Categories, Tags & Attributes
How to Create a Product
If you need more information, you can always checkout the WooCommerce Youtube Channel.
The theme you’ve installed, Enfold, is built with WooCommerce in mind. Because of this, you can easily change your store design and options. Also, you can create beautiful designs for your product pages. If you don’t inspiration on how to make your store look, you can install the EStore Demo from the Enfold Theme Demo Dashboard.