Blog

How to Add Header and Footer Code in WordPress (the Easy Way)


Have you ever been asked to add some code snippets to <header> or <footer> section of your WordPress website?

Often you are asked to add header and footer code in WordPress when trying to integrate with web services like Google Analytics, Facebook Pixel, Google Search Console, etc.

You may also come across WordPress tutorials that might ask you to add some custom CSS or Javascript code to your WordPress header or footer.

By default, WordPress doesn’t provide an option to insert code in your website’s header and footer. Luckily there is an easy solution for beginners.

In this article, we will show you how to easily add header and footer code in WordPress. The goal is to safely add the code without directly editing your WordPress theme files.

How to Add Header and Footer Code in WordPress

The Best Way to Add WordPress Header and Footer Code

If you want to add WordPress header and footer code, there are three possible solutions:

  1. Manually, by editing you theme’s header.php and footer.php files
  2. With your theme’s built-in header and footer code feature
  3. Using a plugin

The first option is not beginner friendly because it requires you to add header and footer code by directly editing the header.php and footer.php files manually.

Another disadvantage of using this method is that your code will be removed if you install an update to your theme.

The second option is using your theme’s built-in feature. Some WordPress themes like Elegant Themes and Genesis Framework by StudioPress offer a built-in option for quickly adding code and scripts to your WordPress header and footer.

If you are using a theme with a built-in feature, then it seems like a safe and simple solution. However if you change your theme, then all the code snippets added to your website will be gone. This includes site verification in Google Search Console, website analytics via Google Analytics, etc.

This why we always recommend users to use the third option, a headers and footers plugin. This option is by far the easiest and safest method to add header and footer code in WordPress.

After a lot of request from readers, our team has built a 100% free Insert Headers and Footers plugin to let users easily add code to the header and footer in WordPress.

Insert Headers and Footers

Here are some benefits of using the Insert Headers and Footers plugin:

1. Easy, Fast, and Organized: It lets you add codes to your site’s header and footer easily and quickly. Plus, it keeps you organized by allowing you to store all your footer and header codes in one place.

2. Prevents Errors: It helps prevent errors which may occur if you edit your theme files manually.

3. Upgrade or Change Your Theme Without any Worry: The plugin will save your header and footer code in a separate place, so you can update or change your theme without worrying about the code being erased.

With that said, let’s see how to easily add header and footer code in WordPress using Insert Headers and Footers plugin.

Adding Code to Header and Footer in WordPress

First thing you need to do is install and activate the Insert Headers and Footers plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Once the plugin is activated, go to Settings » Insert Headers and Footers from your admin panel. After that, you will see two boxes for adding code to header and footer.

Insert Headers and Footers plugin settings

Simply paste the code in one of the two boxes. Once done, don’t forget to click the Save button to store your changes.

The plugin will now automatically load the code in the respective locations on your WordPress site.

You can always edit and remove any code that you don’t want to keep.

You’ll need to keep the plugin installed and activated at all times. Deactivating the plugin will stop adding all custom code to your site.

If you accidentally deactivate the plugin, the code will still be safely stored in your WordPress database. You can simply reinstall or reactivate the plugin, and the code will start appearing again.

Note: You may have to clear your WordPress cache after saving changes, so the code properly appears on the front-end of your website.

We have found the biggest reason why a lot of beginners use the Insert Headers and Footers plugin is to add Google Analytics to their website. For that, we actually recommend using the free MonsterInsights plugin. It’s the best Google analytics plugin for WordPress which helps you properly setup Google analytics tracking with just a few clicks, and it shows you helpful stats right inside your WordPress dashboard.

We hope this article helped you to learn how to add header and footer code in WordPress easily. You may also want to see our comparison of the best email marketing services and the best business phone services.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Header and Footer Code in WordPress (the Easy Way) appeared first on WPBeginner.



Source link

What is an Email Blast? How to Do an Email Blast “the RIGHT Way”


Want to know what is an email blast and how to do it “the right way”?

An email blast or broadcast is a process of sending a single email message to a large number of subscribers in your mailing list.

These are extremely effective for businesses to get more sales, and bloggers use it to get more website traffic to their new content.

In this article, we will explain how to do an email blast the proper way as well as share some examples.

What is an Email Blast? How to Do an Email Blast "the RIGHT Way"

What is an Email Blast?

An email blast is a single email message that is sent to an entire email list, a large segment of an email list, or many email lists all at once.

These emails target most or all contacts in your mailing list which makes your email blasts have a wide reach.

Email blasts are also known as broadcast emails, mass emails, bulk emails, e-blasts, and email campaigns. Most people are using the term ‘email campaigns’ to avoid the aggressive tone inherent with ‘email blast.’

Email blasts are mainly used for sending promotional content and newsletters. At WPBeginner, we use email blasts to promote our premium WordPress plugins as well as share our helpful tutorials.

For example, take a look at the email campaign we sent to promote our MonsterInsights plugin sale.

Flash Sale Email Campaign Demo

If you want to inform all your subscribers about special offers, then email blasts are the most reliable and efficient form of commnication.

Are Email Blasts Outdated?

Although email blasts are great for delivering any message to a large number of people, some consider this to be an outdated method of communication.

That’s because email blasts are bulk emails sent to everyone regardless of their choice, priorities, and needs. At times, blast emails can be highly irrelevant and useless to the recipients.

Due to the same reason, the email recipients may ignore, mark the mail as spam, and even unsubscribe from your email list.

Here are the top reasons why users don’t like email blasts:

1. Unsegmented: Email blasts often use the entire mailing list without segmentation. Often your email subscribers are very different, and they may be interested in different products or services.

2. Untargeted: The email blasts send the same message to everyone without considering their personal interests, past interactions, or their needs. Users often unsubscribe from your mailing list after receiving such unwanted emails.

3. Not personalized: All of us love to read a message that addresses us personally. Email blasts that don’t personalize the emails are often marked as spam.

4. Unexpected: Unlike the action-based emails, broadcast emails are unexpected due to which there can be a natural feeling of resistance from the recipients.

Unlike 10 or 15 years ago, there are a lot of new marketing methods available like social media, pay-per-click advertising, etc. However none are as effective as email.

To the answer the question, is email blast dead? NO.

Email is still the most reliable form of communication in the world. With new technology there are better ways to do an email blast which will get you higher results.

We will explain how to do an email blast the RIGHT way in the following section below.

How to Do an Email Blast “the Right Way” – Step by Step

Marketers associated with big and small companies are still using email blast to promote their product launches, discount offers, etc.

And the results are brilliant. That’s because they are using email blasts the right way.

If you are not a professional marketer, you can follow the steps below to successfully run an email blast.

Table of Contents

  1. Choose the best email blast service
  2. Create an email list
  3. Segment your email list
  4. Create a targeted email campaign
  5. Measure results and improve email deliverability

Now let’s go ahead and see the steps one by one.

Step 1: Choose the Best Email Blast Service

First of all, you need a robust email marketing service to crate an email blast. An email marketing service lets you create a mailing list, segment your list, and send bulk emails.

There are dozens of email marketing services in the market. Among them Constant Contact, SendinBlue, Mailjet, Drip, and ConvertKit are the most popular companies.

We have tried and tested all of the above email marketing services, and we believe they are great at what they offer. However, we recommend Constant Contact because it offers the best deal of all.

Constant Contact is the most beginner-friendly email blast software. It comes with dozens of pre-made email templates to help you quickly get started. You can choose a template, and easily customize that using their drag and drop editor.

It has simple options to collect emails, automation features to send / trigger emails based on users’ actions, and more. Plus, it lets you segment your subscribers and send targeted email campaigns.

To get started, you need to visit the Constant Contact website and sign up for a new account.

Signup for Constant Contact

You can quickly create a Constant Contact account as it offers a 60-day free trial account (No credit cards required).

Once done, you will see your Constant Contact dashboard from where you can manage your email lists, subscribers, and send email blasts.

Constant Contact dashboard

Alternately, you can also use SendinBlue or Mailjet both of which offers a free email marketing plan.

Step 2. Create Your Email List

An email list is simply a list of email addresses whom you can send emails. It is like your contact book containing the email addresses of your subscribers and prospect customers.

To create an email list in Constant Contact, go to ‘Contacts’ menu on the top and then click on Email Lists option in the sidebar.

Creating a new email list

Now you will see the default email list labeled ‘General Interest.’ Click on the ‘Enter a new list’ link to create a new email list.

Choose a name for your email list

After that, name your email list and click on the Add List button.

Once your email list is built, the next step is to add contacts to your list. Open your new email list, and click on the ‘Add Contacts’ button.

Add Contacts to Your Constant Contact Email List

As you can see in the above screenshot, Constant Contact lets you add contacts in multiple ways. You can type in a contact, upload from a file, or import from Gmail, Outlook, and other apps.

If you want to grow your email list faster, see our guide on easy ways to grow an email list.

Step 3: Segment Your Email List

Once you have an email list, the next step is to segment it. Email segmentation is the most critical aspect of doing a successful email blast.

Email segmentation is dividing your email subscribers into smaller groups or segments to send highly targeted emails.

You can segment your email subscribers based on gender, age, geographical location, interests, purchase history, contact activity, etc.

For example, a book store may create different segments for the students of arts, physics, and maths and send different emails.

Email segmentation is a crucial task which must be done with a clear goal. You need to be clear on which type of subscribers to be included in a segment.

For more details, see this guide on smarter ways to segment your email list.

To create segments in Constant Contact, go to the ‘Contacts’ menu and click on the Segments link. After that, click on the Create Segment button.

Create Segment Button in Constant Contact

In the next screen, you can create a segment by choosing the right criteria for your needs.

Create a Segment in Constant Contact

As you can see in the screenshot above, Constant Contact lets you create segments based on contact activity like emails sent, opened, clicked, or did not open. You can also include email subscribers by contact details, including job title, city, country, etc.

Step 4: Create a Targeted Email Campaign

After creating segments, the next task is to create a targeted email campaign or an email blast. There can be different ways you can create an email campaign depending on the email marketing software you use.

To create an email campaign in Constant Contact, go to the ‘Campaigns’ menu, and then click the Create button.

Create welcome email campaign

Next, you can choose the Email option.

Select Email Campaign

After that, you will see hundreds of pre-made email templates ready for use. You can preview the templates one by one or simply type in your keywords to search a template.

For example, we will search for the keyword ‘sale’.

Constant Contact Email Templates for Sale

As you can see in the screenshot above, the available templates for sales will appear. For example, we will choose ‘Limited Time Sale.’

After that, the email campaign builder page will open. First, name your campaign.

Name Your Email Campaign

Next, click on the area above your template to open your email settings.

After that, you need to edit your email subject line. You can also personalize your email subject line by adding the subscriber’s name. Click on the ‘Personalize’ option.

Subject Line Settings for Email Blast in Constant Contact

Next, you can choose the first name or any other contact detail to insert in your subject line.

You can also enter a generic name like Customer, User, or Friend to address users whose names are not available. Once done, click on the ‘Insert’ button.

Personalize Subject Line for Your Email Blast in Constant Contact

You will see some text with big brackets added in your subject line. For example, [[FIRSTNAME OR “User”]] in the screenshot below.

Subject Line Personalized in Constant Contact Email Blast

After that, edit your email preheader, from Name (company or organization name), from address, and then click the Save button.

Save Email Settings Constant Contact

Next step is to customize your email body. You can simply point and click on any element in the email to edit or change it.

Customize Your Email in Constant Contact

You can also drag and drop Build elements and layouts from the left sidebar.

Once your email design is complete, you can check and preview your email. If it looks good to you, then click on the ‘Continue’ button at the top right corner.

In the next screen, you will see email send (blasting) options. You can select recipients from email lists or segments. For example, we will choose the segment that we created earlier.

Send Your Constant Contact Email Blast

On the right sidebar, you will see options to send your email campaign now or schedule for later.

Step 5: Measure Results and Improve Email Deliverability

Sending an email campaign does not mean that your work is done. After posting your email blast, you need to measure your results and see how the recipients are interacting with them.

Top email marketing services like Constant Contact have built-in email stats feature.

To view your email campaign stats, click on the ‘Reporting’ menu on the top.

Constant Contact Email Blast Reporting

You can also see the performance of your email campaigns individually by clicking on them.

You will see the email open rate, the total sent emails, bounces, and successful deliveries. The reports will also reveal click rate, did not open, unsubscribes, and marked spam stats.

Constant Contact Email Stats

The biggest challenge of email blasting is email deliverability. A lot of times, your emails don’t get delivered at all or sent to the spam box directly.

Here are some proven techniques to improve email deliverability:

  • Update your email list time to time to remove fake email addresses, deleted emails, etc.
  • Maintain the frequency of your emails (no spikes)
  • Avoid misleading subject lines
  • Make your emails useful with vaubale and engaging content

Best Email Blast Examples

There are mainly 2 types of emails used for marketing: Broadcast Emails (Email blasts) and Triggered Emails.

The triggered emails are automated emails which are sent to the users following their action. For example, you can send a triggered welcome email after a user subscribes to your list.

Email blasts are different because you will manually create campaigns and send to a large segment at once. Email blasting is done with the belief that the single message will be useful to every subscriber in a list or segment.

It means that you cannot broadcast a welcome email to your entire email list containing your already-purchased customers.

Hence, email blasts can be used only for specific purposes. Here are the best email blast examples:

1. Flash Sale

If you are offering flash sale, you can send mass emails in bulk to inform all of your subscribers.

Following are a couple of subject line example for flash sale email blast:

  • [FLASH SALE] Fashion Shoes 40%-60% off!
  • [LAST CHANCE] 40%-60% off sale ends today!

2. Event Information like Webinars

If you conduct online training and webinars for your users, you can send mass emails.

Here are a couple of email subject lines for event information email blast:

  • LIVE Training: 10 steps to create a winning email campaign
  • Join us LIVE, tomorrow at 5 PM for a FREE marketing class

3. New Products

You can send an email blast when you launch a new product. It’s best to segment your list into already purchased customers and new subscribers, so you can send different campaigns to them.

4. Newsletters

Newsletters are the most common type of broadcast emails. News, magazine websites, blogs, as well as business or non-profit organization send newsletters to inform their subscribers about the latest news.

We hope this article helped you to learn what is an email blast and how to do an email blast the right way. You may also want to see our guide on how to get a free business email address.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

How to Add Scroll Depth Tracking in WordPress with Google Analytics


Do you want to add scroll depth tracking on your WordPress website?

Scroll depth tracking allows you to see how far a user scrolls on any page. This data helps you see if your visitors are actually reading your long posts and when they lose interest, so you can modify the content to keep them engaged.

In this article, we will show you how to easily track user scrolling in WordPress using Google Analytics.

How to Track User Scrolling in WordPress Using Google Analytics

Why Track User Scrolling in WordPress?

Generally, scrolling occurs when a user wants to see your content below the preview screen. It is a primary activity that all users perform to look at your content.

This makes scroll depth tracking an important measure to track user engagement. In addition to that, it gives you plenty of insights about user interaction on your site and helps you improve pages for optimal length.

For example, you can find out how much an average user scrolls when viewing your site, which long reads they liked the most, what makes them lose interest, etc.

With these insights, you can then optimize your pages for better user engagement and higher conversions.

Tracking Scroll Depth in WordPress with Google Analytics

Google Analytics is a free web analytics tool offered by Google to help you better understand your website visitors.

It allows you track who your website visitors are (age, gender, interests), where they are from, which pages they visit, how long they stay on those pages, how far down they scroll on the pages, and more.

Google Analytics tracks the basic metrics like total page views, total number of visitors, top pages, etc. by default.

For more advanced metrics like scroll depth, eCommerce tracking, form submissions, file downloads, event tracking, and others, Google analytics require you to setup custom tracking.

Manually setting up advanced Google analytics tracking requires a lot of technical skills. As a beginner, this is nearly impossible. Even some developers can’t do it properly.

Thankfully, there are easy to use WordPress plugins that can help you track advanced metrics like scroll depth with Google Analytics.

Let’s take a look at two plugins that you can use to setup scroll depth tracking in WordPress.

1. Scroll Depth Tracking in WordPress with MonsterInsights

MonsterInsights is the most popular Google Analytics plugin for WordPress with over 2,000,000+ active installs. It helps you easily install and use Google Analytics on your WordPress website without using any code.

MonsterInsights Best Google Analytics WordPress Plugin

With MonsterInsights, you can enable advanced tracking like eCommerce tracking, file downloads, affiliate links, forms tracking, scroll depth, and more with just a single click (no coding needed).

MonsterInsights comes with scroll-depth tracking enabled by default. This means you don’t even need to configure any settings. All you need to do is setup the MonsterInsights plugin.

First, you need to install and activate the MonsterInsights plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to Insights » Settings page and then click on the Engagement tab. As shown in the screenshot below, you will see the scroll tracking option enabled by default.

MonsterInsights Scroll Depth Tracking Option

MonsterInsights trigger events in Google Analytics as your website visitors scroll down the page. It will then be tracked with Google Analytics as 25%, 50%, 75%, and 100% scroll.

You can see your scroll tracking stats and other helpful stats right inside your WordPress admin area by going to the MonsterInsights Publishers Report (Insights » Reports » Publishers). The scroll depth data appears next to the Interests section.

Scroll Tracking Reports in WordPress

You can use the scroll depth data to optimize your pages for more conversions. It gives you a better picture of how your visitors are interacting with your content and helps you decide the best place for your important calls to action, ads, and more.

View User Scrolling Data in Google Analytics

Now that you have set up scroll tracking with MonsterInsights, you can view reports also in your Google Analytics account.

Log into your Analytics account and then visit Real-Time » Events to see your real-time or recent scrolling data within the last 30 minutes.

Google Analytics Scroll Tracking in Real-time

For the complete data, you can go to Behavior » Events » Overview from your Analytics dashboard.

Scroll Depth Data in Google Analytics

You can click on the Scroll Depth link to get more details.

If you want more granular details, then you can use Google Analytics’ secondary dimension feature alongside the Scroll Depth event to see the scroll data for each individual landing page.

2. Track User Scrolling With WP Scroll Depth Plugin

If you don’t want a comprehensive Google Analytics solution and would rather use a single plugin, then you can use WP Scroll Depth.

The first thing you need to do is install and activate the WP Scroll Depth plugin on your site. For detailed instructions, here’s our step by step guide on how to install a plugin in WordPress.

Upon activation, you need to go to Settings » Scroll Depth to configure the plugin settings.

WP Scroll Depth Plugin Settings

The default options will track scroll depth for all pages on your WordPress site. All you need to do is click on the Save Changes button to store plugin settings.

WP Scroll Depth plugin uses jQuery to track scrolling on your WordPress site. It monitors four scroll points 25%, 50%, 75%, and 100% of the page height. When a user reaches a scroll point, the plugin sends an event to Google Analytics using jQuery.

After that, you can view Scroll Depth event data under Real-Time » Events on your Google Analytics dashboard.

WP Scroll Depth Real-time data

We use MonsterInsights on all our websites because it’s the most complete Google Analytics plugin for WordPress, and we recommend all our users to do the same. They have a free MonsterInsights plugin, and you can also upgrade to the premium version to unlock more powerful tracking.

We hope this article helped you learn how to track scroll depth on your WordPress site using Google Analytics. You may also like to see our guide on 10 website marketing data you must track on every WordPress site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

How to use WordPress App on your iPhone, iPad, and Android (Guide)


Did you know that nearly half of all global website traffic originates from mobile devices? People are not just browsing the web on mobile, they are also creating content using mobile apps from platforms like WordPress, Facebook, and other media sites.

Over the years, the WordPress mobile apps have seen significant improvements to help you easily publish content and manage your website using a mobile device. WordPress app is already available for both Android and iOS devices.

In this article, we will show you how to use the WordPress app on your iPhone, iPad, Android, and other mobile devices.

How to use the WordPress app on mobile devices

Why Use WordPress App on iPhone or iPad?

The WordPress app allows you to create content and manage your website from anywhere in the world specially when you’re traveling.

You can capture and upload photos, record and upload a video, write quick blog posts while riding the train or bus, walking around, or hanging out with friends. You can take your WordPress site with you in your pocket.

By default, the WordPress admin area is fully responsive and works well on mobile browsers.

WordPress admin area on mobile browser

However, this user interface is not optimal for mobile usage.

On the other, the WordPress app is designed to be touch-friendly, mobile optimized, and easy to use. It has an intuitive user interface which makes using the WordPress app a pleasure.

Writing without a physical keyboard had been an issue for many bloggers. The app combines your device’s native touch keyboard with WordPress formatting buttons, making it simple and easy to write posts on touch devices.

What Do You Need to Use the WordPress Mobile App?

Unlike other mobile apps, you actually need to have a WordPress website or a WordPress blog before you can start using the WordPress app.

The WordPress app works for both the popular free self-hosted WordPress.org platform as well as the WordPress.com blog hosting service.

For details, see our side-by-side comparison of WordPress.com vs WordPress.org.

Setting up Your Website for WordPress Mobile Apps

You’ll need the following two things to connect your website to the WordPress app:

  • JetPack plugin on your website
  • A free WordPress.com account

Let’s get started.

First, you need to install and activate the JetPack plugin on your website. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you’ll need to click on the setup button to continue.

Next, you will be asked to sign in with a WordPress.com account. If you already have one, then you can go ahead and sign in. Otherwise, you can continue to signup for a free account.

Sign up with WordPress.com

During this process your self-hosted WordPress.org website will be connected to JetPack servers via your free WordPress.com account.

Once that’s done, you are now ready to start using the WordPress app on your mobile device(s).

Setting up the WordPress App on Your Mobile Device

First, you need to install the WordPress app on your device. It is available for Android, iOS (iPhones and iPads), Windows, MacOS, and Linux.

WordPress Apps

Next, you need to open the app and sign in to your WordPress.com account.

Login to your WordPress.com account

After that, the app will connect and fetch your website information.

Logged in to the WordPress app

You can now click on the continue button to move forward and view the app dashboard. This is where you will manage your WordPress site using the mobile app.

WordPress App dashboard

Editing Blog Posts with WordPress App

The WordPress app comes with an intuitive user interface to make it easy for you to create / edit blog posts and pages on your website.

You can view all your posts by clicking on the Blog Posts menu from the app dashboard. This will show you a list of your recent blog posts.

Adding new blog post using the WordPress app

You can edit any blog post or tap the add new button to create a new blog post.

This will launch the WordPress app’s content editor. From here, you can write a new post using your phone’s native keyboard which will have a formatting toolbar at the bottom.

Editing posts in the WordPress app

You can click on the ‘Add’ button to add images to your blog post. The app will allow you to upload images from your device, using your phone’s camera, or from the WordPress media library.

Upload images to your blog posts

The app also allows you to change other post options. To access those options, tap on the three-dot menu on the top right corner of the edit screen and then select ‘Post settings’.

Editing post settings

This will bring up the post settings menu. From here, you can add category and tags, featured image, change post status, and other options.

Post options

The WordPress app comes with built-in autosave feature which saves your posts locally on your device. Once you are done editing the blog post, simply click on the publish or update button at the top right corner.

The app will now upload the post to your website. You can visit your website in a browser to see it in action.

Switching to The New Block Editor in WordPress App

The app also includes the new WordPress block editor, but it is not turned on by default. In order to use the new editor with the app, you need to tap on your profile icon at the bottom and then select App Settings.

App settings

This will bring up the app settings menu where you can turn on the block editor.

Enable block editor in the WordPress app

You can now create WordPress posts in the app using the same block editor that you use on Desktop. However, the number of blocks available on the app is very limited at the moment.

Editing with the block editor in WordPress app

Upload and Manage Media Files Using WordPress App

The WordPress app allows you to easily manage and upload photos / videos from your phone.

You can upload media while writing posts, or you can directly launch the Media library from the app dashboard.

Media menu in WordPress app

This will launch the WordPress media library, and you’ll be able to see all media files in your library. You can edit media files, delete them, and even upload new photos and videos from your phone using the Add button.

Upload media

Managing Comments on The Go Using The WordPress App

Comments help boost user engagement and build a community around your WordPress blog. The WordPress app makes it easy to moderate comments on the go.

Managing comments via WordPress app

You can view all comments on your site by visiting the Comments tab from the app dashboard. You’ll see comments awaiting moderation and approved comments.

Comments list

You can click on any comment to view more options. This will allow you to edit the comment, approve or disapprove it, mark it as spam, or add a reply.

Replying a comment via WordPress app

Performing Admin Tasks via WordPress App

The WordPress app comes with limited options to manage administrative tasks on your WordPress site via the app. Let’s take a look at these options and what you can do with them.

First, the WordPress app allows you to modify some of the site settings from the ‘Settings’ tab.

Settings menu

These settings are similar to the settings you see in your WordPress admin area. You can change site title, tagline, default category, timezone, and other options.

Site settings in WordPress app

However, you will not see settings pages created by your WordPress plugins.

Speaking of plugins, the WordPress app does allow you to manage and even install plugins from the WordPress.org plugin directory.

Managing plugins via WordPress app

However, you cannot use any of the plugins inside the app or access their settings. This feature is mainly useful when you need to activate or deactivate a plugin while away from your computer.

Same goes for WordPress themes. The app allows you to switch between installed themes on your WordPress site, but you cannot install new themes from the app or customize them.

Managing WordPress themes via the app

Is it Possible to Run WordPress Entirely from The App?

No. Currently, it is not possible to efficiently run a WordPress site using only the WordPress app.

For example, you cannot manage plugins using the app. Plugins are an essential part of a WordPress website and you need them to extend your website’s functionality.

You also cannot access custom post types, SEO options, use cover images, use blocks created by plugins, and more.

Why and When to Use The WordPress App?

While the WordPress app is not enough to efficiently run the entire website, it does an excellent job of providing you an easy to use interface to write content, upload photos, and manage comments while away from your computer.

It can also be used when traveling to places with low connectivity. You can use some of the app features offline which allows you to save content as local drafts.

It can be used as a companion app to create content on the go and manage routine tasks like moderating comments.

We hope this article helped you learn how to use the WordPress app on your mobile devices. You may also want to see our list of the best mobile apps to manage your WordPress site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to use WordPress App on your iPhone, iPad, and Android (Guide) appeared first on WPBeginner.



Source link

How to Add Stripe Donate Button in WordPress (with Recurring Option)


Do you want to add a Stripe donate button to your WordPress site? Stripe is one of the best online payment processors in the world because it allows anyone to easily accept online payments on their website including donations.

In the past, you had to use an eCommerce plugin to accept payments, but that’s not needed anymore specially if you want to collect donations or sell a few products. You can use a simple payment form to do the job.

In this article, we will show you how to easily add a Stripe donate button in WordPress.

Adding a Stripe donate button in WordPress posts and pages

What You Need to Accept Stripe Donations on Your Website

You’ll need to create a Stripe account. You can create an account for free and will only be charged for transactions.

You’ll also need a WordPress website with SSL enabled. SSL adds a security layer to your website making it safe for accepting payments. To learn more, see our guide on how to get a free SSL certificate for your website.

Lastly, you’ll need a WordPress extension to connect your Stripe account. We’ll be using WPForms, which is the best WordPress form plugin.

It comes with a Stripe addon that allows you to accept donations, one-time payments, and even subscription payments on your website. You’ll need at least their PRO plan to access the Stripe add-on.

That being said, let’s take a look at how to add a Stripe donate button in WordPress.

Adding The Stripe Donate Button in WordPress

First thing you need to do is install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit WPForms » Settings page to enter your license key. You can find this information, under your account on WPForms website.

Add WPForms license key

Next, you need to visit WPForms » Addons page and click on the ‘Install Addon’ button next to the Stripe addon.

Install Stripe addon

WPForms will now install and activate the Stripe add-on for you.

Now let’s connect WPForms to your Stripe account to receive payments. To do that you need to visit WPForms » Settings page and click on the Payments tab.

Stripe payment settings

You will be asked to enter your Stripe API keys, which you can find under your Stripe dashboard.

Simply log in to your Stripe account dashboard and from the left menu select Developers » API Keys.

Stripe API keys

You need two pairs of keys for the published website and for testing.

First, you’ll see the publishable keys on the screen. Copy and paste the public key and then click on ‘Reveal key token’ to copy and paste the publishable secret key.

Stripe publishable keys

Next, you need to add the test keys. Click on the ‘View test data’ toggle and then copy and paste the test API keys.

Test api keys

Now that you have pasted the API keys, you can optionally enable the test mode from payment settings.

This will allow you to test Stripe integration without actual payments. However, you must uncheck this option when your website is ready for accepting donations on your website.

Stripe keys in WPForms

Don’t forget to click on the ‘Save settings’ button to store your changes.

Now that you have set up the payments, it is time to create a Stripe donate form for your website.

Making a Stripe Donation Form in WordPress

First, you need to visit the WPForms » Add New page to create a new form. You will be asked to provide a title for your form and choose a template. You need to select the ‘Donation Form’ template.

Create a donation form

This will launch the WordPress forms builder interface with your selected donations form template. This template will already have the common fields required to create a donation form like name, email, donation amount, and message.

Editing the donation form in WPForms

This is a drag and drop form builder. You can edit form fields by clicking on them, rearrange them, or add new fields from the left column.

Since you are creating a Stripe payments form, you need to add a credit card field to your form. You’ll find it under ‘Payments Fields’ section on the left column.

Adding Stripe credit card field to your form

Simply click to add the field to your form and then drag and drop to rearrange its position in the form.

Once you are satisfied with the form, click on the Payments tab in the left corner to edit the payment settings. From here you need to select Stripe as your payment method and then check the box next to ‘Enable Stripe Payments’ option.

Enable payment option

You can provide a description for the payment and select the email field if you want to send the donors a receipt of the payment.

WPForms also supports recurring payments. You can use this option to set up recurring donations or subscriptions.

The next step is to setup confirmation settings. This is what your users will see after they fill the form.

Click on the Settings tab and then select the confirmation option.

Set up confirmation

From here you can select different types of confirmation options. For example, you can thank users with a simple message, or redirect them to a thank you page or any other URL.

Once done, click on the save button and exit the form builder.

Adding The Stripe Donation Form in WordPress

WPForms makes it super easy to add your forms anywhere on your website.

Simply edit the post or page where you want to add the donation form. Next, add the WPForms block to your content and select the donation form you created earlier.

Add donation form to your WordPress post or page

WPForms will now fetch and embed the form for you. You can now visit your website to see it in action.

Stripe donation form preview

You can also add the donation form to your blog’s sidebar or any other widget ready area. Head over to Appearance » Widgets page and add WPForms widget to a sidebar.

Adding a donation form to sidebar

Next, you need to select your Stripe donation form in the widget settings. Don’t forget to click on the Save button to store your widget settings.

We hope this article helped you easily add a Stripe donate button to your WordPress site. You may also want to see our guide on the must have WordPress plugins for every website.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Stripe Donate Button in WordPress (with Recurring Option) appeared first on WPBeginner.



Source link

12 Vital Tips and Tools to Combat Comment Spam in WordPress


Are you getting tired of dealing with comment spam on your WordPress blog? Well, you are not alone.

Spam comments are a huge problem especially if you are not prepared to deal with them properly.

In this article, we’ll share the best WordPress comment spam plugins and helpful tips to combat spam comments in WordPress. These tips will save you a lot of time and will significantly eliminate comment spam from your website.

Combat WordPress comment spam with these tips and tools

Why You Need to Deal with Comment Spam in WordPress?

Internet is full of spam bots that automatically spread links for nefarious websites in the form of comment spam. The purpose of these spam comments is to get ranked in search engines and also to get accidental clicks from unsuspecting visitors.

But not all comment spam is submitted by bots. There are actual human submitted spam comments as well. These off-topic and poorly written comments are harder to catch and often contain links to third-party websites.

If you are not monitoring your website and these comments get published, then both your actual users and search engines will be able to see them.

This affects your website’s reputation. Users would consider your website to be a low quality or spam website.

Search engines can also mark your website as unsafe if they found links to websites that distribute malware and viruses.

That being said, let’s see how you can combat comment spam effectively, so that you spend less time worrying about spam and more time on growing your online business.

1. Turn on Comment Moderation in WordPress

Let’s first make sure that no comment on your website is published without your approval. This step will ensure that comments don’t bypass any filters, and it will also give you full control on which comments appear on your website.

This solution is highly recommended for business websites such as law firms, accounting, etc.

Head over to the Settings » Discussion page inside WordPress admin area. Next, scroll down to the ‘Before a comment appears’ section and check the box next to ‘Comment must be manually approved’ option.

Enable comment moderation in WordPress

Don’t forget to click on the ‘Save changes’ button to store your settings.

All your WordPress comments will now be held for moderation and you will have to manually approve each comment before it appears on your website.

Now you may be wondering how would I go through all the comments? Well in the next few tips, we will show you how to eliminate spam comments so that you only have to go through genuine comments.

2. Activate Akismet Anti-spam Protection

Akismet anti-spam protection

Akismet is an anti-spam plugin that comes pre-installed with WordPress. It filters all WordPress comments on your website through their anti-spam database and catches the most common types of spam comments.

Akismet is available as a free plugin, but you’ll need to signup for their API key. You can get it free for a personal blog or a small website.

To set it up, see our guide on how to set up Akismet for beginners with step by step instructions.

3. Using Sucuri to Combat Spam Comments

Sucuri website firewall

While Akismet is able to catch a lot of spam comments, it cannot stop spammers from accessing your website. Too many requests from spammers to submit comments can slow down your website and affect performance.

This is where Sucuri comes in. It is the best WordPress firewall plugin that allows you to block suspicious requests before they even reach your website.

They can prevent automated bots and scripts from submitting comments. This reduces the load on your servers and the number of spam comments you receive.

4. Using Honeypot to Catch Spam Bots

Honeypot anti spam technique

Honeypot technology is an effective method to trick spambots into identifying themselves. Once they are identified their comments can be blocked.

First, you need to install and activate the Antispam Bee plugin. Upon activation simply go to Settings » Antispam Bee page and check the option to mark as spam for all honeypot caught comments.

Don’t forget to click on the save changes button to store your settings.

The plugin will now use the honeypot technique to catch the bad spam bots. It also has other antispam filter such as validate the IP address from your WordPress comment blacklist, look at bbcode, look in local spam database, and more.

5. Add Google reCAPTCHA Verification

Using reCAPTCHA in WP Comments plugin, you can enable Google reCAPTCHA challenge on your comment forms.

WordPress comment form with reCAPTCHA enabled

ReCAPTCHA is an advanced form of CAPTCHA, which is a technology used to differentiate between robots and human users. CAPTCHA is an acronym for “Completely Automated Public Turing test to tell Computers and Humans Apart”.

Google makes it easy for users to verify their identity by simply clicking on the checkbox button.

For spambots, this technology is quite hard to bypass because when Google detects a spam bot, it gives them a much harder challenge.

See our guide on how to how to add reCAPTCHA to WordPress comments.

Note: while most WordPress comment captcha plugins are annoying, this is the best form of CAPTCHA you can use.

6. Removing Website URL Field from Comment Form

Remove website field from the comment form

The URL field in the comment form attracts not only spammers (both automated and human), but it also invites people who have absolutely no interest in the discussion at all.

These comments usually contain a line or two of irrelevant nonsense, and the comment author name will contain a keyword or a combination of a real name with keywords like Sally from Dunder Mifflin, or John @SEOconsultants, etc.

Simply add the following code to your WordPress theme’s functions.php file or a site-specific plugin.


function wpb_disable_comment_url($fields)  
unset($fields['url']);
return $fields;

add_filter('comment_form_default_fields','wpb_disable_comment_url');

This code simply filters the WordPress comment form fields and removes the website field from the form.

Note: you will need to login to your WordPress hosting via FTP to upload the code above.

7. Disable Comments on Media Attachments

WordPress automatically creates image attachment pages where users can see an image and even leave a comment on it.

If you are linking your images to the attachment page, then after a while you will have a lot of attachment pages with comments enabled on them.

If images are a central part of your content, then that’s fine. But if you don’t want users to comment on images, then you should turn off comments on media attachments.

The easiest way to do this is by installing the Disable Comments plugin. Upon activation, go to Settings » Disable Comments page and check the box next to ‘Media’ option.

Disable comments for attachments

Click on the save changes button to store your settings. The plugin will now disable comments on your WordPress media files and attachments.

8. Disable HTML in Comments

Disable HTML in WordPress comments

Another handy tip to discourage links in comments is disabling HTML in comments. HTML can be used to hide spam links in WordPress comments.

Simply add the following code to your theme’s functions.php file or a site-specific plugin.

    function wpb_comment_post( $incoming_comment ) 
    $incoming_comment['comment_content'] = htmlspecialchars($incoming_comment['comment_content']);
    $incoming_comment['comment_content'] = str_replace( "'", '&apos;', $incoming_comment['comment_content'] );
	return( $incoming_comment );
    
    function wpb_comment_display( $comment_to_display ) 
     $comment_to_display = str_replace( '&apos;', "'", $comment_to_display );
     return $comment_to_display;

add_filter( 'preprocess_comment', 'wpb_comment_post', '', 1);
add_filter( 'comment_text', 'wpb_comment_display', '', 1);
add_filter( 'comment_text_rss', 'wpb_comment_display', '', 1);
add_filter( 'comment_excerpt', 'wpb_comment_display', '', 1);
remove_filter( 'comment_text', 'make_clickable', 9 );

This code changes HTML code into HTML entities which are displayed as the code and are not parsed by the browser.

9. Minimum and Maximum Comment Length

Another way to combat comment spam is by using Yoast Comment Hacks plugin to set a minimum and maximum comment length.

Recently we ran into a comment spam problem where a spammer was leaving hundreds of comments per hour with a single word: hello.

Akismet and Sucuri were not able to block this because the comment looked natural. Antispam bee honeypot slowed the spammer down, but it too wasn’t able to entirely block the attack.

We simply enabled the Yoast Comment Hacks plugin and set the minimum comment length. This forces the user to leave a more meaningful comment instead of just a one word message.

10. Disable Trackbacks in WordPress

A big portion of comment SPAM is trackbacks. For most blogs, it is not necessary to have trackbacks enabled. You can choose to disable trackbacks on your entire blog or in an individual post. This is an easy way to significantly reduce comment SPAM.

Disable trackbacks in WordPress

You can find the above option by visiting Settings » Discussion. This will turn off trackbacks for your entire site.

11. Turn off Comments on Old Posts

WordPress allows you to turn off comments on old posts. This particularly helpful for websites publishing content that is more timely like news or events websites.

Simply go to Settings » Discussion, under ‘Other comment settings’ you will see the option ‘Automatically close comments on articles older than’. Check the box next to this option and enter the number of days you want comments to be displayed on a post.

Close comments on older articles

WordPress will now automatically close comments on posts older than the number of days you defined for this option. If you need, you can override comment deadline in WordPress for individual posts where you would like comments to remain open.

12. Switch Off Comments

In case you feel that you don’t need comments on your WordPress site, or comment moderation goes out of your hands, remember that you can always switch off comments in WordPress. All you have to do is go to Settings » Discussion and uncheck the box next to ‘Allow people to post comments on new articles’.

Turn off comments

You can also make comments for registered users only by checking the box in your Settings ~ Discussion page. For more details, see our guide on how to completely disable comments in WordPress.

Frequently Asked Questions by Users

Why are they spamming me?

Spammers want to get better search rankings or lure unsuspecting visitors to dubious and malicious sites. They think that by spamming they can get more links, and it will somehow positively affect their search rankings.

In most cases, it is not a personal attack against you rather it’s a systematic process that targets many blogs.

What happens to comments that are marked as “Spam”?

The comments that you mark as spam, are not displayed on your website. You can delete Spammed comments in batch and/or recover good comments from the SPAM list.

Spam comments

Why is every comment going into the moderation queue?

You enabled the comment moderation as the first tip in this article. This gives you absolute control on any comment that gets published on your website.

We hope this article helped you find useful tips and tools to combat comment spam in WordPress. You may also want to see our guide on how to grow your website traffic and convert users into subscribers by creating an email newsletter.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 12 Vital Tips and Tools to Combat Comment Spam in WordPress appeared first on WPBeginner.



Source link

Maximum Execution Time Exceeded in WordPress


Are you seeing ‘Fatal error: Maximum execution time of 30 seconds exceeded’ on your screen when trying to update a WordPress plugin or theme?

Typically this problem occurs when a PHP code in WordPress takes a long time to run and reaches the maximum time limit set by your WordPress hosting server. The time limit is important because it helps prevent the abuse of server resources.

In this article, we will show you how to fix the fatal error: maximum execution time exceeded in WordPress.

Fix Fatal Error: Maximum Execution Time Exceeded in WordPress Easily

Why Maximum Execution Time Exceeded Error Occurs?

WordPress is coded mainly in the PHP programming language. To protect web servers from abuse, there is a time limit set for how long a PHP script can run.

The actual time limit varies across hosting companies, however most of the times the maximum execution time is set between 30 – 60 seconds because that’s usually enough for a good PHP script to run.

When a script reaches the maximum execution time limit, it results in maximum execution time exceeded error.

Maximum Execution Time of 30 Seconds Exceeded Error in WordPress

Fixing Maximum Execution Time Exceeded Error

Although Maximum Execution Time Exceeded error is named a ‘fatal error,’ it is one of the most common WordPress errors, and you can easily resolve this.

Depending on when and where the error is triggered, WordPress may show the following error message to your website visitors.

Technical difficulties

This is part of the fatal error protection feature added in WordPress 5.2. You may also receive an email that will tell you which plugin (if a plugin triggered the error) caused the issue.

Technical issue email sent to admin

The email will also include a special link, which will allow you to log in to WordPress with ‘Recovery mode’.

Recovery mode

Once there, you can simply deactivate or delete the plugin causing the error.

However, if you don’t want to deactivate a plugin, then you can fix the underlying cause that triggered the error.

To fix the error, you will need to manually edit your .htaccess file and add a simple line of code.

Simply connect to your website using an FTP client.

Your .htaccess file is located in the same folder as your /wp-content/ and /wp-admin/ folders. If you can’t find it, then look at our article on why you can’t find the .htaccess file and how to find it.

For example, if you are using FileZilla as your FTP client, then you can find it in the ‘Remote Site’ section on the right-hand column.

WordPress .htaccess File in Filezilla

Once you locate the .htaccess file, right-click and open ‘View/Edit’ option. This will open the file with in a text editor.

View/Edit .htaccess File in WordPress

Next, you need to add this line at the bottom of your .htaccess file:

php_value max_execution_time 300

If you are using Notepad as your text editor, here is how it may look.

Adding Code to .htaccess File WordPress

Once done, save your file.

This code simply sets the value for maximum execution time to 300 seconds (5 minutes). You can now visit your website to see if the error is resolved.

If you still get the error, then try increasing the value to 600.

If you found this method easier, then check out these most useful .htaccess tricks for WordPress.

Another method to fix the maximum execution time exceeded error in WordPress is by modifying your php.ini file.

The php.ini file is a configuration file that defines settings for PHP on your server. On many WordPress hosting platforms, you may not see it inside your WordPress folder.

In that case, you can create a new php.ini file inside your WordPress root folder. After that, edit the php.ini file and add the following line.

max_execution_time = 60

Don’t forget to save and upload your changes back to the server. You can now visit your website and to see if the error has gone.

In most cases, increasing maximum execution time using either of these two methods will resolve the error. However if it doesn’t, then you need to contact your WordPress hosting provider for assistance.

We hope this article helped you fix the fatal error: maximum execution time exceeded in WordPress. You may also want to see our guide on how to fix the error establishing a database connection in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

How to Use WordPress Theme Customizer (Ultimate Guide)


Did you know that WordPress comes with a built-in theme customizer that allows you to easily make changes to your website design in real time.

While every theme has some level of support for the default customizer options, many themes include additional tabs and options to the WordPress theme customizer, so you can easily customize your theme without any coding knowledge.

In this article, we’ll walk you through the default panels and show you how to use the WordPress theme customizer like a pro.

How to Use WordPress Theme Customizer Ultimate Guide

How to Access the WordPress Theme Customizer

Theme customizer is a default WordPress feature, and it is part of every WordPress website.

You can access it by logging into your WordPress admin area, and then going to Appearance » Customize from the left sidebar of your WordPress admin panel. This will open the Customizer interface with your current theme.

How to access WordPress Customizer

You can also use the WordPress theme customizer page for any of the installed themes on your website even when they are not active.

This allows you to see a live preview of that theme and make changes before you activate it.

To do that, you need to head over to Appearance » Themes page.

Next, hover your mouse cursor over on any installed theme and click on the Live Preview button to open the WordPress theme customizer page.

WordPress Theme Live Preview Option

How to Use the WordPress Theme Customizer

After opening the WordPress theme customizer, you’ll see all customization settings on the left side of your screen, and the live preview of your website on the right side.

WordPress Theme Customizer

WordPress theme customizer comes with a set of default panels regardless of the theme you’re using.

You need to click on the individual panels to make changes to it. You can also click on any of the blue pencil icons on the right side of your screen to open the settings for that particular item.

Note: advanced WordPress themes will add additional setting panels for extra customization options (more on this later).

Let’s take a look at the default options available in the WordPress theme customizer.

Site Identity Panel: Add Title, Logo, and Favicon

The Site Identity panel in the WordPress theme customizer allows you to add or change the title and tagline of your website.

By default, WordPress adds “Just Another WordPress Site” as the site tagline.

It’s recommended to change it after installing WordPress on your site. You can also keep it as blank if you want.

Site Identity Settings to change Site title, tagline, logo, and favicon

Site Identity panel in the WordPress theme customizer also allows you to add your site logo. Simply, click on the Select logo option to upload the logo of your website.

Want to add a favicon to your site? You can do that by clicking on the Select site icon option. For detailed instructions, you can follow our guide on how to create and add a favicon to your site.

WordPress Theme Customizer: Change Colors on Your Website

The controls on the Colors panel will mostly vary depending on the WordPress theme you’re using.

For example, the Twenty Seventeen theme allows you to choose the header text color and select a color scheme for your entire website.

Change Colors on Your Website

Other WordPress themes may offer different color options for site elements like: headings, links, body text, background of your website, etc.

Adding Navigation Menus in Theme Customizer

The Menus panel allows you to create navigation menus and control their location on your website.

On this tabl, you’ll find all existing WordPress menus that you’ve created previously. You can click on the “View All Locations” button to check the available menu locations that your theme supports.

Menus Panel in Theme Customizer

To create a new menu, you need to click on the Create New Menu button.

After that, you will need to give a name to your menu, so you can easily manage it later. You can also select the menu location and then click on Next to proceed.

Create a new navigation menu

To add items to this menu, you need to click on the Add Items button to open a new panel. You can now add custom links, pages, posts, categories, and tags as menu items.

Add items to navigation menu

To reorder the items, you can click on the Reorder link and then use the arrow icons to adjust the menu items.

Control Widgets on Your Website in Theme Customizer

The Widgets panel allows you to add and manage the widgets on your site.

Clicking on it will show you the different locations where you can add widgets. This will vary depending on the theme you’re using.

For example, the Twenty Seventeen theme offers 3 widget locations, whereas the Twenty Nineteen theme comes with just one location.

Widgets panel

When you click on any one of them, you’ll see the widgets that you’ve previously added to that location.

To add a new widget, you need to click on the “Add a Widget” button. This will open a new panel where you’ll see a list of all available widgets.

Add Widgets to your site

You need to click on the one that want to add. You can also make changes to the newly added widgets and adjust its position by dragging them up or down.

Homepage Settings Panel in Theme Customizer

By default, WordPress displays the latest blog posts on your homepage.

However for business websites users prefer to use a custom homepage. It allows you to have a proper landing page that displays your products and services.

To use a custom home page, you need to select “A static page” radio button on the Homepage Settings panel.

Homepage Settings in theme customizer

This will open up two new dropdown menus that you can use to select a page for your homepage and another for displaying your blog posts.

In case you don’t have the pages on your site, you can create a new one by clicking on the “+ Add New Page” link present below the dropdown menu. This will create a blank page with the name of your choice.

Additional CSS Panel for Adding Custom CSS

Do you want to add custom CSS code to style your website? You can do that in the Additional CSS panel.

Intermediate and advanced WordPress users often customize their site by adding CSS code directly to the style.css file of their theme. This adds additional steps like having FTP access to your WordPress hosting, modifying theme files, etc.

An easier solution for beginners is to add your custom CSS code to the Additional CSS panel in the WordPress theme customizer. This will allow you to make changes to your site and see them live on the right side of your screen.

Add Custom CSS code to Additional CSS pane;

When you start writing some CSS code, WordPress will automatically suggest attributes to you based on the letters you type. It will also display error messages if you have not written a proper CSS statement.

Note: If you want to customize your website without writing any code, keep reading. We will share two beginner friendly options that will allow you to easily customize your theme and even create a custom WordPress theme.

Other Theme Customizer Options

Some free and premium themes offer more theme customizer options.

Depending on the theme you’re using, you may be able to change the font style, add a background image, change the layout, modify colors, add random header images, and much more.

You can also add specific features to your theme customizer with the help of plugins. For example, you can add custom fonts in WordPress using the Easy Google Fonts plugin.

Preview Your Website on Different Screen Resolutions

It’s important for every website owner to make sure that their website is mobile responsive and looks good on all screen sizes.

Thanks to the WordPress theme customizer, you can easily check how your website looks on different screen sizes.

At the bottom of the Theme Customizer panel, you’ll find three icons and the “Hide Controls” link.

Preview website on different screen resolutions

These icons allow you to test your site on different screen resolutions like desktop, tablet, and mobile devices.

The Hide Controls link is useful for hiding the WordPress Customizer panel so that you can view your site properly on the desktop mode.

Publish, Save, or Schedule Your Customizer Settings

Once you have made the necessary changes, you need to apply them to your site. Otherwise, all your hard work will be lost.

Go ahead and click on the Publish button to apply the changes. Once done, you can click on the close button, present at the top-left corner of your screen, to exit the theme customizer.

Publish WordPress Customizer settings

What if you need more time to finalize your new design? In that case, you can save it as a draft and even share your new design with someone without giving them access to your admin area.

To do that, you need to click on the gear icon right next to the Publish button. This will open up the Action panel.

WordPress Customizer Save Draft option

Here you’ll find three options: Publish, Save Draft, and Schedule.

You need to select the Save Draft radio button on the Action panel and then click on the Save Draft button to store your changes.

You can now copy the preview link and share it with others to get feedback.

On the other hand, the Schedule option allows you to publish your changes on a specific date and time. You can use this option for scheduling your theme changes to go live at the time when you receive the least traffic.

Schedule Customizer settings on a specific date

Lastly, if you want to reset the unpublished changes, then you can click on the Discard changes link on the Action panel.

Preview Different Themes Without Going Live

There are times when you want to check how a new theme would look on your site. However, you don’t want to activate them on your live website.

In that case, you can open the WordPress Customizer to test new themes without going live.

On the Customizer panel, you’ll find the name of your active theme and the Change button.

Change WordPress Theme from Customizer

If you click on that button, then WordPress will display all your installed themes on the right side of the page.

To check a particular theme, you need to click on the Live Preview button.

Preview Installed themes on Theme Customizer

You can also preview themes from the WordPress Themes Repository. To do that, you need to select “WordPress.org themes” checkbox on the left panel.

This will show themes from the WordPress.org directory. You can click on the “Install & Preview” button to check the theme you like.

WordPress themes directory

You can also filter the themes by clicking on the Filter Themes button present at the top-right corner of your screen.

Note: we recommend using a WordPress staging website to test out new themes instead of using the customizer on a live site.

Import or Export Theme Customizer Settings

Did you know that you can import and export your theme customizer settings?

This is extremely helpful when you are making changes to your theme on your local server or a staging site. Instead of copying the settings manually to your live website, you can simply export the theme customizer settings to save your time.

For detailed instructions, you can follow our guide on how to import and export theme customizer settings in WordPress.

WordPress Theme Customizer Alternatives

Although WordPress Customizer allows you to make changes to your site, the number of controls will vary depending on the theme you’re using.

What if you like your theme, but wish that it had extra customization options?

In that case, the best solution is to use one of the two customization plugins that works alongside the WordPress theme customizer.

CSS Hero

CSS Hero plugin

CSS Hero is a WordPress plugin that allows you to customize your site without writing a single line of code. You have the freedom to style every element of your site without any hassle.

Do you want to customize the login page of your WordPress site? CSS Hero allows you to do that within a few minutes.

You can also edit and preview the changes in the frontend to make sure that your design looks perfect on every device.

Beaver Builder

Beaver Builder plugin

Beaver Builder is one of the best WordPress page builder plugins in the market. It allows you to build stunning pages for your site using a drag and drop interface.

The best part is that Beaver Builder works with almost every WordPress theme. This allows you to use it with your current theme.

Beaver Builder supports the use of shortcodes and widgets. It also offers different types of modules that you can use to easily style your website. See our guide on how to create custom layouts in WordPress for detailed instructions.

You can also use Beaver Builder to create a completely custom WordPress theme without writing any code.

We hope this guide helped you to learn how to use the WordPress Theme Customizer like a pro. You may also want to see our guide on the best WordPress plugins and tools for your website.

If you liked this article, then please subscribe to our YouTube Channel for more WordPress video tutorials. You can also follow us on Twitter and Facebook.



Source link

How to Add Nofollow Links in WordPress (Beginner’s Guide)


Are you wondering how to add nofollow links in WordPress? When you link to an external website, search engines pass a small part of link authority from your website to the other website.

Since you don’t own or control those third-party websites, it is usually a SEO best practice to add nofollow attribute to those links.

In this article, we’ll explain what is nofollow links, and how you can add nofollow links in WordPress posts, pages, and navigation menus.

How to Add Nofollow Links in WordPress - Simple Guide for Beginners

Here’s a quick overview of what you’ll learn in this article:

A nofollow link is a type of link that tells search engines to not pass any link authority from your page to the other website that you’re linking to. You can turn any link into a nofollow link by adding the following link attribute: rel=”nofollow”.

Links or backlinks are an important search engine ranking factor.

When you link to a website, search engines consider that as a ranking signal, and they will pass a small portion of your page authority (link juice) to the other website.

Some SEO experts believe that by making external links nofollow, their own website will rank higher.

How to Check if a Link is Nofollow?

All nofollow links must contain the rel=”nofollow” HTML attribute.

Here’s an example HTML code of a nofollow link:

<a href="https://example.com" rel="nofollow">Google</a>

To check whether a nofollow attribute is added to a link on a website, you need to take your mouse to that link, right click on it, and then select Inspect on your browser.

Check nofollow attribute in the link

Your browser window will now split into two parts.

In the bottom window, you will be able to see the HTML source code of the link along with the nofollow attribute.

As a general best practice, you should add nofollow to all external websites that you don’t trust.

It’s completely acceptable and actually recommended to link to authority websites like Wikipedia, WPBeginner, New York Times, etc without the nofollow attribute because linking to authority sites help you add credibility to your own website.

However we always recommend users to nofollow less credible websites or websites that you simply don’t trust.

The following are some cases when you should always add nofollow attributes to the links:

1. Affiliate and Sponsored Links

Most bloggers make money online using affiliate marketing.

Affiliate links are tracking links for products and services that you recommend and get referral commissions for if someone purchases your link.

Whether you’re using a direct affiliate link or cloaking it using Pretty Links, you should always add nofollow attribute to affiliate links.

Another popular way bloggers make money is by adding sponsored links. You should always add nofollow to sponsored links because otherwise search engines may consider your site as selling links / spammy.

2. External Links

Sometimes, you may link to an external source to provide a reference to your statement. Since you don’t control the content on those websites, you should consider adding nofollow to them.

In simple words, you are telling the search engines that you are linking to a source, but it is not something you can vouch for.

Note: You don’t need to nofollow a link to an authority website.

3. Sidebar Links

Some bloggers add a list of external or affiliate links to the sidebar of their WordPress blog. These external links can be from authority sites or websites that they trust.

The problem is every time a new page is created on your site, you are creating a new backlink for those websites from your sidebar.

It is important to make these links nofollow and make sure that you are not passing the SEO juice from every page to certain links.

Since Gutenberg is a new WordPress content editor, the old nofollow plugins for WordPress are not yet compatible with it.

Currently, the only way to add nofollow links in Gutenberg is to do it manually.

Let’s take a look at the step by step process on how to add nofollow links in WordPress posts or pages with Gutenberg.

First, you need to go to Posts » Add New from the left sidebar of your admin panel.

On this page, you need to select the text that you want to add a link to, and then click on the “anchor / link” icon.

select text to add link in Gutenberg Editor

This will open a text field just below the selected text. You can paste the external link directly in the box.

If you want the link to open in a new tab, then you need to click on the down arrow icon. This will open a menu where you have to click on the “Open in New Tab” toggle box.

Add external link to the textbox

Once done, you can click on the apply or Enter icon to add the link.

To add the nofollow attribute to your link, you need to select the block containing your link and then click on the 3 vertical dots icon present at the top bar.

Select edit as HTML option from the top bar

This will open a menu where you need to click on the Edit as HTML option.

You will now see the HTML code of your link. Go ahead to add the rel=”nofollow” attribute to the link element.

rel nofollow attribute to link

If you see the rel=”noopener noreferrer” attribute in the HTML code, then add a space after noreferrer and paste nofollow after that.

Once done, you can click on the 3 vertical dots icon again and select the Edit visually option to go back to the visual format.

Select edit visually option

This will convert your normal link to a nofollow link. You can follow the same process for adding nofollow attribute to all other external links.

Although it is recommended to upgrade to the newer version of WordPress, some users still prefer to use the Classic Editor for writing their posts.

Unlike the default editor, you can easily add nofollow links in the Classic Editor with the help of a plugin.

First thing you need to do is install and activate the Title and Nofollow For Links plugin. You can follow our guide on how to install a WordPress plugin for help.

This plugin works out of the box, and there are no settings for you to configure.

Head over to Posts » Add New to create a new post. You need to add some text to the post editor and select the text that you want to link. Next, click on the Link icon present in the toolbar.

Add Link to WordPress Classic Editor

After that you can add the external link to the textbox field below and click on the gear icon to open the Link options.

This will open up a modal window where you will see a nofollow checkbox just below the “Open link in a new tab” option.

Go ahead to select the Add rel=”nofollow” to link checkbox and then click on the Update button.

Add Nofollow attribute to a link in WordPress Classic Editor

This allows you to add a nofollow attribute to any link when writing a post. This is also useful for users who are not confident with editing HTML code.

Most bloggers select the “Open link in a new tab” checkbox as well when adding an external link. This is a great way to reduce bounce rate and keep your visitors from leaving your website.

You have already learned how to add nofollow links in the Gutenberg editor manually. However, that method is only useful when you want to add the nofollow attribute to some of your links.

If you have a lot of external and affiliate links in your post, then you should switch to the Code Editor to add nofollow attribute faster.

Open code editor to edit external links

Simply, click on the 3 vertical dots icon, present at the top-right corner of the page. This will open a dropdown menu where you need to select the Code Editor option.

You will now see the HTML code of the page. Next, search for the external and affiliate links and then, add the nofollow attribute to all of them.

Add nofollow to external links

Once done, you need to click on the “Exit Code Editor” link to revert to the visual editor.

If you’re using the Classic Editor, then you can easily use a plugin to add nofollow links. However, you can also add nofollow links manually.

To do that, you need to switch to the Text Editor by clicking on the Text tab. Next, you can add rel=”nofollow” to any link you want.

Add nofollow attribute to links in classic text editor

To go back to the visual editor, you have to click on the Visual tab, placed just beside the Text tab.

Some bloggers and site owners may add external links to the navigation menu of their website.

While adding a nofollow attribute to WordPress menu links is extremely simple, it is not as clearly visible.

Let’s take a look at how to add nofollow links in WordPress navigation menus.

First, you need to click on Appearance » Menus from the left sidebar of your admin panel.

Next, select the menu where you want to add the external link and then click on the Select button to open it.

Select a navigation menu to edit

After that, you need to click on the “Custom Links” tab to add the link text and external link URL. Once done, you need to click on the “Add to Menu” button to create a new menu item.

Add Custom Link to Navigation menu in WordPress

The external link will now appear in the Menu Structure column along with the other menu items.

Next, click on the Screen Options button at the top-right corner of the screen and select the Link Relationship (XFN) and Link Target options.

Screen Options navigation menus

Now scroll back down and click on the downward arrow icon of the new menu item to expand it. Here you will find the “Link Relationship” and “Open link in a new tab” options, just below the Navigation Label textbox.

Add nofollow to Link Relationship XFN option

To add the nofollow attribute, you need to write nofollow in the Link Relationship (XFN) textbox. You can also check the “Open link in a new tab” option if you want.

Click on the Save Menu button

Lastly, click on the Save Menu button to store your changes. This will add the nofollow attribute to the external link in your WordPress menu.

Some WordPress users want to automatically add the nofollow attribute to all external links on their site.

Most solutions that offer this are done with the help of JavaScript which is not helpful for Google and the SEO of your site. Instead, you should manually nofollow the links using the above methods.

In case you are concerned about the comment section, then the good news is that WordPress already adds the nofollow attribute to all comment links by default.

If you’re still looking for a solution to automatically nofollow the external links, then you can use the External Links plugin.

It adds the rel=”nofollow” attribute to all the external links on the posts, pages, navigation menus, and the sidebar.

To install the External Links plugin, head over to Plugins » Add New from the left sidebar of your admin panel.

Upon activation, you need to go to Settings » External Links page.

External Links plugin settings page

Here you need to select the “Add No Follow” checkbox. If you want the external links to open in a new tab, then you should select the “Open in New Windows” checkbox as well.

This plugin also allows you to add a list of domains and subdomains which should not be made nofollow.

To do that, you need to scroll down to the bottom of the page and then add the domains, separated by commas or space, to the “Domains to Exclude” textarea.

Domains to exclude nofollow attribute

Once done, you should click on the Save Changes button to store the settings.

That’s all! This plugin will now make all the external links nofollow on your site automatically.

We hope this guide helped you to learn how to add nofollow links to your WordPress site. You may also want to read our beginner’s guide to image SEO, and our ultimate guide for blog post SEO to help you further optimize your blog posts.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link

6 Best WordPress Slider Plugins


Are you looking to add a slider in your WordPress site? There are dozens of WordPress slider plugins on the market that you can use.

However, not all slider plugins are created equal. Most of them load too many scripts which slow down your website.

In this article, we will compare the top WordPress slider plugins based on their speed, ease of use, and overall features. The goal is to find the best WordPress slider plugin in terms of performance and quality.

Best WordPress slider plugins compared

The Problem With WordPress Sliders

Most WordPress sliders are slow. If it is not properly coded, a slider can significantly increase your page load time. If you do not have a good WordPress hosting service, then your server may respond even slower than normal.

The other problem with WordPress slider plugins is ease of use. Most of them are bloated and come with a learning curve for beginners.

Last but not least, you want to make sure that your WordPress slider is mobile responsive. A lot of them are not.

So how do you go through hundreds of slider plugins and check for all of this? Well, you don’t have to. We did the research for you and below are our results for the best WordPress slider.

The Contenders for Best WordPress Slider Plugin

For the sake of this article, we chose the top and highly recommended WordPress slider plugins. While doing our research, we noticed that these slider plugins were among the most used and recommended.

We decided to run some simple tests and see how each one of them performs. The criteria we are looking for is speed, ease-of-use, features, and compatibility.

Ready, let’s get started.

Speed – Which is the Fastest WordPress Slide Plugin?

The #1 problem with sliders is that they could slow down your website. Performance and speed not only affect user experience, but they also have a significant impact on SEO.

This is why slider speed is on the top of our comparison. We want to see which is the fastest slider plugin and then we will compare their features to see if the performance impact can be justified.

To find this out, we installed each slider plugin on a demo WordPress site. We uploaded the same images to create a slider. We didn’t change any other settings and embedded the slider on a blank WordPress page.

After that, we used Pingdom speed testing tool to run the test. Following are the results of our test for each slider plugin.

As you can see in the above scores, Soliloquy was the fastest loading WordPress slider in our tests. Closely followed by MetaSlider.

If you want a high-performance fast WordPress site, then Soliloquy is the best WordPress slider for you.

Now you might think that all other sliders performed well too. Why do we think that Soliloquy is the fastest?

If you notice the test results, you will see that Soliloquy increased page load size without affecting the speed.

This is achieved by using a neat little trick. Basically, it loads your cover slide first and then other slides are loaded asynchronously. In other words, you can upload high-quality slider images with minimum impact on performance.

Ease of Use – Which WordPress Slider Offers Better User Experience?

Creating sliders is not as simple as we would like it to be. There is too much technical language used in the user interface of all top WordPress slider plugins.

We want our slider plugin to be beginner friendly and something that just works out of the box. Let’s see how our top contenders perform in this regard.

Soliloquy

Soliloquy is the most beginner friendly WordPress slider plugin on our list. You can simply create a new slider and then just drag and drop your images.

It takes care of the other things like resizing images, choosing a slider theme, navigation style, etc. You can simply hit the publish button to save the slider.

Soliloquy user interface

The reason why it’s easy to use is that it uses the WordPress coding guidelines and blends in with your native WordPress admin interface. Soliloquy has a simple but intuitive user interface to create slides using the default WordPress media uploader.

Adding your slider to WordPress posts and pages is also a breeze. Soliloquy gives you a number of options including shortcodes, a Gutenberg editor block, a button for the old classic editor, and a widget.

Soliloquy block in Gutenberg editor

MetaSlider

MetaSlider is another easy to use WordPress slider. Creating a new slider is quite simple and it automatically takes care of all the technical settings for you.

MetaSlider user interface

It gives you options to choose different slider scripts, slider theme and styles, add captions and SEO titles, and more. Beginners can ignore all those options and can simply insert slider anywhere on their site using shortcode, Gutenberg block, widget, or template tag.

Smart Slider 3

Smart Slider 3 uses a different user interface which feels different than the rest of the WordPress admin screens. It is somewhat easy to use and beginners can find their way around.

Smart Slider 3 user interface

However, it packs a lot of options which may not be as easy to discover for beginners. The overall user experience is satisfactory and you can easily add a slider into posts and pages using the default block, shortcode, and template tag.

Slider by Nivo

Slider by Nivo is a free slider plugin that is easy and quite straight forward. You can simply upload slider images using the media uploader and rearrange slide order with drag and drop.

Using the same media uploader interface, you can add captions, link, and alternate text to your slide images. It comes with shortcodes and template tags so you can add a slider to your posts, pages, and template files.

Add new Nivo slider

Nivo Slider is an image slider and does not support video and other multimedia type. It comes with a nice bundle of themes that you can use and lots of transition effects to choose from. However, if you are counting on features and options, then Nivo falls behind other sliders on this list.

Slide Anything

Slide Anything allows you to add anything into a slider. You can add text, HTML, images, videos, or anything else you want. It is not as easy to use or intuitive as some other WordPress sliders and many of them also allow you to add other types of content.

Slide Anything slide editor

You will have to insert all your slide content inside an HTML editor. This makes it a bit difficult to keep your slides the way you want them to be.

Master Slider

Master Slider is another slider plugin with a non-native user interface that looks different than the rest of the WordPress screens. It is easy to use, but many of the options are hard to locate.

It starts with a template selection and automatically imports some demo slides for you to start with. You can then delete those slides and replace them with your own.

It has beautiful templates and can be easily inserted into WordPress posts, pages, and sidebars by using the shortcode, Gutenberg block, and template tag.

Master Slider works best with WordPress themes that automatically load jQuery on each page load. If your theme doesn’t do that, then you will need to change plugin settings and force it to load assets on page load.

Features – Which Slider Plugin for WordPress Offers More Choices?

If all you want to do is create simple image slide shows, then any of the free WordPress slider plugins on this list can do the job.

However, Soliloquy and MetaSlider come with a lot more features. They are fully responsive sliders and look equally beautiful on all devices and screen sizes. Both support video slides, HTML 5 videos, featured content slides, themes, animations, and transitions.

They both offer simple and easy to use interface and they both have additional add-ons that you can install to add more features.

Soliloquy has slightly more features like WooCommerce add-on for product slideshows, social media integration, Instagram add-on, and more.

Pricing

Cost is another decisive factor that might help users choose a slider plugin for WordPress.

Here is the price for a single site license of these plugins.

Among the paid plugins Soliloquy may look the cheapest, but their single site license doesn’t give you access to all the add-ons. You’ll need the developer license to access all add-ons, which costs $99.

On the other hand, both MetaSlider and Smart Slider 3 give you access to all add-ons even with a single site license.

Conclusion – The Best WordPress Slider Plugin

After comparing these plugins we can confidently say that the best WordPress slider plugin award goes to:

Soliloquy

It is by far the fastest WordPress slider plugin in the market. It follows all of the coding best practices, it is very well documented, easy to extend for developers and even easier to use for users.

Use our Soliloquy Coupon to get an extra 10% off.

Our second choice would be SmartSlider 3. It offers a very good balance of functionality and performance. The user interface is easy to use for beginners as well as developers.

We hope this article answers the questions regarding the best WordPress slider plugin in terms of performance and quality. You may also want to see our comparison of the best WordPress caching plugins to improve your website performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.



Source link