Category Archive Hosting Article

Cheap ASP.NET 4.6 Hosting Recommendation

What’s New in SharePoint Framework (SPFx 1.10)?

Introduction

A very quick definition of SharePoint Framework: It is an application framework used to build and extend modern experiences in SharePoint.

The only option that’s been available in the initial SPFx release (in early 2017) webparts, and later 2017 extensions been released to customize more facets of the SharePoint experience, including notification areas, toolbars, and list data views.

SPFx features hosted scenarios in classic, modern, system pages, App pages & with Teams are either webparts / extensions or both as below.

This framework is evolving constantly. Microsoft announced major development areas in the SPFx framework, and the below features are quite impressive. We are going to discuss this in forthcoming articles and a more detailed discussion with the GA feature in the new SPFx 1.10 framework.

The interesting areas are:

  1. Web Parts
  2. Extensions
  3. Domain Isolated webparts
  4. App Pages
  5. Graph API support
  6. Support for Teams &
  7. Supporting 3rd party API’s with AAD security

The SPFx 1.10 release has the below General Availability features:

  • Pre-allocated application customizer placeholders
  • SharePoint Framework for Teams – Personal tab support
  • SharePoint Framework for Teams – Added support for Teams mobile app
  • List notification API

And Developer Preview Features has:

  • Query modification extension
  • SPFx support for Office Add-ins
SEO Tips - SEO Friendly URL Structure in WordPress

Bootstrap in ASP.NET MVC Tutorial

Introduction

  • MVC is a framework for building web applications with the MVC design.

Now what is MVC?

  • MVC is a model-view-control design that seprates buisness logics ,UI design and user interaction.
    mvc
  • Model deals with the business layer that is classes and the properties.
  • View is the part that deals with the display of data on the screen.
  • Controller interacts with the view and gets the user inputs from view.
  • Controller sends input to the model and in return, model sends output to the controller after performing actions.
  • Controller then displays the output on screen.
  • In traditional webform pattern code and design file is same and if we place the control on the design page that reflects in the code file also.
  • In Mvc design this file system is replaced.Here we put all the logic in one file called controller.From one controller we can call different UI.
  • In controller there is ActionResult that returns action against the ActionResult.
  • There is a view created against the ActionResult with the same name as the action result.
  • If we created the view against an ActionResult then in the Views folder a folder is created with the same name as of controller containing the views of that controller only.
Start by creating the project
  • Open the VS create new project,find ASP.NET MVC 4 Web Application.
    Open
  • After that a window appears select Internet Application and click OK.
    Internet Application
  • Mvc project will be created.
  • SolutionExplorer shows many folders.
    folders
  • Here in the solution explorer every folder has unique meaning.
  • Properties folder contains the version information and some other information about the project.
  • References store the refrence dlls required in the project.
  • App_Start contains the configuration files.
  • Content folder contain the css files.
  • Controllers folder contain the controllers for code.
  • Models folder contain the classes for buisness logics.
  • Scripts contain the javascript files.
  • Views folder contains views for the controllers.

Download CSS and JS files for bootstrap.

  • Go to the References folder right click on the folder >Find>Manage NuGet Packages>Click on the option.
  • Install bootstrap package.
    boostrap
  • Bootstrap is installed automatically and css files are saved in content folder and js files are saved in script folder.

Now register css and scripts for entire project.

  • Go to the App_Start folder > Open BundleConfig.cs,
  • Delete the code in the RegisterBundles method and replace with the given code.
public class BundleConfig    
   {    
       public static void RegisterBundles(BundleCollection bundles)    
       {    
           StyleBundle(bundles);    
           ScriptBundle(bundles);    
       }   

       public static void StyleBundle(BundleCollection bundles)    
       {    
           bundles.Add(new StyleBundle("~/css")    
                    .Include("~/Content/bootstrap.css"));    
       }    

       public static void ScriptBundle(BundleCollection bundles)    
       {    
           bundles.Add(new ScriptBundle("~/js")    
                    .Include("~/Scripts/jquery-{version}.js")    
                    .Include("~/Scripts/bootstrap.js"));    
       }    
   }
  • StyleBundle method register the css files.
  • ScriptBundle method register the js files.
  • Check the path of the files.
  • ~/css and ~/js are the root path for css and js files.
  • Call the both methods in the RegisterBundle method.
  • Check the path of the files carefully.
Now create the layout page for the entire project.
  • Go to the views folder find shared folder inside views folder.
  • Open _Layout.cshtml present in shared folder.
  • Write below given code,
<!DOCTYPE html>    
<html lang="en">    
<head>    
    <meta charset="utf-8" />    
    <title>@ViewBag.Title - My ASP.NET MVC Application</title>    
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />    
    <meta name="viewport" content="width=device-width" />    
    @Styles.Render("~/css")    
</head>    
<body>    

    <nav class="navbar navbar-inverse">    
        <div class="container-fluid">    
            <!-- Brand and toggle get grouped for better mobile display -->    
            <div class="navbar-header">    
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">    
                    <span class="sr-only">Toggle navigation</span>    
                    <span class="icon-bar"></span>    
                    <span class="icon-bar"></span>    
                    <span class="icon-bar"></span>    
                </button>    
                <a class="navbar-brand">Mvc App</a>    
            </div>    
    
            <!-- Collect the nav links, forms, and other content for toggling -->    
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">    
                <ul class="nav navbar-nav">    
                    <li class="active"><a href="#">1st LINK</a></li>    
                    <li><a href="#">2nd Link</a></li>    
                    <li class="dropdown">    
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Link Dropdown<span class="caret"></span></a>    
                        <ul class="dropdown-menu">    
                            <li><a href="#">SubLink1</a></li>    
                            <li><a href="#">SubLink2</a></li>    
                            <li><a href="#">SubLink3</a></li>    
                            <li role="separator" class="divider"></li>    
                            <li><a href="#">SubLink4</a></li>    
                            <li role="separator" class="divider"></li>    
                            <li><a href="#">SubLink5</a></li>    
                        </ul>    
                    </li>    
                </ul>                  
                <ul class="nav navbar-nav navbar-right">    
                    <li><a href="#">Right side links</a></li>    
                    <li class="dropdown">    
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Link Dropdown<span class="caret"></span></a>    
                        <ul class="dropdown-menu">    
                            <li><a href="#">1st Link</a></li>    
                            <li><a href="#">2nd Link</a></li>    
                            <li><a href="#">3rd Link</a></li>    
                            <li role="separator" class="divider"></li>    
                            <li><a href="#">4th Link</a></li>    
                        </ul>    
                    </li>    
                </ul>    
            </div>    
            <!-- /.navbar-collapse -->    
        </div>    
        <!-- /.container-fluid -->    
    </nav>    
    <div class="container">    
        @RenderBody()    
    </div>    
    
    @Scripts.Render("~/js")    
    @RenderSection("scripts", required: false)    
</body>    
</html>
  • In the code given above we define the layout for entire project.
  • @Styles.Render(“~/css”) this is used to render the css files that included in the bundleConfig.cs file.
  • In the body tag nav bar is placed that is used to place the links for the page redirection.
  • This layout of bootstrap is fully responsive.
  • @RenderBody() is used to render the content on the page.
  • @Scripts.Render(“~/js”) include all the js files that included in the BundleConfig.cs file.
  • Now HomeController is created automatically inside the controllers folder.
  • View against the ActionResult is also created automatically.
  • Now inside the views folder find folder named Home ,find Index.cshtml view inside the Home folder.
  • Replace the code with the below given code.
@{    
    ViewBag.Title = "Home Page";    
}    
<h1>Your 1st MVC app created.</h1><br />    
<h1><a href="">Click here next part is pretty intresting.</a></h1>
  • Now run the application.Result will look like this.
    result
Start with your own project.

How To Create Database Table in Magento

Module File Structure

We updated our module file structure looks as follows:

magetop helloworld file struture

Create file module.xml and registration.php

The job of creating these 2 files I have detailed instructions and explanations in the previous article. You can read it here.

Create file InstallSchema.php

You create this file according to the path: Magetop/Helloworld/Setup/InstallSchema.php.

We will create a table name magetop_blog with fields: id, title, description, created_at, status.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<?php
namespace Magetop\Helloworld\Setup;
use Magento\Framework\DB\Ddl\Table;
use Magento\Framework\Setup\InstallSchemaInterface;
use Magento\Framework\Setup\SchemaSetupInterface;
use Magento\Framework\Setup\ModuleContextInterface;
class InstallSchema implements InstallSchemaInterface
{
    public function install(SchemaSetupInterface $setup, ModuleContextInterface $context)
    {
        $installer = $setup;
        $installer->startSetup();
        $tableName = $installer->getTable('magetop_blog');
        //Check for the existence of the table
        if ($installer->getConnection()->isTableExists($tableName) != true) {
            $table = $installer->getConnection()
                ->newTable($tableName)
                ->addColumn(
                    'id',
                    Table::TYPE_INTEGER,
                    null,
                    [
                        'identity' => true,
                        'unsigned' => true,
                        'nullable' => false,
                        'primary' => true
                    ],
                    'ID'
                )
                ->addColumn(
                    'title',
                    Table::TYPE_TEXT,
                    null,
                    ['nullable' => false, 'default' => ''],
                    'Title'
                )
                ->addColumn(
                    'description',
                    Table::TYPE_TEXT,
                    null,
                    ['nullable' => false, 'default' => ''],
                    'Description'
                )
                ->addColumn(
                    'created_at',
                    Table::TYPE_DATETIME,
                    null,
                    ['nullable' => false],
                    'Created At'
                )
                ->addColumn(
                    'status',
                    Table::TYPE_SMALLINT,
                    null,
                    ['nullable' => false, 'default' => '0'],
                    'Status'
                )
                //Set comment for magetop_blog table
                ->setComment('Magetop Blog Table')
                //Set option for magetop_blog table
                ->setOption('type', 'InnoDB')
                ->setOption('charset', 'utf8');
            $installer->getConnection()->createTable($table);
        }
        $installer->endSetup();
    }
}

Create file InstallData.php

Next, we will insert data for the magetop_blog table.

You create this file according to the path:Magetop/Helloworld/Setup/InstallData.php.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?php
namespace Magetop\Helloworld\Setup;
use Magento\Framework\Setup\InstallDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;
class InstallData implements InstallDataInterface
{
    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        $setup->startSetup();
        $tableName = $setup->getTable('magetop_blog');
        //Check for the existence of the table
        if ($setup->getConnection()->isTableExists($tableName) == true) {
            $data = [
                [
                    'title' => 'How to Speed Up Magento 2 Website',
                    'description' => 'Speeding up your Magento 2 website is very important, it affects user experience. Customers will feel satisfied when your site responds quickly',
                    'created_at' => date('Y-m-d H:i:s'),
                    'status' => 1,
                ],
                [
                    'title' => 'Optimize SEO for Magento Website',
                    'description' => 'One of the important reasons why many people choose Magento 2 for their website is the ability to create SEO friendly',
                    'created_at' => date('Y-m-d H:i:s'),
                    'status' => 1,
                ],
                [
                    'title' => 'Top 10 eCommerce Websites',
                    'description' => 'These are the websites of famous e-commerce corporations in the world. With very large revenue contributing to the world economy',
                    'created_at' => date('Y-m-d H:i:s'),
                    'status' => 0,
                ],
            ];
            foreach ($data as $item) {
                //Insert data
                $setup->getConnection()->insert($tableName, $item);
            }
        }
        $setup->endSetup();
    }
}

Increase the version in module.xml

If you have just created this module and you have not declared it on the database yet, you do not need to increase the version in module.xml

If you have already declared this module on the database, please increase the version in module.xml

increase version

Run the command

You need to run 2 commands:

php bin/magento setup:upgrade
run setup upgrade
php bin/magento setup:db-schema:upgrade
run setup schema upgrade

Check in the database

Please check on the database and You will see your accomplishment.

check in database 1
check in database

Upgrade table in the database

Next, I will guide you to add fields to the created table and create a new table in UpgradeSchema.php.

You create this file according to the path: Magetop/Helloworld/Setup/InstallData.php.

In the following code, I will implement two field image, category_id and create a new table magetop_blog_categories.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<?php
namespace Magetop\Helloworld\Setup;
use Magento\Framework\DB\Ddl\Table;
use Magento\Framework\Setup\UpgradeSchemaInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\SchemaSetupInterface;
class UpgradeSchema implements UpgradeSchemaInterface
{
    public function upgrade(SchemaSetupInterface $setup, ModuleContextInterface $context)
    {
        $setup->startSetup();
        //Add new fields to the created table
        if (version_compare($context->getVersion(), '1.0.2') < 0) {
            $table = $setup->getTable('magetop_blog');
            //Check for the existence of the table
            if ($setup->getConnection()->isTableExists($table) == true) {
                // Declare data
                $columns = [
                    'image' => [
                        'type' => Table::TYPE_TEXT,
                        ['nullable' => true],
                        'comment' => 'Image',
                    ],
                    'category_id' => [
                        'type' => Table::TYPE_INTEGER,
                        ['nullable' => false, 'default' => 0],
                        'comment' => 'Category ID',
                    ],
                ];
                $connection = $setup->getConnection();
                foreach ($columns as $name => $definition) {
                    $connection->addColumn($table, $name, $definition);
                }
            }
        }
        //Create a new table
        if (version_compare($context->getVersion(), '1.0.2') < 0) {
            $categories = $setup->getTable('magetop_blog_categories');
            //Check for the existence of the table
            if ($setup->getConnection()->isTableExists($categories) != true) {
                $tableCategories = $setup->getConnection()
                    ->newTable($categories)
                    ->addColumn(
                        'cat_id',
                        Table::TYPE_INTEGER,
                        null,
                        ['identity' => true, 'unsigned' => true, 'nullable' => false, 'primary' => true],
                        'Category Id'
                    )
                    ->addColumn(
                        'status',
                        Table::TYPE_SMALLINT,
                        null,
                        ['nullable' => false, 'default' => 1],
                        'Status'
                    )
                    ->addColumn(
                        'cat_title',
                        Table::TYPE_TEXT,
                        null,
                        ['nullable' => false, 'default' => ''],
                        'Category Title'
                    )
                    ->addColumn(
                        'created_at',
                        Table::TYPE_TIMESTAMP,
                        null,
                        ['nullable' => false],
                        'Created At'
                    )
                    //Set comment for magetop_blog table
                    ->setComment('Magetop Blog Categories')
                    //Set option for magetop_blog table
                    ->setOption('type', 'InnoDB')
                    ->setOption('charset', 'utf8');
                $setup->getConnection()->createTable($tableCategories);
            }
        }
        $setup->endSetup();
    }
}

We will insert data for the magetop_blog_categories table.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?php
namespace Magetop\Helloworld\Setup;
use Magento\Framework\Setup\UpgradeDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;
class UpgradeData implements UpgradeDataInterface
{
    public function upgrade(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        $setup->startSetup();
        if (version_compare($context->getVersion(), '1.0.2') < 0) {
            $tableName = $setup->getTable('magetop_blog_categories');
            //Check for the existence of the table
            if ($setup->getConnection()->isTableExists($tableName) == true) {
                $data = [
                    [
                        'cat_title' => 'News',
                        'status' => 1,
                        'created_at' => date('Y-m-d H:i:s'),
                    ],
                    [
                        'cat_title' => 'Tutorials',
                        'status' => 0,
                        'created_at' => date('Y-m-d H:i:s'),
                    ],
                    [
                        'cat_title' => 'Uncategorized',
                        'status' => 0,
                        'created_at' => date('Y-m-d H:i:s'),
                    ]
                ];
                foreach ($data as $item) {
                    //Insert data
                    $setup->getConnection()->insert($tableName, $item);
                }
            }
        }
        $setup->endSetup();
    }
}

Do not forget to increase the version in module.xml!.

Finally, run the two commands above and enjoy the result.

check magetop blog categories table
check new field in magetop blog table
check magetop blog categories in database

I hope through this series you can create your own complete module. Good luck!

Cheap phpBB 3.1.9 Hosting Recommendation

How to Fix the Error Establishing a Database Connection in WordPress

Are you seeing the ‘Error establishing a database connection’ notice on your WordPress website? It is a fatal error that makes your WordPress website inaccessible to the users.

This error occurs when WordPress is unable to make a connection to the database. A number of things can affect your WordPress database connection which makes it a bit difficult for beginners to troubleshoot.

In this article, we will show you how to easily fix the error establishing a database connection in WordPress.

What Causes Error Establishing a Database Connection in WordPress?

The ‘Error establishing a database connection’ issue can be caused by incorrect database information in your WordPress settings, corrupt database, or an irresponsive database server.

Database connection error in WordPress

A database is a software which makes it easy to store, organize, and retrieve data into other software.

As a content management system, WordPress uses a database to store all your content and other website data. It then connects to the database each time someone visits your website.

WordPress needs the following information for connecting to the database:

  • Database name
  • Database username
  • Database password
  • Database server

This information is stored in your WordPress configuration file called wp-config.php.

If any of these items are incorrect, WordPress would fail to connect to your database server, and you’ll see the ‘Error establishing a database connection’ error.

It is one of the most common WordPress errors. Apart from incorrect credentials, this error can also appear if the database server is down, or the database files are corrupt.

Let’s take a look at how to fix error establishing database connection issue in WordPress with step by step troubleshooting.

1. Check Your WordPress Database Credentials

The most common reason for database connection error in WordPress is incorrect database credentials. If you have recently moved your WordPress site to a new host, then this could be the most likely reason.

Your WordPress database credentials are stored in the wp-config.php file. It is the WordPress configuration file that contains important WordPress settings including database information.

You’ll be looking for the following lines in the wp-config.php file.

1
2
3
4
5
6
7
8
9
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define( 'DB_NAME', 'database_name_here' );
/** MySQL database username */
define( 'DB_USER', 'username_here' );
/** MySQL database password */
define( 'DB_PASSWORD', 'password_here' );
/** MySQL hostname */
define( 'DB_HOST', 'localhost' );

You need to make sure that the information for the database name, username, password, and database host is correct.

You can confirm this information from your WordPress hosting account dashboard. Simply log in to your hosting account and click on MySQL databases under the database section.

This will take you to the database management page in your hosting dashboad. From here, you can find out your database name and the username.

Database name and username

Below that you will find the database users and links to change the user password.

Changing database user password

Once you have confirmed your database name, username, and password, you can change that information in your wp-config.php file if needed.

After that, try visiting your website again to see if the database connection error has gone.

If you can still see the error, then this means that something else is wrong. Continue reading for more troubleshooting steps.

2. Check Your Database Host Information

If you are confident that your database name, username, and password information is correct, then you may want to make sure that you are using the correct database host information.

Most WordPress hosting companies use localhost as your database host. However, some managed WordPress hosting companies use separate servers to host databases. In that case, your database host information will not be localhost.

You need to contact your WordPress hosting company to confirm your database host information.

3. Repair WordPress Database

If you are getting a different error on the wp-admin, for instance, something like “One or more database tables are unavailable. The database may need to be repaired”, then you need to repair your database.

You can do this by adding the following line in your wp-config.php file. Make sure to add it just before ‘That’s all, stop editing! Happy blogging’ line wp-config.php.

1
define('WP_ALLOW_REPAIR', true);

Once you have done that, you can see the settings by visiting this page: http://www.yoursite.com/wp-admin/maint/repair.php

Repair WordPress database

Note: the user does not need to be logged in to access the database repair page. Once you are done repairing and optimizing your database, make sure to remove this code from your wp-config.php.

4. Check if Your Database Server is Down

If everything seems to be correct, and WordPress still cannot connect to the database, then your database server (MySQL server) may be down.

This could happen due to heavy traffic on a server. Basically, your host server just cannot handle the load (especially when you are on shared hosting).

Your site will get really slow and for some users it may even output the error. So the best thing you should do is get on the phone or live chat with your hosting provider and ask them if your MySQL server is responsive.

If you have other websites running on the same server, then you can check those sites to confirm that your SQL server is down.

If you do not have any other site on the same hosting account, then simply go to your hosting dashboard and try to access phpMyAdmin and connect the database.

If you can connect, then we need to verify if your database user has sufficient permission. Create a new file called testconnection.php and paste the following code in it:

1
2
3
4
5
6
7
8
<?php
$link = mysqli_connect('localhost', 'username', 'password');
if (!$link) {
die('Could not connect: ' . mysqli_error());
}
echo 'Connected successfully';
mysqli_close($link);
?>

Make sure to replace the username and password. You can now upload this file to your website and access it via web browser.

If the script connected successfully, then it means that your user has sufficient permission, and there is something else that is wrong.

Go back to your wp-config file to make sure that everything there is correct (re-scan for typos).

Other Solutions That Have Worked for Users

If the above-mentioned troubleshooting tips failed to fix the database connection error on your website, then you may try these additional steps.

Reported by our users, these steps have helped some users resolve the database connection error on their websites.

1. Update WordPress Site URL

Try updating the WordPress site URL using phpMyAdmin. Simply access phpMyAdmin from your hosting account dashboard, and select your WordPress database.

Running SQL in phpMyAdmin

After that click on the SQL menu on the top and enter the following MySQL query.

1
UPDATE wp_options SET option_value='YOUR_SITE_URL' WHERE option_name='siteurl'

Don’t forget to provide your own site URL and change wp_options to your own table name as you may have changed the WordPress table prefix.

2. Rebooting Web Server

Users on dedicated servers, local server, and virtual private servers (VPS) can try rebooting their servers.

This will restart your web and database server which may fix some temporary glitches causing the error.

3. Ask for help

If everything else fails, then you may need to contact your web hosting company. All good WordPress hosting companies will help you troubleshoot the problem, point you in the right direction, or even fix it for you.

We hope this article helped you fix the error establishing a database connection in WordPress.

Cheap DotNetNuke 8.0.2 Hosting Recommendation

How to Integrate WordPress and Youtube

It’s estimated that a billion hours of online video are viewed every day. This means the medium is an extremely popular and potentially effective way to communicate with huge numbers of potential customers.

When combined with WordPress, YouTube videos are a low-hassle way to target your site’s visitors. For example, a landing page including a YouTube video could benefit from an increase in User Experience (UX), and more importantly, take advantage of a boost to its share rates. What’s more, you’ll likely experience a higher search engine ranking, as popular engines often prioritize video.

In this post, you will find out how to include YouTube videos on your WordPress website, and we’ll also look at some popular plugins for getting the job done!

Embedding YouTube Videos on WordPress

Embedding a YouTube video in a WordPress page or post is a relatively easy process. First of all, you’ll need to grab the URL of the YouTube video you’d like to embed by clicking the Share button:

Embed youtube videos on wordpress

In the pop-up, you can either copy the URL that displays, or if you’d like to display your video in an ‘iFrame’, click on Embed, which provides you with the code you’ll need:

how to imbed a video on wordpress

Copy the URL or code, log into your WordPress dashboard, and open either a new post or an existing one. From here, select the Text editor, then paste in the code:

steps to embed a video on wordpress

Next, switch to the Visual editor, which will display your embedded video:

steps to embed a video on wordpress

At this point you can carry out some basic adjustments by clicking the video and selecting the Pencil icon.

WordPress YouTube Plugin

Of course, it will be no surprise that WordPress offers a number of plugins to provide you with advanced options for embedding YouTube videos on your website. Let’s take a look at three examples.

1. YouTube Embed

Youtube Embed plugin for wordpress

First, the YouTube Embed plugin is designed to give you more control over the videos you add to your website. It lets you customize the videos you embed, the YouTube channel you add, and also your YouTube Live Stream. It’s a full-featured plugin that is a great option for all manner of site owners.

2. YouTube Gallery

Youtube Gallery for embedding videos on wordpress

Next up, the YouTube Gallery plugin enables you to display your embedded YouTube videos in either a gallery or a grid, depending on your requirements. It gives you more control over how your videos are displayed, which will be great for media-heavy WordPress sites.

3. Gallery – Video Gallery and Youtube Gallery

Embed youtube videos on wordpress with Gallery

Finally, if you’re looking for a way to display your YouTube videos in a unique way, this plugin is worth considering. There are seven stylish views to choose from, and a wealth of customizations to help match your videos to the design and branding of your website.

WordPress YouTube Shortcodes

If you don’t want to add another plugin to your WordPress website, you could also use WordPress shortcodes. In short, they let you to modify and customize specific features and aspects of your embedded YouTube videos. WordPress includes the

shortcode out of the box.

You’ll likely want to change the video dimensions to better fit your site’s design, although other customizations such as player alignment, whether you hide related videos or the information bar, and changed the appearance of the player itself are all options to consider.

To achieve this, simply wrap your YouTube URL within the [ embed][ /embed] shortcode, like so:

You’ll then see the video displayed within the Visual editor:

Embed video on wordpress

Of course, you’ll also want to check that your video looks good on the front end too, and make any changes as necessary until you’re happy with your results.

YouTube Widgets

There are many instances where you’ll want to embed a video in the sidebar, footer, or header of your WordPress website. We can achieve this with widgets.

To do so, navigate to Appearance > Widgets in your WordPress dashboard. From here, drag the Text widget into the area you want to embed your video. Next, either add the code, URL, or shortcode as we previously outlined, and click Save once you’re done:

embed videos on wordpress with widgets

After saving your widget, remember to check your front end to make sure the video appears as you expect. You can essentially make the same customizations as you would when embedding a video into your main page’s content.

Video Schema for WordPress

Every website owner and website developer should continually look for ways to rank as highly as possible on search engines. ‘Schema markup’ (also referred to as ‘rich snippets’ or ‘structured data’), is a group of tags that simply tell search engines what a certain piece of site content is about.

Of course, it’s important that your content gets noticed through organic search, and Schema markup makes this possible. What’s more, it can also be applied to your embedded YouTube videos using VideoObject Schema.

When implemented correctly, search engines will display a wealth of information on your video, such as its duration, thumbnail, description, and much more. This could lead to higher Click-Through Rates (CTR), resulting in a boost in traffic. Of course, the more traffic you receive, the greater your conversion rates could be.

In a nutshell, embedding a YouTube video into your WordPress website is easy. In addition, the benefits you’ll receive could see your conversion rate and traffic levels skyrocket. This means it’s essential to have reliable and fast hosting that you can depend on.

Cheap Orchard 1.10 Hosting Recommendation

Best Paid & Free WooCommerce Email Customizer Plugins

Why Use WooCommerce Email Customizer Plugin?

There are many online stores using default WooCommerce emails, so if you just add any customization to your emails, you are going to stand out from the competition.

To be successful in business, you need to have something that makes your business instantly recognizable. Your branding needs to be consistent across all the channels that you use to communicate with your customers.

Transactional emails are not there only to confirm the order a customer has just made, they also have a number of other uses. The first email that a customer receives when they have signed up to your mailing list could persuade them to make a purchase.

how to customize woocommerce emails

When a purchase has been made, the email confirming purchase can give details of other products that the customer may be interested in. This way, you are providing the customer a look at your products without even directing him to your site.

Advantages of customized emails:

  • Your emails will be visually appealing and impressive
  • The emails can be designed so that they meet your needs
  • Conversions and engagement will increase
  • The emails can be made interactive
  • Your business will appear professional, and this will increase consumer confidence

Best WooCommerce Email Customizer Plugins

There are several WooCommerce email customizer plugins available, and it can be hard to know which one is going to be best for your circumstances. Some of the best plugins are listed below with a description of their features so you can easily make your decision which one best fits your needs.

1. Email Customizer for WooCommerce with Drag and Drop Email Builder – $49
This is a straightforward plugin to use due to the drag and drop functionality. You just need to select the email sample you want to use, and you can begin the customization process.

The types of things that you can add to an email using this plugin include logos, images, and social media icons. You are also able to edit the header and the footer of the email.

This plugin differs from a lot of others as it allows you to edit the body of the email, not just the header and footer. The drag and drop builder is straightforward to use and can help you create professional emails.

Email Customizer for WooCommerce with Drag and Drop Email Builder

Email Customizer for WooCommerce plugin has several other elements that can be added to emails, which will help your business get the most out of any emails sent. One example of these elements is the ability to add a coupon to an email.

Coupons can be used by the customer to get a discount on the next purchase or any other type of discount that you want to offer. These types of offers can be very effective at encouraging customer loyalty.

All default emails that are available through the WooCommerce platform can be edited using this plugin. You can design and customize all the default emails like New order, Cancelled order, Failed order, Order On-hold, Processing order, Completed order, Refunded order, Customer Invoice / Order Details, Customer note, Reset Password, and New account.

2. WooCommerce Email Customizer – $79
The WooCommerce team designed this plugin, so it is one of the better options in terms of functionality. If you want to customize your emails but still fit with the WooCommerce style, then this plugin is a good choice.

WooCommerce Email Customizer

WooCommerce aims to keep things simple for customers and businesses that use their platform. This simplicity can also be found in the WooCommerce Email Customizer plugin, and so it may not be suitable if you want to make a lot of changes to the default emails. However, if you are looking to keep things simple, then this is a perfect choice.

Some of the notable features of this plugin are:

  • All default emails can be customized with their own design
  • The customizer makes use of drag and drop
  • You do not need any coding knowledge

3. WP HTML Mail – Email Designer – FREE

This is a free plugin that will allow you to design your emails so they can be used as you want them to be. The text and images in the email can easily be changed, and you can add and edit pictures.

woocommerce Email Designer plugin

The alignment of the email can also be altered. The plugin has a live preview feature which you can use to see what your changes will look as you make them.

4. Kadence WooCommerce Email Designer – FREE

You can make changes to WooCommerce default emails with Kadence WooCommerce Email Designer without needing any knowledge of coding. Kadence comes with several additional styling options.

Kadence WooCommerce Email Designer

There are pre-built templates within this plugin that can be imported to WooCommerce. Once the template is imported, then you can make further changes to the layout if needed.

The customizer is used to select the email that you want to edit, and then you can make changes from there.

Notable features of the plugin include:

  • Live editing of WooCommerce emails
  • Importing of pre-built templates
  • The font, text, color and other aspects can all be customized
  • Customized settings can easily be imported and exported
  • Inbox email testing

5. Email Customizer for WooCommerce – $30

WooCommerce emails can be fully customized using Email Customizer for the WooCommerce plugin. This includes every aspect of the email, such as headers, footers, colors, social media links, text, and images. You will need to use a shortcode with this plugin and makes use of WordPress customizer.

Email Customizer for WooCommerce

The plugin also contains a live editor, which means that you can see these changes as you make them. You can check everything is in place before it is sent out to your customers.

This plugin works particularly well for:

  • Offering a completely customized email with your own social media links and being able to change the message within the email
  • Being able to see what the customer will see before the email is sent so you can make any necessary changes
  • Being able to preview the changes that are made to any template
  • Resending certain emails such as invoices from orders

6. YITH WooCommerce Email Templates – 59.99 EUR

YITH WooCommerce Email Templates plugin includes templates for emails that can be sent when customers register on your site and when they purchase a product. These emails can be customized so that you can create something professional that customers will associate with your brand.

YITH WooCommerce Email Templates

You can add your own logo to the email as well as change the typography, font, and colors. This allows you to match your emails to the design of your website. You can also use some of the pre-set designs which have been created by UX designers with the needs of business owners in mind.

Features of this plugin include:

  • All WooCommence emails can be stylized
  • All WordPress emails can be stylized
  • Set a default logo that can be used in all templates
  • Place a logo in the header of emails
  • Show a preview of the email that you have created
  • Set up different templates for different types of email
  • The choice of four available templates – default, informal, elegant and casual
  • Advanced style options can be used to change the colors and the typography of the email
  • Customized links can be added to the header of the email
  • Add the links to all the social media sites
  • The product image can be deleted from the content of the email
  • Add different footers for different emails.

7. Visual Email Designer for WooCommerce – PAID ($99) and FREE

Visual Email Designer for WooCommerce plugin can be downloaded from the WordPress repository for free. You can use it to send customized emails to your customers.

You can create templates for each of the default emails that WooCommerce offers, and these emails can be grouped according to the products that they are being sent for.

There is also a premium version of the plugin that gives even more functionality than the standard version.

Visual Email Designer for WooCommerce

One advantage that this plugin has over others is that it includes a template for an additional email called Product Delivered so that customers can be notified when their product arrives.

When it comes to designing, there are three templates category that you can go with:

  • Order based template
  • Product-based template
  • Category based template

To create a template that is order based, you will need to add a new template and then give it a name. There will be a drop-down menu where you can find the option to create a new order based template. When the template has been completed, you can click on the Update button, and this will save the changes that you have made.

If you want to create a different order email for every product that you sell, then this is something you can do with this plugin. You can choose the product as the Design Template Type and add that specific product to the template. When you have finished designing the template, then it can be saved.

If you have too many products in your store to create individual emails for, then you can create a template for product categories instead. This is done in the same way as above, but you will need to select the category as the template type instead of the product.

You can use this plugin for free or go with a premium version for $99.

8. WooMail – WooCommerce Email Customizer – $29

There are more than ten predesigned email templates included in the WooMail plugin that can be used with WooCommerce.

The customization process is straightforward, and once completed, you can preview the email as customers will see it. You can even send a test email to make sure that everything is working.

One of the biggest advantages of using WooMail WooCommerce Email Customizer plugin is that it has a recommended products feature. This will include other products that may interest the customer in the email, which can increase sales.

WooMail WooCommerce Email Customizer

There is a good chance that you are going to find what you are looking for with this plugin as the templates are designed specifically for WooCommerce. If you do want to make changes, then you can use these templates as a starting point, which can potentially save you a lot of time.

Notable features of this plugin include:

  • Extensive options for customization
  • Visualization of changes as they are made
  • More than ten predesigned templates
  • Testing emails before they are sent to customers
  • Unlimited use of shortcode
  • Recommended products feature

9. WooCommerce Email Customizer by Themehigh – FREE and PAID ($39)

WooCommerce Email Customizer by Themehigh is not a drag and drop builder, but it has functions that work similarly. It is a live builder so you can see the changes you are making to the emails in real-time.

There are more than fifteen creative elements in this plugin, and this will allow you to customize the templates as you like.

Email Customizer by Themehigh

Every type of template can be changed using this plugin, which is one of the reasons it is so popular. The templates tab makes it easy for you to assign your customized emails to the email type that it will be used for.

Notable features of this plugin include:

  • Customizations are shown in real-time
  • Over fifteen different design elements
  • Templates can be easily assigned
  • Hooks from WooCommerce emails can be added
  • Dynamic data is included along with placeholders

10. MailPoet  – FREE and PAID

MailPoet is a complete email marketing solution for WordPress and WooCommerce. In addition to their WooCommerce email customizer, you can also use the plugin to send your regular newsletters, last post notifications, and WooCommerce follow-up emails.

mailpoet email customizer

The plugin is free if you have less than 1,000 subscribers, or if you connect it to your own email sending service. Beyond that, plans start at €13/month.

MailPoet’s built-in WooCommerce email customizer allows you to quickly and easily add logos, columns, buttons, additional text areas, social icons, and images to your transactional emails using a drag-and-drop editor. You can also change the font and color styles used throughout your WooCommerce templates.

If you’re concerned about WooCommerce emails being delivered, MailPoet also offers its own transactional email sending service.

Notable features of this plugin include:

  • Easy to use drag-and-drop editor
  • Visualize the changes as you make them
  • Enables you to add extra content areas and manage their layout
  • Transactional email sending included
  • Full suite of other email marketing features included, such as abandoned cart emails and automated purchase follow-up campaigns.

Customizing Your WooCommerce Emails Conclusion

Customers will expect your business to be professional when they make a purchase, and they will expect to see this professionalism in any emails that they receive from you.

There is more to customizing emails than just including your logo somewhere in the header. You also need to make your text stand out, and the plugins that have been discussed above can really help you with this.

Making the right first impression is crucial in business, and you don’t want to let yourself down by sending generic emails.

If you have a well-crafted email, it will help you in strengthening the relationship with the customer. You do not want to leave the reputation of your business in the hands of generic and dull email.

Cheap DotNetNuke 8.0.2 Hosting Recommendation

Best WordPress LMS Plugin to Build an Online Course

Want an easy way to turn your own knowledge and experience into revenue? If you have a WordPress site, all you need is a good WordPress LMS (learning management system) plugin. Fortunately, we have details on 6 of the best WordPress LMS plugins right here.

Creating an online course is an excellent way to create a recurring income no matter your industry. In this article, we’re covering our picks for the best WordPress LMS plugins that make it ridiculously easy to monetize the knowledge and experience you already have.

Ready to get started? Let’s start with a quick overview of the benefits of offering an online course.

Benefits of Creating an Online Course

There are several ways your business will benefit from offering online courses:

Recurring Income

Creating an online course, particularly when you use a WordPress LMS plugin, lets you create recurring income without recurring work. You can create your online course and sell it without the need to put time aside to run it.

Scalability

Online courses are easily scalable to reach many people without repeating the effort.

Greater Reach

You’ll be able to share your knowledge with more people (at less cost to you AND them) than individual contact allows. In other words, you can reach more people because you’re not tied just to your available hours.

Cost-Efficient

With a WordPress LMS plugin, you can say goodbye to costs like:

  • Printed materials
  • Recurring instructor pay
  • Travel
  • Training venue

Easily Personalized

When your course materials are creating with a WordPress LMS plugin, you have an easy way to offer users only what they’re interested in. In addition, you have more control over branding and complete control over what you offer and when.

Better Communication

Online courses create an open channel of communication between users and your company.

Best WordPress LMS Plugins

Now that you know how you can benefit from creating online courses, let’s get into the best WordPress LMS plugins we’ve found to make your online course dreams a reality.

1. MemberPress

MemberPress is a wonderful online membership software that you can use to create an online course. You can use MemberPress to protect course materials as well as give users a place to interact with each other, download information, and receive updates.

With MemberPress, you get a WordPress LMS plugin that’s super easy to set up and works with any theme. But that’s not all. Here are some more awesome features:

  • Unlimited members, memberships, and restricted content
  • Automatic upgrade/downgrade prorations
  • Full subscription and transaction management
  • Unlimited access rules
  • Easy locking of specific pages, posts, hierarchal post types, standalone files, and more
  • Content access drip and access expiration

MemberPress also includes comprehensive reporting, custom registration and account fields, and built-in integrations. And even that’s not all!

With the LearnDash addon for MemberPress, you’ll have a comprehensive membership and online learning solution. MemberPress restricts and manages access to your content, while LearnDash handles learning content delivery and course progression.

Price: Pricing starts at $149/year.

Ideal for: People that want the absolute best way to restrict access to learning materials and courses.

Drawback: MemberPress works best for online courses when combined with a WordPress LMS plugin like LearnDash.

2. LearnPress

Want the best free LMS WordPress plugin? LearnPress is the perfect platform for you.

LearnPress puts you in the driver’s seat, enabling you to build and manage coursework any way you see fit. It comes with a wide range of free tools to help you get your courses off the ground. Best of all, LearnPress’s professional bundle makes it easy to expand your services as your content grows, so that you can meet the needs of new and existing subscribers. These premium features include:

  • Course certificates
  • A content drip addon
  • Management tools for tracking students, grades, and course content

LearnPress also has an extensive library of free and premium add-ons which you can integrate into your eCommerce site, so you can make individual adjustments to your platform while paying for only the add-ons you need.

Keep in mind that LearnPress doesn’t come with a setup wizard like most other WordPress LMS plugins. While you’re able to exercise more control over your content, creating lessons takes a little more time and work.

Price: Free plan available. Pro bundle is $249.99 (one-time).

Ideal for: People looking to minimize start-up fees associated with their online courses.

Drawback: Lack of setup wizard can create a learning curve for beginners.

3. LifterLMS

Whether you’re offering a couple of individual programs or a collection of Massive Open Online Courses (MOOCs), LifterLMS has everything you need, from content management tools to add-ons that target specific segments of your market.

Perfect for building comprehensive courses or training programs, LifterLMS makes it easy to expand on your content by adding course prerequisites, training modules, group memberships, and other tools you can use to customize coursework for specific individuals or entire classes.

But that’s not all. LifterLMS comes with a number of other awesome features that maximize engagement and customer satisfaction, including:

  • End-of-course certificates and achievement badges.
  • Automated emailing.
  • Support for Stripe, PayPal, and Authorize.net.

You can even integrate LifterLMS with other marketing tools, like MailChimp, WooCommerce, and WPForms to boost conversion rates even more.

Price: Pricing starts at $99/year.

Ideal for: People who want to build scalable Learning Management Systems that cater to the unique needs of individuals and small groups.

Drawback: Can quickly become expensive if you need to purchase a lot of add-ons.

4. LearnDash

When it comes to accessibility, the LearnDash WordPress plugin is arguably one of the easiest and most convenient LMS plugins on the market. Its intuitive drag-and-drop design makes it simple for anyone to create quizzes, training programs, and exams with a click of a button.

LearnDash lets you create customized courses that meet the needs of your subscribers. Whether you’re setting prerequisites for students or you want to schedule content using its built-in drip feed feature, LearnDash makes it easier to optimize engagement every step of the way. Also, it’s one of the few WordPress LMS plugins to support SCORM.

Popular LearnDash features include:

  • The ability to choose between membership, subscription, and one-time pricing options.
  • Test and course management tools, like grade books, student metrics, and profiles.
  • Compatibility with most popular payment gateways.

Another awesome LearnDash feature is the optional Course Points setting. Here, students can earn points from completing tasks and lessons, and they can then spend those points unlocking new courses. Not only is it great for increasing engagement, but it’s also a great motivational tool that keeps students wanting more.

Price: Pricing starts at $159. If you want a free alternative that offers many of the same features as LearnDash, take a look at MasterStudy LMS.

Ideal for: Anyone looking for a powerful WordPress education plugin that’s easy to set up and offers an ever-growing range of add-ons and third-party integrations.

Drawback: It has to be integrated with a third-party plugin like WooCommerce or Easy Digital Downloads in order to implement comprehensive payment options.

5. Sensei

Sensei is an LMS/WordPress course plugin created by Automattic, the same company behind WooCommerce and WordPress. As such, Sensei interacts smoothly with both platforms, making it easier for users to implement the plugin into their WordPress sites.

One of the biggest advantages you get with Sensei is its simplicity. It’s arguably one of the easiest plugins to navigate, making it an excellent choice for entrepreneurs searching for an online coaching plugin for their WordPress site.

However, Sensei doesn’t offer much beyond your basic LMS tools. You have to integrate it into WooCommerce in order to monetize your courses, and you’ll need to purchase additional add-ons if you want advanced features like certificates, content drip, and student management tools; all of which are features that come standard with many other WordPress Learning Management System plugins.

Price: Free plan available, but to monetize your courses, you’ll need the WooCommerce Paid Courses addon ($129).

Ideal for: Merchants already running a WooCommerce store and interested in basic LMS services.

Drawback: Not a lot of additional features or add-on support. Best suited for people running simple courses and short training programs.

6. WP Courseware

Powerful and easy to use, WP Courseware lets users create online courses with its intuitive drag-and-drop platform. Designed to be hassle-free and easy to learn, WP Courseware makes it possible to create custom-tailored courses in a matter of minutes.

Once you’ve got the structure of your course in place, you can use WP Courseware’s advanced tools to further customize your services. These features include:

  • Personalized emails sent automatically to students based on their activity.
  • Advanced testing tools like timers and retake limits.
  • Instructor and student grade books.

One thing to keep in mind if you go with WP Courseware is that the platform doesn’t come with its own payment processing gateway. If you want to monetize your content, you’ll need to integrate it with an eCommerce plugin that accepts payments.

Price: Pricing starts at $129 a year for two sites.

Ideal for: Anyone looking to a flexible LMS plugin that’s convenient and quick to learn.

Drawback: No built-in payment support. If you’re looking for a plugin that’s just as user-friendly and has extensive payment support, try Good LMS.

Honorable Mentions

7. Namaste! LMS

A free LMS plugin that offers premium options starting at $47. Basic features include:

  • Course completion certificates.
  • Grading metrics and student progress bar (premium).
  • Award badges for completing specific tasks.

How to Find and Fix Broken Links in WordPress

When you create a website your focus surely is to attract and engage your visitors by providing them useful links on your WordPress website. This is the easiest way to grow your business and keep your users engaged. But what if there are broken links on your site? They will not only annoy your users but will also affect the SEO of your site. Therefore, you should know the ways to find out and fix the broken links present on your WordPress site.

What are Broken Links?

Broken links also known as dead links. They are the links on the web page that no longer exists. When a user clicks on a broken link an error message saying “404 page not found” will display on the page. These broken links can cause serious damage to your WordPress website as well as your business reputation.

However, broken links are a common problem that almost every website faces. Therefore, fixing these broken links strengthen your relationship with your customers and give positive signal to search engines. In order to avoid these potential pitfalls, you should regularly check for broken links on your WordPress site.

What are the Potential Causes of Broken Links?

Broken links happen to be there for multiple reasons.

  • Your user has mis-typed the URL. For instance, the user has typed www.wesbite.com instead of www.website.com and they are now seeing ‘404 page not found’ error.
  • The website’s permalink structure has now been changed.
  • The referenced page has been removed.
  • If you by any chance have forgotten to fix links after converting your site from HTML to WordPress, it will cause broken links.
  • External links from your website have gone dead.
  • You might have changed the location of the old page of your site.

However, it is always a good practice to keep a check on all links present on your WordPress website and if you find anything wrong, fix it quickly. Doing so will enhance the user experience on your site.

Why Finding Broken Links in WordPress Manually is Not a Practical Solution

There are several tools available that can help you find broken links on your site. You also have manual option to find the broken links. However, the manual method is not a very realistic approach to deal with this issue.

Moreover, if you have a multipage website, then it will take a lot of time to scan for broken links manually. As it doesn’t seem practical to manually check every single page of your website for broken links. Rather I would suggest you make use of tools to do this job. Let’s take a closer look at tools and services that allow you to scan your website for broken links and ways to fix them.

How to Fix Broken Links in WordPress Using Plugins?

There are various plugins and third party online services available but I will list down some cherry-pick tools here. That will give you amazing results with an easy installation process. However, this list includes several different category tools.

  1. SEMrush
  2. Broken Link checker Plugin
  3. Small SEO Tools
  4. Broken Link Checker Google Chrome Browser Extension
  5. Finding and Fixing broken links with Ahref

I will start with the first tool first and as we will move I will show how easily you can include these plugins to your WordPress website. So, here we go.

Finding broken links with SEMrush

SEMrush is a web-based SEO tool. It will not only help with the broken links but also with the overall SEO health of your website. You can use SEMrush to check for the broken links. Follow the below-given steps to use SEMrush.

Step 1: First off, log in to the SEMrush account. Then select ‘Site Audit’ from the menu.

site audit in semrush

Step 2: Now click on the ‘New Site Audit’ button. And enter your site URL to configure new settings.

adding a new site

Step 3: This audit may take some time to audit your site. Now click on the ‘Broken’ link that might have popped up during the audit.

site audit settings

broken links

broken links report

This is how you can use SEMrush to keep an eye on the broken links of your WordPress site.

Finding broken links in WordPress with Broken Link Checker plugin

This WordPress Broken Link Checker plugin is an extremely popular plugin. It can help you eliminate the 404 error. It’s an incredibly effective and efficient plugin that will crawl and scan every link on your site and make sure that each link is pointing to a correct URL. If it encounters any problem that will be shown in the broken links list. Let’s see how it works on your WordPress website.

Here are the steps to check broken links using Broken Link Checker Plugin.

Step 1: Install the Broken Link Checker plugin by following a simple process to install a WordPress plugin.

Step 2: After installing this plugin, it will scan your posts, pages, bookmarks, and other content on your WordPress website and search for links. However, the time it consumes depends on the size of your site. And it can be from minutes to hours. You can check the process by navigating to

Setting → Link Checker.

broken link checker options

Step 3: Soon after the analysis is completed if it finds any broken link that will be shown in the WordPress dashboard. You can easily find the notification in the ‘Broken Link Checker’ widget in the Admin panel.

WP Admin Panel → Tools → Broken Links.

Step 4: The ‘Broken Links’ tab will show the list of broken links found so far.

broken links report in WordPress

Step 5: There are certain actions related to each link to perform. They are

broken links options

  • Edit URL – It lets you change the URL of that link.
  • Unlink – It enables you to remove the link but keep the text unharmed.
  • Not Broken – You can manually mark a broken link working.
  • Dismiss – This will hide the broken links and it helps you acknowledge the broken link.
  • Status – This gives you information about the status of each link.

Finding broken links with Small SEO Tool

The Small SEO Tool is a free online broken link checker solution. It is a very user-friendly tool to detect broken links on your WordPress site and fix them. It supports multiple languages. Here are the steps to check broken links with a Small SEO Tool.

Step 1: Enter your URL and click on the ‘Check’ button. The Small SEO Tool uses its algorithm to check for the broken links.

smallseo tools broken link checker

Step 2: Since it is an online tool, you will get the result right away.

broken link checker result report

This online tool is not only simple to use but gives you amazing results that you can use to improve your site’s performance as well as SEO.

Finding broken links in WordPress with Broken Link Checker Chrome extension

This Broken Link Checker is not any online solution rather it’s an extension to be downloaded on your browser. And this Broken Link Checker I am talking about is a Chrome extension. It is one of the best Chrome extensions. It will watch for backlinks and also, automatically monitors the links daily. Here are the steps to check broken links using Broken Link Checker.

Step 1: In order to check the broken links this will directly install and run any additional program files. The report is generated directly without having to install any external plugin to your WP site.

install broken link checker chrome extension

Step 2: If any broken link is found on your site, it will highlight the broken and not working links.

broken link checker report

Step 3: If in case there’s an external link found broken, that will be shown in the report.

Finding and Fixing broken links with Ahref

Ahref broken link checker tool helps you fix your broken link and improve the site performance. You can use Ahref Audit Tool to check for broken links. Check out the steps to use Ahref for a broken link check.

Step 1: First, set up a project, enter your site URL, and run a scan. However, the time taken depends on your size site.

ahrefs broken link checker

Step 2: Once the scan is completed, head to the reports segment and there you will find a list including 404 errors on your WordPress site. You can now fix the links and make them work.

ahrefs broken link checker report

So, Which is Best Tool to Find Broken Links in WordPress Site

Each tool described in this post is capable of finding and fixing broken links on your WordPress website. Every broken link needs to be either removed, replaced, or fixed. However, removing the links may lead to losing the site traffic. But that certainly doesn’t mean that you should not fix these broken links. Which tool is suitable for your project depends on you. If you want to go for some premium plans then you may choose between the web-based tools such as SEMrush. And if you want a simple and free solution then you may choose the Broker Links Checker WordPress Plugin or Chrome extension or Small SEO Tool. They are equally capable and efficient when it comes to finding the broken links.

Happy Finding and Fixing!

How to Fix Broken Links in WordPress

If you wish to fix the broken links on your WordPress site, then the most convincing way is to redirect the broken links to another pages using 301 redirects. You can easily find broken links in WordPress using the Broken inks Checker plugin. For instance, say you have shifted the entire content to an all-new address. Of course, it makes sense to redirect the link to a new location.

Easy Way to Manually Backup Your WordPress Website

If you’re new to WordPress you’re probably unfamiliar with the process of backing up a website.

Even if you’re a bit overwhelmed at the task or confused as to what to do, backups are one of the most crucial aspects of owning and/or managing a website, so be sure to pay attention in this area.

In the following blog post, we discuss the process of manually backing up a WordPress website. This process entails backing up the MySQL database as well as the site files.

There are a number of automated backup options – plugins, tools, and solutions – available, but beyond setting up an automated backup process, it’s important to know how to manually backup your website should the need arise.

As mentioned above, manually backing up a website will require you to log into the server and export the two core components (site files and database) from two different locations.

The site files will be located within the File Manager console of your server, while your database can be accessed through phpMyAdmin.

For the below guide, we’ll be using cPanel as the server reference. If in the event your server is set up using a different platform, look for the same or similarly worded areas – File Manager and phpMyAdmin – in your user dashboard.

Before you begin, a good practice for this process is to create a folder on your computer and rename it as either your or your client’s business name and follow the name with the date of the backup. Within this folder, create two subfolders called “Site Files” and “Database”.

How to Manually Export Your WordPress Website’s Database

To begin, log in to the admin interface of your website’s cPanel using either your chosen login details or those shared with you by your client.

WordPress uses a MySQL database system to operate. Web developers can interact with the website’s database through the phpMyAdmin console. The database stores a number of indexes, users, tables and more, each which contain various systems and processes relating to the functioning of the website.

To export the database, click on the Databases dropdown and select phpMyAdmin. Once selected, the phpMyAdmin console will open in a new browser tab.

Once you’re inside phpMyAdmin, look on the left-hand side panel and select the database of the website. If the server itself is hosting a number of websites, you’ll see a list of available, linked websites. Once you’ve selected the correct database, the right-hand panel will display all of the tables associated with the site.

Now, click on the tab that says “Export”. Note, in other servers it may be required to scroll down to the bottom of the table list and click a checkbox that says ‘Select All’ before clicking on the “Export” tab.

Once you’re in the Export console, you’ll be met with a few input options:

  1. Select Quick as the Export method
  2. Select SQL as the Format option
  3. Click Go

A file should automatically start downloading and will save to either your Downloads folder or similar. Once the download has completed you should see a file with the suffix .sql saved on your computer. Move this file to the subfolder named “Database”.

For whatever reason, should the database not automatically download, it may display directly within in your phpMyAdmin console. If this happens, simply copy everything in the display box and paste it into a new IDE file (Sublime, Brackets or your computer’s default TextEdit). Once pasted, save the file as db.sql, companyname.sql or similar, and move it to the relevant folder.

Great!

You’ve successfully exported your website’s database. The next step is to export the site files.

How to Manually Export Your WordPress Website’s Site Files

When exporting your website’s site files, the most common route is simply to use CPanel itself. In some cases, users may need to export the site files by using FTP.

Both of these methods are explained below.

Exporting Your WordPress Website’s Site Files Using CPanel

Once you’ve logged into CPanel, navigate to the dashboard and select the File Manager option.

In the File Manager, navigate to the right-hand column and select the folder named ‘public_html’. Note, you may have to move around between folders. Once you’ve located public_html, click on the folder name (not double clicking on it as this will open the folder) and click Compress.

A pop up will appear. Select .zip Archive then click Compress File(s).

Once the files have been compressed, click on the ‘public_html.zip’ folder and click Download.

Once the download is complete, remember to delete the .zip file as it’ll take up unnecessary space on your server. To do this, click on the ‘public_html.zip’ folder and click Delete.

At this point, locate the .zip file and move it to the Site Files folder.

Great! You’ve successfully exported your website’s site files!

If you are unable to export the site files directly from the CPanel, you’ll need to use an FTP client to connect to your website’s server.

What is FTP?

FTP stands for File Transfer Protocol. This useful piece of software allows you to make a connection between a live website’s server and your computer.

With an FTP client, you’re able to access the live server, export and save the site files, and/or move the website’s files onto your desktop, and vice versa. A bit of a confusing interface at first contact, using the FTP client will become second nature with practice.

Two of the leading FTP clients are FileZilla and Cyberduck. Simply visit either of the respective websites, download the latest version of the software and install it on your device.

Once your FTP client has been downloaded and is up and running, you can connect to your website’s server in a few easy steps. For this demonstration, we’ll be using FileZilla.

How To Use FTP To Connect To Your Website’s Server

To connect to your website’s server, you’ll need the FTP login credentials. To locate these details, log into cPanel, navigate to Files and click on FTP Accounts.

If you can’t find the correct login details, contact your hosting service provider.

Once you open up FileZilla, you’ll see two panels:

  • The left-hand side (the local site) is your computer
  • The right-hand side (the remote site) is the server you will be connecting to.

Now, navigate to File > Site Manager.

Next, a window will pop up. Click on ‘New Site’ and give the website a name.

In the right-hand panel, you’ll be asked to specify a number of details:

  • Host is usually the domain name of the website in question
  • Select Normal as the Logon Type
  • Enter the relevant details for the Username and Password

When you’ve entered all of the above, click Connect. FileZilla will save all of these settings so you won’t have to re-enter all of the information the next time you connect to the server.

Once you connect to the server, look under the “Remote Site” panel and you’ll see a list of your website’s files and folders. Click on the dropdown arrow and scroll until you see a folder named “public_html”. This folder is also called the root folder and it is the entire collection of your website’s site files.

If you’ve previously set up local sites or created a child theme, you’ll see that some of these files and folders look quite familiar.

This folder, the public_html folder, is what we’ll export for the backup.

How to Manually Export Your WordPress Website’s Site Files

Remember the folder on your desktop called “Website Name” with the subfolders “Site Files” and “Database”? Well, we’ll be transferring the contents of the public_html folder into the Site Files folder

In the FTP client, head to the left-hand panel and sort through the Local site (your computer) until you find the backup folder.

Next, go to the right-hand side panel and locate the public_html folder of the website you’d like to back up.

Now, click and hold on the public_html folder on the right-hand panel and drag it across to the Site Files folder in the left-hand panel.

Let the transfer/export process run until complete (how long the process takes depends on your internet speed).

Finally, head on over to the “Website Name + Backup Date” folder. You’ll see that the entire public_html folder is there, as well as the SQL database in the Database folder.

Now that you’ve backed up the website’s database and it’s site files, you can rest easy knowing that you’ve safeguarded yourself and your client’s website.

Cheap Orchard 1.10 Hosting Recommendation

Everything You Need to Know About Pageless Web Design

Pageless Web design is a design technique that concentrates everything on a single page. All the information on the site is presented on that page and therefore it is also known as single page design. Some of its best features include guided narrative that evolves like a story, use of responsive elements and an intuitive scrolling experience for the users.

Pageless design can be the future of web design. Quite often it is used to upgrade an old site and make it look like new. It is perhaps the best design technique available today. Most of the web designers for hire have already opted for pageless web design.

What Makes Pageless Web Design Suitable for All Websites?

It uses stories as its most important feature to inspire and captivate the users and motivate them to action. Stories tend to have a long-lasting impression in the minds of the users. When it is used in the design, it is presented in proper order so that one thing connects to another. It is not a set of information displayed haphazardly on the screen. The information that requires the highest priority appears first followed by something that falls next in the list of priorities. The user or the visitor cannot help but make a natural, uncontrolled progress to the end of the site. He/She is able to absorb the message that the site is trying to convey, and it has a powerful impact on the person. The action is seamless and whole.

Pageless design is highly responsive. It uses responsive elements on the screen, such as fluid grids, flexible frameworks, and so on. It works seamlessly across all devices. Pageless web design is extremely mobile-friendly because it does not question the importance of the mobile user; instead, it goes straight into creating websites that can be marketed effectively to such users. It ensures that the site generates as much traffic from mobile phone users as it does from desktop users.

The effective use of intuitive scrolling is another factor that makes pageless web design a satisfying experience for users. It creates websites that have a linear scrolling pattern and viewers have to scroll down to view all the elements on the page. These days, with so many popular social media platforms such as Facebook users, have adopted more naturally to scrolling in a page. Therefore, when they find the same features on a website, they tend to connect more with the experience. Moreover, they do not have to click on different elements to view them. Clicking is not only time consuming, but it also involves a conscious decision on their part. And they can avoid this by scrolling. Scrolling is also faster and can provide more information at once than a single click can. The page-load is less likely to slow down. The best thing about it is that it works perfectly on mobile phones as well.

Pageless web design goes beyond traditional design techniques. It integrates within itself certain “bubble wrap” techniques to captivate the users. Some of these techniques include creative animation, chiming buttons, boxes flipping on the screen, and so on. These interactive elements on the screen are fun and engaging for the users, and they are bound to create a positive impact on them. They help to create an emotional connect with the users.

Should You Opt for Pageless Web Design?

Perhaps, the most crucial reason why you should opt for pageless design is that it leads to higher conversion rates. Due to the simplicity of the design, its storytelling aspect and its high level of interactions it allows users to focus and ultimately generate new leads. They are less likely to be confused or mislead. With such a design, it is easier to promote a brand and its products, to improve its sales and to grow its online community. Automatically, it reduces the chances of bounce rates and encourages people to share the website with others.

Choosing a pageless design for your site can be the best option for your business. Unlike traditional websites that required a large sum of money to be customised, pageless design is highly cost-effective. It enables you to create the best user experience across all devices at an affordable price. Getting the best results for your site is at your fingertips. All you need to do is make the most of it.

error: Content is protected !!