How to Install/Setup Facebook Pixel

To create a Business Manager Account

Enter the URL – “business.facebook.com

Click “Create Account

While creating your Business Manager Account, you need to specify your business name.

Click “Continue

Create your business profile by providing the name and email address that you would like to use for your Business Manager.

Click “Finish

Create a Facebook pixel.

Click “Create a Pixel

Now create a Facebook pixel, by setting up a pixel name.

Facebook receives information from your websites such as page views and button clicks, which helps you to build more effective adds.

Click “Create

After completing all the steps, a Facebook pixel is created.

Now you’re almost done and can setup your Facebook pixel by placing the pixel code in your website header.

Click “View Setup Instructions

Select a method to setup your Facebook pixel.

Select “Manually install the code yourself

Copy and paste the entire pixel code at the bottom of the header section,just above the </head> tag. 

Click “Continue

Process to setup pixel code in your website.

Dashboard -> Apperanace -> Editor

Theme Files -> Theme Header

Position to Place the Code:

<html>
<head>
<script>.......</script>
insert your pixel code here
</head>

When the theme plugin is updated the pixel code will be erased.

Make sure that you create a child theme to copy the pixel code.

Click “Update File

Where to Add Custom CSS Code in WordPress Websites

The CSS changes are tied in with your theme.

If you change to a new theme, your custom CSS styles will no longer be active and if you change back to your previous theme, they will once again be there.

To add CSS Code on your WordPress website.

Appearance -> Customise

Select the option “Additional CSS”

Add CSS Code in the text field and click on “Publish”

How to Create a Child Theme in WordPress

By using a child theme the modifications will not be deleted if your parent theme gets updated.

Using a child theme can speed up development time, is the safest way and highly recommended.

Creating a Child Theme

First, open /wp-content/themes/ in your WordPress installation folder.

Select the parent theme for which you want to create a child theme.

Here I’m creating a child theme for “Twenty Seventeen”.

Create a new folder for your child theme, give any name and save it.

Open a text editor and paste this code:

Save this file as style.css in the child theme folder you just created.

/*
 Theme Name:   WPB Child Theme
 Theme URI:    http://www.holithemes.com/
 Description:  A Twenty Seventeen child theme 
 Author:       Holithemes
 Author URI:   http://www.holithemes.com
 Template:     twentyseventeen
 Version:      1.0.0
*/
 
@import url("../twentyseventeen/style.css");

To check the Child Theme

Appearance -> Themes

Now you will see WPB Child Theme. Click the “Activate” button to start using the child theme on your site.

How to Install XAMPP and WordPress

In computer networking, Localhost is used for accessing the networking services that are running on the host of loopback network interface.

Localhost describes the local computer address which is also known as the loopback address.

For example, when a Web browser is running on your computer, your computer is considered to be the ‘Localhost‘.

A Localhost will provide you with an environment that you are working on real-time i.e live site.

Enabling a Localhost allows you to set up and work on websites without any network configurations.

Features:

  • Fast, Efficient Code
  • Secure Interfaces
  • Easy Integration
  • High Extensibility

Download ‘XAMPP’

XAMPP allows you to create a local web server with a simple and lightweight solution.

XAMPP stands for cross-platform, Apache, MySQL, PHP and Perl.

Download – ‘XAMPP‘ 

How to Install XAMPP and WordPress

Click to download Latest Version7.2.6/PHP 7.2.6 for all platforms.

How to Install XAMPP and WordPress

While installing XAMPP, you will be notified with several pop-up messages regarding anti-virus and confirmation of installing the software. If you wish to install the software the continue by clicking on ‘Yes‘.

How to Install XAMPP and WordPress

XAMPP setup wizard will guide you through the installation.

Click ‘Next’.

How to Install XAMPP and WordPress

Select the components you want to install and un-check the remaining components.

Click ‘Next‘.

How to Install XAMPP and WordPress

During the installation process, choose a folder to install XAMPP.

I’m going to create a new folder in “C:\xampp“.

Click ‘Next‘.

How to Install XAMPP and WordPress

Next window, you will be asked that whether you would like to install Bitnami For XAMPP which provides free installers that can install Drupal, Joomla, WordPress and many other open source applications on top of your existing XAMPP installation.

As we are going to install WordPress website manually, untick on ‘Learn more about Bitnami for XAMPP’.

Click ‘Next‘.

How to Install XAMPP and WordPress

After completing all the steps during the installation process, Now XAMPP is Ready to install.

Click ‘Next‘.

How to Install XAMPP and WordPress

After installing the XAMPP setup on your computer, you will be asked to start the Control Panel now then check the option.

Click ‘Finish‘.

How to Install XAMPP and WordPress

To start the server, Click ‘Start’ of Apache and MySQL Module.

How to Install XAMPP and WordPress

Enter the URL – “localhost” or can also Enter – 127.0.0.1 to open the localhost dashboard.

How to Install XAMPP and WordPress

Download and Install WordPress

Download the latest version of  WordPress

How to Install XAMPP and WordPress on Windows

To get WordPress with XAMPP, we need to unzip the installed WordPress folder.

Go to the XAMPP folder on your computer,

Open the “htdocs” folder ( “C:\xampp” ) 

Unzip WordPress folder into “htdocs” folder.

The unzipped file name in “htdocs” folder is “wordpress“.

How to Install XAMPP and WordPress

Enter the URL – “localhost\wordpress

Click “Continue“.

How to Install XAMPP and WordPress

Before accessing the WordPress Website, we need to create some information on the database which provides the Database name, Database username, Database password, Database host, Table prefix ( if you want to run more than one WordPress in a single database ). Click “Let’s go!“.

How to Install XAMPP and WordPress
How to Install XAMPP and WordPress

To establish a database connection, first, you should create a database in the database server.

Enter the URL – “localhost/phpmyadmin

How to Install XAMPP and WordPress

Click “New

Enter the database name in the first field of “Create database”.

Database name – exampledb

In the second field select the first option “Collation”.

Click “Create

How to Install XAMPP and WordPress

Click on “Privileges

How to Install XAMPP and WordPress

Click on “Add user account

How to Install XAMPP and WordPress

Add the login information to create user account.

How to Install XAMPP and WordPress

Click on “Check all” field in Global privileges.

Click “Go

How to Install XAMPP and WordPress

An account is created with the particular details.

Now enter the details in the fields.

Click “Submit

How to Install XAMPP and WordPress

Now WordPress can communicate with your database.

Click “Run the installation”

How to Install XAMPP and WordPress

You will be directed to the Welcome page of WordPress installation process.

Fill the information below in the fields.

Click “Install WordPress

How to Install XAMPP and WordPress

Now WordPress is successfully installed in your device.

How to Install XAMPP and WordPress

How to Check your current WordPress Version

One of easy method to check the WordPress version is from your WordPress Dashboard.

Login to WordPress Admin

From ‘Dashboard’ Section

On the top of the page, you can find a section named ‘At a Glance’, where it provides the WordPress version of your website.

find WordPress version, from dashboard

If  ‘At a Glance’ section is hidden,
on the top right of the page click on ‘Screen Options‘ and check ‘At a Glance’ option.

Or at any WordPress admin page, scroll down to the bottom of the page. And at the bottom right corner, we can find the WordPress version.

Another best way to view the current version with small description, release note link is from /wp-admin/about.php

example.com/wp-admin/about.php
check wordpress latest versions
latest release notes

Using WordPress functionality

‘get_bloginfo’ retrieves the information about the current WordPress website. By using ‘version’ parameter we get the WordPress current Version.

get_bloginfo('version');

Update PHP Version

IF You are using Self hosted services. you have access to SSH.

You can install the PHP Version with this command

sudo apt-get install php

PHP will update/ install the default version available in Server repository, or if your server package don’t have the latest version available can install latest version available package and then install PHP.

To add a specific version add version number as suffix.

sudo apt-get install php7.1

Check the php Version

php -v

Managed Hosting/ cPanel

If your using Managed hosting Server, you may not have access to SSH, but most of hosting services providers like hostgator, bluehost.  They will provide cPanel or similar framework to maintain the server.

From cPanel at PHP filed you can update/ Change the PHP Version.

If your hosting provider is not have any option to update the PHP Version, contact the hosting provider.

Update PHP in HostGator using cPanel

Update PHP in inmotionhosting using cPanel

WordPress Vs Squarespace

WordPress Vs Squarespace both are good at website building, both have the potential to build excellent websites with high performances.

WordPress:

WordPress is an open source platform, where the user can modify to use and customize.

So all the developers/programmers use WordPress to create their own tools such as templates, themes, plugins to share for free or sell their plugins to WordPress users.

WordPress platform will continually update to improve its security level. When there are any updates you will be notified in the dashboard.

WordPress provides thousands of templates using coding, you can use it for free or else you can edit the code and create your own template, all you need is to have some coding skills.

Squarespace:

Squarespace is a closed source platform, the developers of this source are responsible to create all their tools.

All the website building tools are developed by the same team in order to specify that their tools are not conflicted with each other and are high at the performance.

As it is a closed source website builder, all the performances will be done by the team according to the changes and requirements.

Squarespace can customize your template using drag and drop control that doesn’t require any coding knowledge.


The article was incomplete, you can contribute by editing the article. If you are interested please contact us.

How to Change WordPress Timezone

To change the WordPress Timezone,

From the WordPress Dashboard

Settings -> General

Scroll down to get the “Timezone” section.

Change timezone settings

 

WordPress provides two options to change the time zone

-> By selecting Universal time clock (UTC).  ( To Know UTC TimeZone )

-> By selecting the City name in the same Timezone

E.g: For India, UTC timezone is +5:30 or choose one of the city name available in that same timezone (Kolkata).

After changing the time zone, click on “save changes”.


Posts, Pages created on the WordPress will save the time based on the timezone settings.

Some plugins run background task like taking the backup, doing cronjobs. They get the time based on this timezone settings.

Add Facebook Messenger on your Website

By adding Facebook Messenger on your WordPress Website, your Website vistors can interacting with the people who visited your website.

To Install WP-Chatbot on WordPress Website.

From WordPress Dashboard

Navigate to  Plugins -> Add New

Search for the keyword “WP Chatbot”

Add facebook messenger on your website

Now install the plugin and click on activate.

After activate the plugin go to the settings.

Add facebook messenger on your website

Plugins Settings

WP-Chabot Settings
WP-Chabot Settings

WP – Chatbot provides many customise settings.

Enable ‘Yes’,

All the fields are not mandatory and only one field is required ‘Facebook Page Id’. Don’t forget to add the whitelist domain name at facebook page settings.

Add Facebook Page Id. Click on save changes.

Find Facebook Page ID 

Whitelist domain name

Don’t forget to add the domain name to the Facebook page settings.

To add the domain name, go to the facebook page settings, click on messenger platform, scroll down you can find the field named Whitelisted Domain, add the domain name of your website in that particular field. Click on save changes. 

add facebook messenger on your website

Now visit your website you can find the Facebook messenger on your web page.


Other Plugin Settings

Facebook App-Id:
Facebook App-Id is not mandatory, but by adding app-id analytics page can be viewed.

Color:
Can change the Messenger theme color by selecting the various colors and is the field is left blank default color will appear.

Logged in Greeting:
This field is left empty for default message and displays the greeting message when the user is logged in

Logged out Greeting:
This field is left empty for default message and displays the greeting message when the user is logged out.

Greeting Dialogue Display:
By default, Greeting Dialogue Display will display on Desktops, and hide on Mobile Devices.

Greeting Dialogue Delay:
Set the number of seconds of delay before the greeting dialog is shown after the Facebook SDK is loaded.

Messenger Language:
Most of the languages are not been added yet, as Facebook SDK doesn’t support all the languages.

Ref:
There are multiple ways to use ref attribute.
Based on the Ref value, you can arrange the bot to start the chat from a specific place.

Hide Based on Post Type:
Can hide the messenger based on the type of the page.
If it is checked ( ticked ) it means Hide Messenger.

Post, Page Id’s to Hide:
To Hide Messenger on selected posts, pages or any post type, Add post ID in ‘Post, Page ID’s to Hide‘ field.

Categories to Hide:
Based on Category name, we can hide Messenger.
To hide multiple categories — Separate each category with a comma (,)

Hide Based on Devices:
Can hide the messenger based on the type of the device that is checked/ticked.

Shortcode name:
Default shortcode name is ‘chatbot’.
Can change the name, by adding some value at ‘Shortcode name’ field and save.