How to Add The Web Push Notification to Your WordPress Website? (steps by step tutorial)

Set up web push notification can increase your website traffic, following this guide you will learn how to add web push notification to your Wordpress website.

When you visit an interested in website and you will receive a push notification on the top of your browser area and you can click for subscribing for sending you a new update message if you like this website content,  the push notifications like the below images shows. Following this guide you will quickly learn how to add the web push notifications to your WordPress website, let’s dive in.

chrome push notification
The push notification in the Chrome browser.
safari notification
macOS Safari browser notification

Why you need to add the push notification to your website, here the main reason you can’t avoid.

Leverage the push notification you readers or visitors will be informed when you update a new post and click the notification button to visit your website directly, this will increase your engagement and generate more traffic to your website.

OK, already know these big benefits then let’s jump into actionable steps for setting up the push notification button.

Step #1, Install Onesignal Plugin

login to your WordPress website dashboard, and find the plugins >> add new. fill the Onesignal in the search bar.

Onesignal plugin
Onesignal plugin

Installs and activate the Onesignal plugin.

install and activate Onesignal plugin
install and activate Onesignal plugin

After you activate the plugin it will auto list on the dashboard menu as above image shows.

Step #2 Create Onesignal Account and Setup the Push Notification

Go to the Onesignal official webpage to register an account.

create Onesignal account
create Onesignal account

After you fill in the email address and password then hit the create button you will receive a activate email in your inbox, click the confirm button will redirect to the Onesignal homepage.

Onesignal confirm email
Onesignal confirm email

Redirect to the Onesignal homepage to fill in the website information and get the API key and APP ID. Following the steps to fill the relative information(website name and URL address).

Fill and choose the right platform

Following the guide to Configure web push.

choose integration

Scroll down for WordPress site set up.

setup wordpress site

After click save button you will get the API key and APP ID as below image show.

get API code and APP ID

Copy these codes and switch WordPress Onesignal plugin and paste in relative slot.

paste code

After you paste the APP ID and API Key in the plugin then scroll down to the end and click save. Then switch to the Onesignal account and click go to my website as below image show.

click go the website

You will redirect to your website and see a bell on the right bottom corner like below image shows.

click subscribe button

Click the bell and subscribe you will see a push notification in the browser website address.

OK, after you subscribe test then switch back to the Onesignal account and click save then you have setup the push notification for Chrome and you will see a active words as below image shows.

complete set up push notification

 

Steps #3 Send the Push Notification Test Message

In order to check if the web push notification was set up correct or not, we can send a message to our self. Login to the Onesignal account and choose the message tab.

click the name tab

Choose the message tab

Choose message tab

setup the test push notification

fill in the test info

After you click the test send to the device, you will see below image show push notification message on the right front corner(if you use Mac OS system).

click for test device

Receive the push notification message.

push notification message

 

If you have any questions for set up the web push notification for your WordPress website, feel free to leave your comments or questions.

How to Add the Google Analytics to Your Website in 2020(Without Install Plugin)

In order to monitor your website performance well or not, you need to add the google analytics to your WordPress website, this is a free tool of Google, it will collect many data of your website performance, included how many visitors have come to your website and how many pages did they see and how much duration time did they stay in your website, which post and what content is welcome and liked by your readers or audience.

In this guide, you will learn how to add google analytics to your website and use the collected data to optimize your website and get more traffic and visitors.

OK, let’s jump into the operation steps.

Step #1 login to the Google Analytics account and create a tracking ID and copy the tracking code.

First, login your Google Account, if you have no account your can resgister one use your phone number.

login google account

Second, after you log in to the Google Analytics account you need to do three steps setup and create your Google Analytics account as below image shows.

After you click the create button you will get the tracking ID as below image shows.

After creating the account you will get tracking ID you need to copy the Global Site Tag(gtag.js) and insert it to your website.

window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(‘js’, new Date()); gtag(‘config’, ‘UA-164129668-1’);

Step #2 Copy the tracking ID and insert to you website theme header

Login to your WordPress website dashboard, find the Appearance>>theme editor>>header.php, then you will see the code on the header.php file left side as below images shows. find the <?php_wp_header(); ?> and paste tracking code between head tag. and then click the update file button. Here you have finished adding the google analytics to your website.

paste google tracking code.

Steps 3# Check if the Google Analytics installed Correct and works

After you paste tracking code to the website then you can login to the Google Analytics account and on the same time, you can visit your website and you will see a one visitor online as below image shows.

Above method was add the Google analytics without install plugin in your WordPress website. There are many other methods also works such as install Google Analytics plugin and monsterinsight plugin as well.

 

How to Add WordPress Website to Google Search Console in 2020

In this guide, you will quickly learn how to add your website to Google Search Console. OK, Let’s jump into the actual operation steps.

In order to know our blog or website indexing status and optimize visibility of your site, you should add your website or blog to the Google Search Console, which is a useful free tool for the webmaster. In this guide, you will quickly learn how to add your website to Google Search Console. OK, Let’s jump into the actual operation steps.

First, log into the Google search console account.

log into google search console account

Second, fill in the website domain for verifying ownership.

Before doing this verify step you should already have connected your website with Google Analytics, if you haven’t, you can check this guide of how to add your website with Google analytics.

fill in the website domain for verify

Complete the verify and the method was by connect with Google Analytics, otherwise you need use other verify method. After verify then you can click the Go the property to submit your website sitemap.

complete verify ownership

Third, submit your website sitemap to Google Search Console.

Go to the website dashboard and find the Yoast SEO plugin. Choose the General >>Feature tab and find the XML sitemaps and click the “?”, you will see as below image, click see the XML sitemap, you will redirect to your website sitemap generate by Yoast SEO.

find the sitemap url

Redirect to website sitemap as below image shows, copy the browser website address to submit to Google Search Console.

copy the sitemap url

Forth, submit website sitemap to Google Search Console for Google crawl your website

complete submit the sitemap to google

After you successfully add your website to the Google Search Console, you will receive notification from Google if your site has index problems. Also, you can check your website performance in the Google Search Console backstage.

How to Configure the Best Yoast SEO Settings 2020

Yoast SEO is a good plugin for SEO, in this guide you will learn how to configure the best Yoast SEO settings at the beginning.

In order to better display your content and rank higher on Google, you need to learn how to configure the best Yoast SEO settings for this plugin, it was the most comprehensive SEO plugin in the WordPress. As a beginner, I recommended configure below points and these will help you get a better display in Google search result. The more advance configures you can set up when you’re familiar with it.

OK, let’s dive in the action steps for configure the Yoast SEO plugin.

How to install the Yoast SEO plugin? Log in to your WordPress dashboard and find the plugin>>add new, type the Yoast SEO in the search bar, install and activate.

install yoast seo plugin

Configuration #1 Verify the Google,Bing,Yandex Search Engines

Back to the dashboard find the Yoast SEO plugin>>General and choose the Webmaster Tools tab.

Let’s verify the google first, click the Google seach console and it will redirect to the google webmaster central as below images shows. Select the HTML tag and copy the indicate code in webmaster and back to the yoast seo and paste on the relative search engine blank area and save changes. then back to google webmaster to verify the website.

Copy the codes and paste on the google search engine blank area and save changes.

paste on the code and save changes

Final steps, back to the Google webmaster central and click the verify button and complete veriffication.

complete google verification

Use the same method to verify Bing and Yandex search engine, you can use the google account to login to the Bing and Yandex webmaster and find the html tag and copy the code paste on the relative blank and save changes.

Configuration #2 Optimzed the SEO title and meta description.

As you can see below screenshot shows the search result when we type search in Google. The good SEO title and meta description that can let users get the right information as fast as they want.

Find the Yoast SEO menu and click on Search Appearance

optimize the seo title and meta description

In my expereicen that at the beginning these two places setting configure is ok, other areas you can keep in default or you can changes when you falimar with it.

How to Set Up Contact Form 7 for Your WordPress Website 2020

This post was a tutorial for setup contact form for wordpress site

Adding a contact form is very important if you want to receive feedback from your audience and keep in touch with them. You can use the free version of the Contact Form 7 plugin. Following this tutorial, you will learn how to set up contact form for your website.

OK, let’s jump into the action steps for set-up.

Find the Plugins>> Add new and then type contact form 7 in the search bar and find the first one plugin as below image shows, click install and activate.

install and acitivate contact form 7

 

After activate the contact form 7 plugin, find the Contact tab on dashboard and click start to configure and edit the contact form.

edit contact form 7

Basic Setup Method

Click the Edit button and enter into the contact form configure page. If you do not need to customize your contact form then you can copy the shortcode as below red circle and paste on the newly created page.

 

On the mean time, you should configure the correct email on the Mail tab as below iamge show. This email shoud use your domain email address, eg. [email protected]

configure email address

 

If you have not created an email account for your domain, you can log in to the Siteground account and creating an email account belongs to your domain, following the below image shows step.

Log in the siteground account, select Website tab and click the relative domain Site tools button.

select site tools

 

Enter the domain dashboard, find the Email >>Accounts and create the email account as you want.

create email account

 

After your setup the email tab, then you can paste the shortcode to the contact page.

 

Click view the page, you will see the setup contact form as below screenshot.

contact us page

How to Start a Blog for Beginners 2020(Step-by-Step From Start to Finish Tutorial)

This post was a beginner tutorial for how to start a blog, following the steps you can learn how to start a blog without coding experience.

Hi, My name is John. If you are looking for a beginner blog tutorial then you are in the right place. Since I was also a blogger from zero to now without any technical experience, if I can make it so do you. This guide will show you how to start a blog step by step, from start to finish without coding knowledge, let’s dive in.

Here the summary steps of starting a basic blog.

1. Picking Up a Domain Name for Your Blog

Before you pick up your blog domain you need to think about what topic did you want to write and passion about it, then pick up some keywords to register your domain. Then go to the Namesilo register account and buy a domain name that you have decided.

namesilo homepage

Recommended choose the .com domain will good for SEO. Namesilo provides free whois privacy protection that you will not often receive spam emails.

When you purchase and checkout the domain for the first time you can fill the letters “soho” in the coupon area and will get a $1 discount.

namesilo coupon

2. Getting Your Web Hosting Account

Choose the right web hosting is very important for your blog or website since it will influence the visitor’s user experience. A fast and stable web hosting will help you rank higher on google and get more traffic. Currently, for most of the bloggers and the internet marketers liked web hosting was Siteground, It was officially recommended hosting by WordPress and welcome by many users, see a real poll on a Facebook group for the best web hosting they use. It obviously the Siteground.

Recommended by WordPress.Org
Siteground was the 1st Recommended Web hosting

For the hosting plan I recommended choose GrowBig plan, since it can hosting unlimited websites as you want. You can add other websit in this web hosting.

choose the Siteground GrowBig plan

Input your purchase domain name from Namesilo.

Input your purchase domain name

Fill in the relative information as requested of below picture and paid the cost.

Fill in your relative information
Choose the siteground data center
Choose the period time and get the web hosting account

Till now, you have complete the domain purchase and get the Siteground web hosting. Then you need set-up domain point to your Siteground hosting.

3. Set-up Domain Point to Siteground Web Hosting

First, log in to your Siteground account, and click the Website tab as below image shows.

Then you will jump into the site tools and will see the notice that your domain not pointing to the Siteground name servers as below image shows. Copy that two name servers words.

ns1.giow1058.siteground.us

ns2.giow1058.siteground.us

change the name servers

Second, log in to the Namesilo account and click the Account domains, choose the domain you need to change the Name servers as below image shows.

Click the account domains

Choose the domain you need change the Name servers as below image shows.

choose the domain your need change name servers

Change the two lines to Siteground name servers and delete the third line. After submit on Namesilo will take around 24 hours to propagate, you also can go to the Siteground account >>Website>>Site tools to check and refresh if works.

Name Server 1 -> ns1.giow1058.siteground.us

Name Server 2 ->ns2.giow1058.siteground.us

Name Server 3 ->Delete

Change the name servers accordingly

4. Install the WordPress Kits

After 24 hours propagate, the domain has pointed to the Siteground. Log in to your Siteground account and choose Website tab>click the relative domain Site tools.

click the relative domain Site tools
click the relative domain Site tools

Enter into the Site tools, choose the WordPress>>Install&Manage and input the relative information as below image shows and ready to install the Worpress Kits.

Install WordPress complete

Click the botton and log in to your blog and the interface will look like below, you almost finished. Well done!!

You primary blog website look like

Move the mouse over to the My WordPress then will appear Dashboard and click, you will enter into the admin dashboard as below images shows.

As you can see that the primary website was looks not good, then we need install a WordPress theme to design it.

5. Install a WordPress Theme to Design Your Blog

Click dashboard, Find the Appearance>>Theme>>Add New. Input the Astra in the search bar, and click install and activate the Astra theme.

Then upload your logo for your blog, you can go to the constantcontact.com to make free professional logos.

After install the Astra theme we also need install a good SEO plugin called Yoast SEO.

6. Install Yoast SEO Plugin

In order to optimize our blog and get more traffic, we will install some plugins to the blog, the most useful and recommended SEO plugin Yoast SEO. Click the plugin>>add new and input Yoast SEO on the search bar, install and activate. You also can check this article for how to configure the best Yoast SEO settings.

Install Yoast SEO plugin

7. Start Create Pages and Menu

A new blog will have no pages and menu, in order to offer good user experience we need to create a homepage and relative pages about yourself or your service. Go to dashboard>>Pages>>Add New.

Create new page

First, we create our Home/How To/Contact/Blog/Resource pages as below image show method. You can create pages as you want.

Second, create the blog primary menu as you demand per you write content. Go to the Appearance>>menu>>Select All pages you create as above steps then click add to the menu and save the menu, action steps as below image shows.

After saving the menu then move the mouse over the top corner left the front area and click visit site, you will see the blog like below image shows.

8. Write Your First Post

If you have following the steps and then you are almost finished, you can start writing your first post. Back to the dashboard and find the post and click add new as below image shows.

writing first post

9. Optimized Your Blog and Consistent Update Content

Well done, you will know how to start a blog now, and in order to generate more traffic to your blog you need to learn how to do SEO and let your article rank higher in Google search result.

Stay tune, I will keep sharing more experience for blogging and SEO tips in the future. If you have any questions you can leave comments below.