Blog

How to Add Web Push Notification to Your WordPress Site


Do you want to add push notifications to your WordPress site? Push notifications allow you to send notifications to users even when they are not visiting your website.

In this article, we will show you how to easily add web push notifications to your WordPress site. We will also talk about the best WordPress push notification plugins and how to send desktop & mobile push notifications from your WordPress site.

Adding web push notifications to a WordPress site

What is Push Notification?

Push notifications are clickable messages displayed on top of user’s desktop or notification area on their mobile device. They can be shown even when the user’s browser is not open.

web push notifications shown on a desktop

Aside from desktop, web push notifications also work on mobile devices. This allows you to reach your users across devices with latest updates and offers. Web push notifications have proven to be a very effective way to convert website visitors into customers and loyal followers.

Why Add Web Push Notifications to Your WordPress Site?

We have already discussed that 70% of people who leave your website will never come back. This is why you need to convert those website users into subscribers or customers.

You can do this by utilizing multiple channels at once. This includes email marketing, social media, mobile or SMS marketing, and web push notifications.

While email lists are still the most dominant and effective marketing tool at your disposal, push notifications for us are proving to be quite effective.

Here is why:

  • Users need to give their explicit permission to receive push notifications. This means they are already interested in what you have to offer and are more likely to engage with notifications.
  • Push notifications are shorter and demand less attention than email or social media updates.
  • There is no algorithm, so nearly 100% of messages are delivered.
  • Users can control how their devices display notifications, they can snooze them, or turn them off entirely.
  • Not as many companies are using it.

Popular sites including Facebook, Pinterest, LinkedIn, and many others understand the importance and are already using web push notifications.

These notifications are more engaging than SMS, email marketing, and social media platforms. According to a survey, push notifications have a 50% higher open rate than email and twice as much click-rate.

Having said that, let’s take a look at how to add web push notifications to a WordPress site.

Setting up Web Push Notifications in WordPress with OneSignal

OneSignal is a free push notification service for WordPress websites. It allows you to easily add push notifications to any website.

First thing you need to do is install and activate the OneSignal plugin. Need help installing the plugin? See our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item labeled OneSignal to your WordPress admin bar. Clicking on it will take you to the plugin’s settings page.

OneSignal settings page

The settings page is divided into Setup and Configuration tabs. The setup tab is actually detailed documentation on how to setup OneSignal push notifications in WordPress. It has the same steps that we will show you in this tutorial.

To setup OneSignal, you will need to add API Key and APP ID into the plugin settings.

Let’s get started.

Step 1: Setting up OneSignal Push Notifcations

First, you need to visit the OneSignal website and click on the get started button next to the Web Push option.

OneSignal get started

You’ll be asked to provide your email and password to create a free account. After your account is created, you’ll reach the OneSignal dashboard.

Add OneSignal app

On the dashboard, click on the ‘Add App’ button to create your first app.

You’ll be asked to provide a name for your app. You can use anything here that helps you identify it.

Enter a name for your app

Next, you’ll need to select a platform. You can select multiple platforms for an app. For now, we recommend selecting ‘Web Push’ and click on the next button to continue.

Choose app platform

In the next step, you’ll be asked to select an integration method. Go ahead and click on ‘WordPress Plugin or Website Builder’ box and then select WordPress.

Select integration method

When you scroll down a bit, you will see a ‘WordPress Site Setup’ section.

You need to enter your website name, URL, and upload a logo. This logo would appear in your notifications, so we recommend using your site icon (favicon) or website logo.

WordPress site setup

Below that, you will see a toggle that you can turn on if your WordPress site is not using SSL/HTTPS. You can only send web push notifications from a secure HTTPS URL. If your WordPress site is not using HTTPS, then you need to turn this setting on and enter a label.

A label is basically a subdomain hosted on OneSignal servers using a secure HTTPS URL. This subdomain will be used to send your push notifications.

If you want to setup HTTPS on your own WordPress site, then see our step by step tutorial on how to move WordPress from HTTP to HTTPS. We highly recommend using your own domain with SSL than a subdomain on OneSignal, so you’re not forever locked in to their platform.

Once you are done, click on the save button to store your OneSignal settings. You’ll now see the API keys that you need to copy.

Copy the API keys

Now, you can switch back to OneSignal plugin settings on your WordPress site and switch to the ‘Configuration’ tab. You need to paste the APP and API keys you copied earlier.

Paste API Keys

These API keys will only allow you to send push notifications via Chrome and Firefox web browsers.

You will also need Safari Web ID in order to send Push notifications via Safari web browser.

To get the Safari API key, you need to switch back to OneSignal website and go to the settings page for your app. Once there, you need to click on the edit icon next to Apple Safari.

Push notification setup for Safari

Next, you’ll be asked to enter your website title, URL, and optionally upload a site icon.

Safari settings for push notification

Click on the Save button to store your settings. After that, you’ll see your Safari Web ID on the screen which you need to copy.

Safari Web ID

Once again, switch back to the plugin’s settings page on your WordPress site and paste the Safari Web ID under the configuration tab.

Save OneSignal plugin settings

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

You can now visit your website in a new incognito browser tab. You will see a push notification popup on the top and a bell notification icon at the bottom right corner of the screen.

Push notification optin

The push notification popup will also appear on mobile browsers.

Push notification optin on mobile browser

Note: The appearance of push notification popup prompt may differ based on http/https settings of your site.

Now, you may be wondering why this push notification prompt looks different than what you see on some other websites?

Normally users see the browser default notification prompt, which looks something like this:

Default browser prompt for push notification

Now the problem is that, if a user clicked on ‘Block’ button, then they will never see a prompt for subscribing to notifications. To fix this, OneSignal comes with two different prompt types.

The first one is the push notification popup and the other one is the subscription bell icon. Both of them are fully customizable, and you can change them to meet your needs.

Step 2. Customizing The Push Notification Popup Prompt

The basic push notification popup is quite simple. It uses generic language and displays your site’s logo. You may want to customize that to make it more personal.

Simply switch to the configuration tab under OneSignal plugin’s settings page on your WordPress site and scroll down to the ‘HTTP Pop-Up Settings’ section.

Customize push notification popup

You need to click on the toggle next to ‘Customize the HTTP Pop-Up Prompt text’, and then start adding your own text.

Don’t forget to click on the Save button to store your settings before testing the prompt.

Step 3. Customize the Bell Notification Icon

Normally, the browser prompt for notification and the popup disappear when a user dismisses them.

What if users later change their mind and want to receive push notifications?

The subscription bell in OneSignal allows you to keep showing users a prompt to subscribe push notifications on your site.

The bell icon is also fully customizable from the plugin’s settings page. Simply scroll down to ‘Prompt Settings & Subscription Bell’ section and turn on the customization options that you want to change.

Subscription bell settings

You can then scroll down and change settings for each option you want to customize. Ideally, you would want to change bell icon colors to match your own theme colors.

Bell icon customization

Note: We don’t use the bell icon because we feel it’s a bit too intrusive.

Step 4. Sending Push Notifications from Your WordPress Site

By default, the OneSignal plugin automatically sends push notifications for all new posts published on your website. If you want, then you can turn this feature off from plugin’s settings page under ‘Automatic Notification Settings’ section.

Automatic notification settings

You can also manually send a notification when you publish or update a post. Simply edit a WordPress post or page, and you will see the OneSignal meta box under document settings column on the right.

OneSignal notification box in Gutenberg

If you are using the old classic editor, then you will see the meta box like this:

Send push notification box in classic editor

Check the box next to ‘Send notification on post update / publish’ and then click on update or publish button.

OneSignal will now send your article as a push notification to all your subscribers.

Send a welcome push notification to new subscribers

You can also send a welcome push notification to your new subscribers. Visit OneSignal’s settings page in your WordPress admin area and scroll down to the ‘Welcome Notification Settings’ section.

Welcome notification

Now when a new subscribes for push notifications, they will receive a welcome notification on their device. Depending on their browser and device the notification may look different.

Welcome notification displayed on Mac via Firefox

That’s all, you have successfully added web push notifications to your WordPress site.

You can also send custom notifications from the OneSignal app dashboard. The process is quite intuitive and you can follow onscreen instructions once you login to OneSignal.

Other Good WordPress Push Notification Plugins

It is important to choose the right web push notification service from the start. Since most providers try to lock you in their platform, changing your push notification service can result in losing your old subscribers. Meaning if you switch, then you will be starting from scratch.

This is why we recommend asking the provider you choose for all settings you need to configure to make your subscriber list portable.

At WPBeginner, we use OneSignal because it has the features that we need at a reasonable price.

  • OneSignal offers a free WordPress push notification plugin with unlimited mobile push and web push notifications for upto 30K subscribers.
  • Even their free plan includes features like segmentation, localization, tracking with Google analytics, and a robust API.
  • You can use it with all top email marketing services to send your newsletter emails via web push notifications

WordPress is all about choices. Here are some other WordPress push notification plugins that you can also try.

  • PushEngage Web Push Notifications – This is the connector plugin for PushEngage, a push notifications service provider. They have a free plan limited to 2500 subscribers, 120 notifications, and 5000 clicks.
  • PushAlert – Web Push Notifications – Helps you connect to PushAlert web push notification service. They also offer a free plan limited to 3000 subscribers.
  • PushCrew – Connects your website to PushCrew’s push notification service. They offer a free plan limited to 2000 subscribers.
  • PushAssist – Connector plugin for PushAssist web push notification service. Their free plan is limited to 2000 subscribers.

We hope this article helped you learn how to add web push notifications to your WordPress site. You may also want to see our guide on how to get a free business email address for your 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 Web Push Notification to Your WordPress Site appeared first on WPBeginner.



Source link

How to Create a Reusable Block in WordPress Block Editor (Gutenberg)


Do you often use the same content snippets in your WordPress posts? If you do, then you’ll love the Reusable Block feature in the new WordPress block editor. It allows you to save any content block and reuse them in other posts and pages on your website.

In this article, we will show you how to easily create a reusable block in WordPress Block editor also known as Gutenberg. We will also show you how to add reusable blocks in your WordPress posts and export them to use on your other WordPress websites.

Creating a reusable block in WordPress Gutenberg editor

What is a Reusable Block in WordPress Block Editor (Gutenberg)?

A reusable block in WordPress editor is a content block saved individually to be used later.

Many bloggers often add the same content snippets in multiple articles such as call-to-actions at the end of the blog post or links to follow the blog in social media.

Most people just save their content snippets as text files on their computers and then copy and paste them when needed.

The Gutenberg WordPress editor solves this problem by introducing reusable blocks.

Basically, you can now save content snippets in your WordPress editor and then reuse them anywhere almost instantly.

Following are just some of the scenarios when a reusable block can help you work more efficiently:

  • Asking users to follow you on social media at the end of each article.
  • Adding call-to-action buttons in your WordPress posts and pages.
  • Saving and reusing tables
  • Quickly adding feedback forms to your pages
  • Manually adding inline affiliate banners
  • and more…

That being said, let’s take a look at how to easily create a reusable block in WordPress block editor.

Creating a Reusable Block in WordPress Editor

All Gutenberg blocks are individual content elements in WordPress editor and they can be saved individually as a reusable block

First, you need to create a new post or edit an existing one. On the post edit screen, click on the add new block button and then choose a block type according to the content you are going to save.

Add a new block to Gutenberg editor

In this example, we are going to save a few lines of text in a paragraph block.

After adding the block, you need to add the content that you want to reuse. You can use the styling and formatting options in the block toolbar and block settings.

Editing a block

Once you are done editing, click on the three-dot menu button in the toolbar and then select ‘Add to Reusable Blocks’ option.

Add to reusable blocks

You will be asked to enter a name for the reusable block. We recommend using a name that helps you quickly identify the block and what it does.

Add block name

Finally, click on the Save button to store your reusable block.

Your block will be saved in the WordPress database with all its settings.

Adding Reusable Block in Other Posts and Pages

Now that we have learned how to create a reusable block in WordPress, let’s see how to add reusable blocks in your WordPress posts and pages.

Once again create a new post or edit a post where you want to add the reusable block. On the post edit screen, click on the add new block button.

Your reusable block is located under the ‘Reusable’ tab. You can also find it by typing its name in the search box.

Adding reusable block

You can take your mouse over it to see a quick preview of the block. Go ahead and click on the block to insert it into your post.

Your reusable block will appear in the post editor.

Reusable block added into a post

You can also edit the reusable block by clicking on the edit button on the block.

However, please keep in mind that changing a reusable block will change it on all locations where you have used it.

If you just want to make a change that only appears on this particular post, then you need to convert it to a regular block first.

Click on the three-dot menu in the block toolbar and then select ‘Convert to Regular Block’ option.

Convert to regular block

This will convert your reusable block into a regular block, and you will be able to make changes to it without affecting the original reusable block.

Managing All Reusable Blocks in WordPress Editor

After using reusable blocks for a while, you may have some blocks that you don’t use anymore or some blocks that you want to rename.

Gutenberg Editor allows you to easily manage all your reusable blocks from one screen.

To manage your blocks, click on the add block button and then locate the Reusables tab. You’ll see a link to manage your reusable blocks page.

Manage reusable blocks link

Clicking on the link will bring you to block management page. From here, you can edit, delete, export, and import your blocks.

Manage reusable blocks

Exporting / Importing Reusable Blocks

Reusable blocks are not just reusable on the website they were created for. You can also use them on any other WordPress website.

You can export the blocks from the block management screen. Simply click on the export button below a block, and WordPress will send it to you as a JSON file.

Exporting a reusable block

You can now switch to another WordPress site’s admin area. Go to the block management screen and then click on the ‘Import from JSON’ button.

This will show a file upload box. Click on the choose file button to select the block you downloaded earlier and then click on the import button.

WordPress will now import your reusable block and save it in the database. You can go ahead and start using it on the new site.

We hope this article helped you learn how to create a reusable block in WordPress Gutenberg editor. You may also want to see our tips on growing your online business without spending a fortune.

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

Best of Best WordPress Tutorials of 2018 on WPBeginner


The year 2018 is about to come to an end. It was a great year overall for WPBeginner, WordPress community, and for many of our users who started new websites and businesses. We want to thank all of you for your continued support of WPBeginner.

To continue our tradition, in this article, we will share our staff-pick of the best of best WordPress tutorials on WPBeginner. We will also share an overview of the success that our team had in 2018.

Best of the best WordPress tutorials of 2018

WPBeginner Recap 2018 by Syed Balkhi

Like every year, 2018 has been the best year ever for me both personally and professionally.

WPBeginner YouTube channel passed over 100,000 subscribers (currently at 122k subscribers). This was one of my goals for 2018, and I’m very glad that we met it.

We switched WPBeginner to HTTPS and added Browser Push Notification. In the last 6 months, we have added over 260,000+ users in our push list. This has been a great new traffic source for the blog.

In August, I launched the WPBeginner growth accelerator fund, which is the first-ever growth fund focused entirely on WordPress businesses.

WPBeginner Growth Accelerator Fund

Over 90 companies applied to receive investment and mentoring (which is quite humbling).

I completed the first round and invested in some amazing WordPress products including: MemberPress, Pretty Links, Affiliate Royale, Formidable Forms, and SeedProd.

If you’re interested in learning more, then check out this blog post where I shared some behind the scenes details.

2018 was a great year for WPBeginner’s family of products.

WPForms passed over 1 million active installs and it’s now one of the top 25 most popular WordPress plugins of all time. Considering that we only launched it in 2016, it’s amazing to see how far we have come.

We added a lot of powerful features in WPForms including: surveys & polls, form permissions (form locker), conditional form confirmations, Stripe recurring payments, Drip addon, rating fields, likert scale, NPS fields, image choice fields, custom input masks, better terms of service field, GDPR compatibility, Gutenberg compatibility, and so much more.

WPForms is the most beginner friendly WordPress form plugin, and that’s why it has continued to maintain a 4.9 out of 5 star rating average with over 3000+ five star ratings (read WPForms user reviews).

Not using WPForms yet? You can try the free version and then upgrade to Pro when you’re ready.

MonsterInsights, the best Google Analytics plugin for WordPress, passed over 2 million active installs.

We launched a brand new Overview report inside WordPress dashboard. We also created customized reports for Publishers and Ecommerce websites, so you can see the stats that really matter. We added several other reports as well including: Search Console report, Form Conversion report, and Custom Dimensions report.

MonsterInsights has become one of my most favorite plugins in 2018 because it helps me grow our business with confidence. I sincerely believe that it’s easy to double your traffic and sales when you know exactly how people find and use your website. MonsterInsights helps me make data-driven decisions to grow our business.

OptinMonster, our flagship conversion optimization software, continued to push the limits in 2018. We launched version 5.0 which added a brand new drag & drop campaign builder and a revamped display rules engine, so you can create more personalized campaigns.

Aside from the big release, we also released several new campaign templates, email conversion summaries, a new beta program, and my favorite Smart Tags feature.

Smart Tags basically makes dynamic personalization easy. Previously OptinMonster offered this feature as part of our API, but it required coding.

Now you can add personalization like user’s name, location (country, city, state, etc), time, and other items inside your OptinMonster campaign to boost conversions without writing any code.

Our free plugin WP Mail SMTP also passed the 1 million active installs mark.

In October 2018, I sold my popular List25 blog, so I can better focus on our WordPress and software business.

List25 was a side project that I started in college as an experiment. In 2018, we passed 2.4 million subscribers on YouTube and had 570 million total video views.

This blog never fit into what we did at Awesome Motive, but I kept it for as long as I did for sentimental values. Not to mention, it did generate a pretty good side income.

As for personal life, 2018 was a great year for my family. My son, Solomon, turned 2 years old. It’s been quite fun to watch him grow. We traveled to 6 countries this year. Solomon attended 1 WordCamp in 2018 (WordCamp Miami). His two favorite letters in the alphabet are W and P. Surprisingly it took me a while to catch that, and of course that makes sense considering most of the shirts I wear are WordPress branded. Below is a picture of our family, since I know many of you often ask for it.

Syed Balkhi Family Photo 2018

If you want to see more of my personal journey, then please check out my 2018 Year in Review blog post on my personal blog. It has everything that happened to me in 2018 both personally & professionally along with lessons that I learned, and my goals for 2019.

With that said, let’s take a look at the best of WPBeginner in 2018.

Best WPBeginner Tutorials in 2018

We published some really useful guides, tutorials, and how-tos throughout 2018. Here are some of our favorites.

January

What’s the difference between domain name and web hosting – We started the year with a beginner’s guide explaining the difference between domain name and web hosting. Many beginners often confuse the two terms, so we thought it is about time we explain the difference to help users understand the web basics.

How to send email in WordPress using the Gmail SMTP Server – Often WordPress websites fail to send emails because of poor configuration of email functions on their WordPress hosting servers. In this article, we showed an easier solution to the problem by sending WordPress emails using Gmail SMTP server.

Shopify vs WooCommerce – Which is the better platform? – Many beginners who want to start an online store often struggle in choosing between two of the most popular eCommerce platforms, Shopify and WooCommerce. In this article, we compared both platforms side-by-side for their features, ease-of-use, pricing, and flexibility to help you choose the best eCommerce platform for your online store.

16 Best Alternatives to the WordPress Jetpack Plugin – As your website grows, you will likely need to expand beyond the basic functionality of the Jetpack plugin suite. That’s why we created a list of the best Jetpack alternatives for specific features.

February

How to create an online course with WordPress using LearnDash – Selling online courses is becoming a common way for bloggers to make money online. In this guide, we explained how to easily create an online course using LearnDash with step by step instructions.

How to create a survey in WordPress – Surveys are a great way to gather valuable information from your users and use it to grow your business. In this step by step guide, we showed you how to create a survey in WordPress with beautiful interactive reports.

How to create a micro-job website like Fiverr with WordPress – Fiverr is a popular marketplace. This tutorial allows you to create a micro-job website like Fiverr and allow users to offer their services on your website, so you can earn a commission when jobs are completed.

How to fix the Mixed Content Error in WordPress – Mixed content error in WordPress is caused by incorrect HTTPs/SSL settings. While it may not affect your website’s functionality, it can have adverse affects on your website’s SEO and user experience. This guide helps you fix that.

How to add a stats dashboard on your WordPress site – Step by step guide on how to see your website stats inside your WordPress dashboard.

March

How to create an online marketplace using WordPress – A marketplace website allows your users to buy and sell items by setting up their own mini-stores within your eCommerce website for a fee. It is one of the fastest growing eCommerce categories with many opportunities for small niche marketplaces. In this guide, we showed you how to create your own online marketplace using WordPress with step by step instructions.

How to build an auction site like eBay using WordPress – An auction website allows users to bid on products to purchase them. This helps you to maximize profits and you can even allow other users to run their own auctions on your website for a fee. In this article, we showed you how to easily create an eBay like auction site using WordPress without any special technical skills.

How to sell ads on your WordPress blog – Online ads are one of the most popular ways to make money from your website. In this step by step beginner’s guide, we showed you how to properly sell ads on your WordPress blog and how to maximize your ad earnings.

Best online grammar checker tools for WordPress – Modern browsers come with built-in spellcheck but there is no way to check for grammar or readability. We hand-picked the best online grammar checker tools to help you write better blog posts for your website.

11 most important pages that every WordPress blog should have – Ever wondered what are the most important pages that you must have? As you go into 2019, make sure you have these important pages on your blog.

April

The ultimate affiliate marketing guide for beginners – Affiliate marketing is one of the most successful ways to monetize WordPress websites. In this beginner’s guide, we explained affiliate marketing, how it works, and showed step by step instructions to get started with affiliate marketing.

How to enable customer tracking in WooCommerce with Google Analytics – Customer tracking helps you understand user behavior and improve shopping experience on your website for maximum conversions. In this guide, we showed how you can enable WooCommerce tracking with Google Analytics and unlock this invaluable information.

Best WordPress job board plugins and themes – We hand-picked some of the best plugins and themes that you can use to add a job board to your WordPress website.

Revealed: Which are the most popular types of blogs? – This is one of the most commonly asked questions we get from new users who’re looking to start a blog. This article should help you find the best niche for your website.

May

The ultimate guide to WordPress and GDPR Compliance – The EU’s GDPR law made most website owners concerned about how it would affect them. In this guide, we explained everything you need to know about GDPR compliance in plain English.

How to easily accept credit card payments in WordPress – Many beginners want to accept credit card payments on their website without adding a shopping cart. In this article, we showed you how to easily accept credit card payments in WordPress without using a full-fledged eCommerce platform.

Best content marketing tools and plugins for WordPress – Content marketing is one of the most cost-effective ways to get search traffic to your website. We shared our pick of the best content marketing tools and plugins for WordPress to create a killer content strategy for your website.

Ultimate list of WordPress stats, facts, and other research – Need to convince your boss or someone else in your organization to use WordPress? Here some stats, facts, and research that will help.

How to register a Domain Name (+ tip to get it for free) – Beginner’s guide on what is a domain name, how to register one, and a bonus tip on how to get it for free.

June

How to do keyword research for your WordPress blog – In this article, we explained what is keyword research and how you can use it to find blog post ideas, improve SEO rankings, and get more traffic for your WordPress blog.

Wix vs WordPress – Which one is better? – Wix is a popular website builder that helps you create websites without any programming skills. In this article, we compared Wix vs WordPress with pros and cons of both platforms to determine which one is better.

How to create a free business email address – A business email address uses your company name and looks a lot more professional than a generic Gmail or Hotmail account. In this step by step guide, we showed you how to easily create a free business email address in 5 minutes.

Best analytics solutions for WordPress users – Website analytics help you find out where your users are coming from and what they do on your site. In this showcase, we shared our pick of the best analytics solutions that you can use on your WordPress website.

How to allow users to upload images in WordPress comments – By default WordPress doesn’t let users upload images in comments. If you want to allow your readers to upload images in comments similar to Facebook comments, then here’s a step by step tutorial to do that.

July

18 most important things you need to do after installing WordPress – Starting a new WordPress site? Here’s a checklist that we recommend you follow after you have installed WordPress.

How to properly move WordPress from HTTP to HTTPS – In July, Google announced that Chrome browser will mark all websites without an SSL certificate as insecure. This beginner’s guide shows you how to properly switch WordPress from HTTP to HTTPS.

How to choose the best domain registrar – Domain registrars are the companies responsible for registering and managing all domain names in the world. Choosing the right domain registrar will help you avoid additional costs and have full control of your domain. In this guide, we shared the best domain registrars that you can choose from.

Proven and easy to start online business ideas – If you are looking for a business idea that you can start online and start making money, then this guide is for you. We shared easy to start online business ideas that actually make money and do not cost much to start.

How to import external images in WordPress – Extremely useful guide for those who’re switching domain names or moving websites from another platform to WordPress.

August

How to create an IDX real estate website using WordPress – Many of our users wanted to build a functional real estate website using WordPress. In this tutorial, we showed how to easily build an IDX real estate website using WordPress without spending a fortune.

How to protect your WordPress site from brute force attacks – Brute force attacks can slow down a website, make it inaccessible, and even crack passwords to install malware. In this article, we showed you how to effectively protect your WordPress install against brute force attacks.

How to fix common SSL issues in WordPress – Some of our users wanted to know how to fix issues when moving their website from HTTP to HTTPs. In this beginner’s guide, we shared how to fix common SSL issues in WordPress.

Best WordPress caching plugin to speed up your website – One of the fastest ways to speed up your WordPress site is to install a caching plugin. This article highlights the best WordPress caching plugins.

How to create an Etsy-Like store with WordPress – Tired of paying Etsy’s high transaction fees? Here’s a step by step guide on how to create an Etsy-Like store in WordPress, and how to properly move an existing Etsy store to WordPress.

September

How to switch from Blogger to WordPress without losing Google rankings – We did a massive rewrite of one of our most popular articles on the website. Want to switch from Blogger to WordPress? We’ve got you covered.

How to take a screenshot for your blog posts (Ultimate Guide) – This step by step guide covers 6 different methods to taking screenshots for your blog posts. Bonus Power Tip that helps you quickly create screencasts and animated GIFs.

Top reasons why WordPress sites get hacked – One of the most common myths about WordPress is that it is less secure. WordPress is the most popular website builder in the world, and that’s why it is often the biggest target of any hacking attempts. In this guide, we shared the top reasons why WordPress sites get hacked and how you can easily prevent it from happening on your site.

How to properly move from Squarespace to WordPress – Many people who start their websites using Squarespace quickly realize the limitations of that platform and want to move. In this article, we shared how to move your website from Squarespace to WordPress.

How to disable Gutenberg and keep the WordPress Classic Editor – A lot of users are not happy with WordPress 5.0 block editor (Gutenberg). This article shows you how to disable Gutenberg and keep the classic editor.

October

40 most common WordPress errors and how to fix them – This ultimate guide is worth bookmarking because it has solutions for fixing 40 of the most common WordPress errors.

How to style the WordPress comment form – This guide is theme designer’s dream come true. It covers all the things you need to customize your WordPress comment form.

Ways to recover WooCommerce abandoned cart sales – More than 67% of users on an eCommerce stores abandon their carts without checking out. In this guide, we showed you how to recover those WooCommerce abandoned cart sales and grow your business more efficiently.

How to move your site from Joomla to WordPress – Joomla is a popular CMS software, much like WordPress but with a much smaller user base. In this step by step tutorial, we showed how to easily move your site from Joomla to WordPress.

How to check keyword rankings for your WordPress blog posts – You work hard on improving WordPress SEO and creating great content but how do you know if your site is doing well? In this beginner’s guide, we showed you how to check if your blog posts are ranking for the right keywords.

How to show your business review from Google, Facebook, and Yelp in WordPress – Want to add social proof to your business website? This plugin easily lets you display positive reviews about your business from social media right on your WordPress site.

November

Ultimate WooCommerce SEO Guide – Search is the most important source of traffic for most online stores. In this beginner’s guide, we showed you how to improve WooCommerce SEO with step by step instructions to rank higher in Google.

10 website marketing data you must track on your site – Instead of relying on your best guesses to make important marketing decisions, we showed you which website marketing data you must track on every WordPress site from day 1.

How to use user-generated content in WordPress – Use generated content allows you to add content created and generated by user activity on your website. In this tutorial, we showed you how to properly utilize user-generated content in WordPress to grow your business.

15 tips to grow your business online with a small budget – Most businesses who are just starting out don’t have big marketing budgets. In this guide, we shared our expert tips on growing your business online without spending a lot of money.

How to clone a WordPress (in 7 easy steps) – Moving a WordPress site to a new web host? Switching to a new domain? Or just want to create a staging site? Here’s a step by step guide on how to easily clone your WordPress site.

December

Using Google Search Console to grow website traffic – Google Search console is an incredibly powerful tool that offers tons of useful information that you can use to grow your website and get more traffic. In this beginner’s guide, we showed you how to properly use Google Search Console to grow your website traffic.

Best free website hosting compared – Many beginners who just want a quick website often want to start with a free website hosting company. In this article, we shared our pick of the best almost free and free website hosting companies and how they stack up against each other.

How to properly move from Medium to WordPress – Medium is a free writing platform but it is not exactly a flexible website builder like WordPress. In this step by step tutorial, we showed you how to easily move from Medium to WordPress.

How to use the new WordPress block editor (Gutenberg tutorial) – In WordPress 5.0, the classic content editor was replaced by a brand new block editor called Gutenberg. To answer user questions, we published the comprehensive Gutenberg block editor tutorial that walks you through the new editor and how to use it like a pro.

Best live chat software for small business – Our expert comparison of the best live chat software for small businesses.

These were some of the best WordPress tutorials on WPBeginner in 2018. We hope that you found them helpful.

We want to thank all WPBeginner users, who visited our website, offered feedback, left comments, and shared it with others. We truly appreciate you.

We look forward to adding even more useful WordPress tutorials in 2019. Have a Happy New Year.

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 Best of Best WordPress Tutorials of 2018 on WPBeginner appeared first on WPBeginner.



Source link

12 Best Live Chat Software for Small Business Compared (2019)


Did you know that more than 67% of users on eCommerce websites abandon their shopping carts without checking out? Customers want their questions to be answered instantly, and any uncertainty with their purchase can result in losing a sale.

Using a live chat support software helps you instantly answer user questions and convert them into paying customers. In this article, we will share our pick of the best live chat software for your small businesses. These live chat services work perfectly with any WordPress site.

Choosing the best live chat support software for your WordPress site

Why Add Live Chat Support to Your Website?

According to eConsultancy, live chat has the highest satisfaction levels of any customer service channel at 73%, compared to 61% for email and 44% for phone.

It is a no brainer that live chat has such a significant impact on online sales and marketing. It allows customers to get instant answers without leaving your website. A positive live chat experience can effectively help customers make the buying decision.

Adding live chat support can definitely reduce cart abandonment, increase sales, and boost conversions. But a lot of it depends on the live chat software that you use.

A poor live chat support experience can have an adverse impact. You can lose sales, customers may leave with a bad impression of your brand, you may end up paying too much for the service, or fail to utilize the live chat app due to technical skills.

Basically, you want to find an affordable live chat service, that is easy to use, works with WordPress, and comes with all the features to help you make more sales.

That being said, let’s take a look at our expert pick of the best live chat software that you can use to grow your business.

1. LiveChat

LiveChat

LiveChat is the industry leader in live chat software. It’s very easy to set up and install with their free LiveChat plugin for WordPress.

LiveChat also offers beautifully designed live chat support apps that you and your agents can use on your laptops, tablets, and mobile devices. That means you can chat with customers while on the go, without having to login to your WordPress dashboard.

You can add survey forms before and after a live chat session, so you can evaluate how your support team is doing. During your off-hours, your users can also conveniently send a support ticket directly from live chat.

LiveChat integrates with dozens of other services like popular CRM software, Google Analytics, Zendesk, all the top email marketing services, and many more. This will save you time since you won’t have to enter customer details manually into your other systems.

Perhaps the best feature of LiveChat is speed. It loads extremely fast, works on all devices, and offers a much better user experience than most other live chat software.

We use LiveChat on our eCommerce websites.

Pricing: LiveChat has different plans for businesses of all sizes. Their starter plan starts from $16 per agent per month billed annually, or $19 for month-to-month. Each plan comes with a 30 day free trial.

Special: WPBeginner users get 30% off the first payment when you use our LiveChat Coupon.

2. Olark

Olark

Olark is a popular live chat solution for online businesses. It’s easy to use, and adding Olark to a WordPress site is simple. All you need to do is copy and paste a code snippet into your WordPress sidebar widget or in your child theme.

If you’d rather not work with code, then there is also a free Olark Live Chat plugin which makes setup even easier.

Olark offers integration with other services such as Salesforce, Zendesk, Highrise, etc.

There are third-party mobile apps which allow you to connect to Olark chat from almost any iOS or Android device, so you can chat with customers on the go.

Pricing: Olark offers simpler pricing plan starting from $17 per agent each month. There is a 12% discount if you choose annual billing and 29% discount for two-year billing. They also offer 2-week free live chat support trial.

3. Zendesk Chat

Zendesk Chat

Zendesk is the leading help desk support software provider. They recently acquired an existing company called Zopim to enter the live chat support market and rebranded it as Zendesk Chat.

If you are already using Zendesk, then the best advantage you get is that it already integrates with your existing support software. It also works smoothly with WordPress, Salesforce, and a number of other third-party services.

Zendesk Chat also offers real-time chats, advanced analytics, and AI-powered chat-bots to automate the process when no live agents are available. They have beautiful templates and customization options to create attention-seeking chat widgets.

Pricing: Zendesk Chat offers a limited free live chat support account for 1 concurrent chat session. Their paid plans start from $14 per month per agent.

4. Chaport

Chaport

If you are looking for a free live chat support software for WordPress, then you may want to checkout Chaport. They offer a free forever plan with unlimited chats, history, notifications, unlimited registered operators, and up to 5 operators online at the same time.

Their software covers all the basic requirements. They have live chat support apps for mobile devices, beautiful multilingual chat widgets, reporting and analytics, third-party integrations through Zapier.

Paid plans give you access to more features like typing insights, visitor notes, saved replies, file sending, auto-invitations, and more.

Pricing: They offer a free plan and a Pro plan starting from $9.80 per agent / month.

5. SnapEngage

SnapEngage

SnapEngage offers live chat service to businesses of all sizes. It is a bit expensive than some other live chat companies on the list but offers some unique features and add-ons to justify the cost.

They offer integrations with popular CRM software, call back request, automated chat invitations, and customizable chat widgets to match your site.

SnapEngage also offers a SMS to Chat feature as an add-on service to their live chat software, so your visitors can directly communicate with your support team via text. Their OmniChannel chat solution allows you to help customers across different channels like Facebook, Twitter, SMS, WeChat, Zalo, and more.

Pricing: Their essentials plan starts from $16 per user / month, with minimum 3 users and it is billed annually with 7-day free trial.

6. Intercom

Intercom

Intercom is a flexible tool that helps you capture leads, engage users, and boost conversions. It offers messaging services with live chat widgets that you can automate with your own flows, add chatbots, and engage customers.

It is not just a live chat support software. It can be used as an onboarding tool, support assistant, lead generation tool, marketing automation, and user-engagement software.

If you are just looking for a live chat software, then you may not be able to utilize Intercom’s full potential. On the other hand, if you want your live chat support software to do all these tasks, then you’ll love Intercom.

It is easy to use, integrates with Google Analytics, CRM software, Slack, email marketing services, and more.

Pricing: Their essential plan starts from $136 / month, after which pricing is calculated based on your usage and add-ons you purchase.

7. Freshchat

Freshchat

Freshchat is another good live chat support service with awesome features that rival some of the more well-known companies on this list.

Designed to be a conversation and messenger app, it allows you to start real-time chats with customers using agents or AI-powered bots. It also offers customer timeline views, live profiles, in-app campaigns, and customizable bots for automated conversations.

You can connect chats to support tickets on Zendesk or on a slack channel. Your team can use smart plugs, canned responses, labels, private notes, and desktop notifications to be more productive.

Pricing: They offer a free live chat support service plan for up to 10 team members. Their paid plans start from $15 per user per month and are billed yearly.

8. LivePerson

LivePerson

LivePerson is another powerful live chat support software with tons of awesome features to help you engage customers and increase sales.

It allows you to engage your customers via live chat on your website but also through SMS, Facebook Messenger, WhatsApp, and more. You can use chatbots to create automated conversation flows and save customer information in your other third-party apps.

LivePerson is targeted towards medium to large businesses and enterprise level clients.

Pricing: You will have to request a quote to get pricing information based on your needs.

9. Userlike

Userlike

Userlike is another neat live chat support software that you can use on your WordPress site. It is based in Germany and their servers are hosted in Europe. They offer GDPR compliant services, which makes them a particularly good option for businesses in the European Union.

Their software is beautifully designed offering a better experience not just for your users but also for chat agents. With a clean and clutter-free dashboard, your agents still have all the tools that you would expect from a professional live chat support service.

It offers beautiful chat widgets, chatbots, integrations with all top support, CRM, and email platforms. You also get meaningful analytics reports, which helps you improve performance and overall conversions.

Pricing: They offer free live chat support account for 1 user. Their paid plans start from €29 per month for 3 operators.

10. Smartsupp

Smartsupp

Smartsupp is a low-cost live chat support software that allows you to track and record user sessions on your website. This helps you see how potential customers use your website and what’s preventing them from making a purchase.

It also helps you track chat conversations in Google Analytics to see your performance. It works with WordPress, Magento, Shopify, and other popular eCommerce platforms.

Pricing: A basic free-forever plan and their paid plans start from $8 per month per agent.

11. Pure Chat

Pure Chat

If you are looking for a free live chat software, then Pure Chat is another good alternative. It allows you to easily add beautiful live chat widgets to your websites and the free plan allows you to add 3 operators with unlimited chat history.

It comes with mobile apps so that you can stay connected with customers. Your customers can send you email messages when you are offline and pre-chat form helps you collect user information to reach out later.

Pricing: A basic free plan, and their paid plan starts $79 / month billed annually.

12. Drift

Drift

Drift is a conversational marketing platform that combines the power of live chat with an automated chat bot to help you save time and increase conversions. It comes with powerful features to help you convert more website visitors into sales leads.

Drift integrates with all popular CRM and email marketing services.

They offer several powerful features including Drift bot, anonymous visitor intelligence, account based marketing, scheduling for meetings, and more.

While it has a lot of powerful features, Drift is not affordable for small businesses.

Pricing: The Standard plan starts at $50 / month billed annually, and it comes with 2 seats. If you want the bot feature, then you will have to upgrade to the Pro plan which starts at $500 / month billed annually, and it comes with 5 seats.

Our Pick: Best Live Chat Software

For small businesses, we recommend LiveChat Inc. They’re the top rated live chat software in our list, and we use them on our business websites. It has all the necessary features for the right price.

If you’re looking for a complete platform and cost is not an issue, then we recommend that you look into Intercom.

If you’re looking to hire live chat agents, but not sure where to start, then we recommend using LTVPlus. We use them to hire affordable 24/7 live chat agents for our eCommerce website.

We hope this article helped you choose the best live chat support software for your WordPress site. You may also want to learn how to enable customer tracking in WooCommerce with Google Analytics.

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 Best Live Chat Software for Small Business Compared (2019) appeared first on WPBeginner.



Source link

How to Automatically Schedule Content Updates in WordPress


Have you ever tried scheduling a content update in WordPress? If you did, then you likely discovered that there is no easy way to schedule changes to a published post or page. In this article, we will show you how to easily schedule content updates in WordPress and improve your editorial workflow.

Scheduling content updates in WordPress

Why Schedule Updates for Posts and Pages in WordPress?

By default, WordPress allows you to schedule posts to be published at a specific time. However, you cannot schedule content updates for a post or page that is already published.

Many bloggers and website owners frequently make changes to their old blog posts, so they can keep their article up to date by adding new information.

Business websites may want to make scheduled changes to appear at a certain time. For example, when you are running a sales event or limited time promotional offer.

Normally, you will have to make changes at the exact time you want them to appear. Your changes become live as soon you hit the update button. Some site owners save their changes as a draft and then copy / paste them at the right time.

Wouldn’t it be nice if you can schedule your content updates just like you would schedule new posts and pages?

Let’s take a look at how to easily schedule content updates in WordPress to improve your workflow and keep your old content fresh.

Scheduling Content Updates in WordPress

The first thing you need to do is install and activate the Tao Schedule Update plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit Posts » All Posts page in the WordPress admin area. From here you can locate the post where you want to schedule changes and then click on the ‘Scheduled Update’ link.

Schedule an update

The plugin will create a draft copy of your original post and open it in the post editor. You can now make changes to your post.

Once you are done editing, click on the date and time next to the ‘Publish’ option.

Click on date to set the schedule

This will show the date and time settings. You need to enter the date and time when you want your changes to go live and then click on the ‘Schedule’ button at the top right corner of the screen.

Set up schedule

Your changes will now be scheduled and will be published automatically at the date and time you entered.

Scheduling Content Updates in Classic Editor

If you are using the older classic editor, then you will see a new meta box in the right column labeled ‘Scheduled Update’

From here you can select the date and time and when you want to publish the changes. After that, you can schedule your changes by clicking the ‘Save’ button under the publish meta box.

Viewing and Managing Scheduled Post Updates

You can manage your scheduled post updates from the Posts » All Posts screen. All scheduled updates will be highlighted with their set release date.

Managing your scheduled post and page content updates

From here you can delete or modify a scheduled update without affecting your original post. You can also immediately publish an update by clicking on the ‘Publish now’ link.

We hope this article helped you learn how to properly schedule content updates in WordPress. You may also want to see our tips on growing your website on a shoestring budget.

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 Automatically Schedule Content Updates in WordPress appeared first on WPBeginner.



Source link

How to Use the New WordPress Block Editor (Gutenberg Tutorial)


In WordPress 5.0, the classic content editor was replaced with a brand new block editor, known as Gutenberg. Since then, several of our readers have asked us to create a comprehensive tutorial on how to use the Gutenberg block editor in WordPress.

WordPress block editor is a totally new and different way of creating content in WordPress. In this tutorial, we will show you how to use the new WordPress block editor and master it to create visually stunning blog posts and pages.

Using the new WordPress block editor aka Gutenberg

What’s The Difference Between Block Editor (Gutenberg) and Classic Editor?

Before we dive into the new editor, let’s first compare and understand the differences between Gutenberg Block Editor and the Classic Editor.

Here is what the classic editor in WordPress looked like:

Old WordPress editor

If you upgrade to WordPress 5.0, then this is what the new block editor looks like:

New WordPress Block Editor also known as Gutenberg

As you can see, they are two completely different editors for creating content in WordPress.

The old classic editor was a text editor with formatting buttons very similar to Microsoft Word.

The new editor uses a totally different approach, called ‘Blocks’ (hence, the name Block Editor).

Blocks are content elements that you add to the edit screen to create content layouts. Each item you add to your post or page is a block.

You can add blocks for each paragraph, images, videos, galleries, audio, lists, and more. There are blocks for all common content elements and more can be added by WordPress plugins.

How is the new WordPress block editor better than the classic editor?

The new WordPress block editor offers a simple way to add different types of content to your posts and pages.

For example, previously if you wanted to add a table in your content, then you needed a separate table plugin.

With the new editor, you can simply add a table block, select your columns and rows, and start adding content.

Table block

You can move content elements up and down, edit them as individual blocks, and easily create media-rich content.

Most importantly, the new WordPress block editor is easy to use and learn.

This gives an immense advantage to all WordPress beginners who are just starting their first blog or building a DIY business website.

That being said, let’s take a look at how to use the new WordPress block editor like a pro to create great content.

Here is what we will cover in this Gutenberg tutorial:

  1. Using Gutenberg – The new WordPress block editor
  2. Creating a new blog post or page
  3. How to add a block in Gutenberg
  4. Working with blocks in the new editor
  5. Saving and reusing blocks in Gutenberg
  6. Publishing and post settings in Gutenberg
  7. Plugin settings in new editor
  8. Adding some common blocks in Gutenberg
  9. Exploring some new content blocks in Gutenberg
  10. Bonus tips on using Gutenberg like a pro
  11. Adding more blocks to Gutenberg Block Editor
  12. FAQs about Gutenberg

Ready? Let’s dive in.

Using Gutenberg – The New WordPress Block Editor

The block editor is designed to be intuitive and flexible. While it looks different than the old WordPress editor, it still does all the things that you were able to do in the classic editor.

Let’s start with covering the basic things that you did in the classic editor, and how they are done in the block editor.

Creating a New Blog Post or Page Using The Block Editor

You will start creating a new blog post or page like you normally would. Simply click on Posts » Add New menu in your WordPress admin. If you are creating a page, then go to Pages » Add New menu.

Adding a new post

This will launch the new block editor.

How to Add a Block in Gutenberg

The first block of every post or page is the title.

After that, you can use the mouse to move below the title or press the tab key on your keyboard to move down and start writing.

Adding a post title in Gutenberg

By default, the next block is a paragraph block. This allows users to start writing right away.

However, if you want to add something different, then you can click on the add new block button on the top left corner of the editor, below an existing block, or on the left side of a block.

Add new block button

Clicking on the button will show the add block menu with a search bar on top and commonly used blocks below.

You can click on tabs to browse block categories or type in the keyword to quickly search for a block.

Finding and adding blocks in Gutenberg

If you don’t want to use a mouse to click on the button, then you can use a keyboard shortcut by typing / to search and add a block.

Working with Blocks in The New Editor

Each block comes with its own toolbar which appears on top of the block. The buttons in the toolbar would change depending on the block you are editing.

For example, in this screenshot, we are working in a paragraph block which shows basic formatting buttons like: text alignment, bold, italic, insert-link, and strikethrough buttons.

Each block comes with its own toolbar

Apart from the toolbar, each block can also have its own block settings which would appear in the right column of your edit screen.

Block settings

You can move blocks up and down by simple drag and drop or by clicking the up and down buttons next to each block.

Moving a block up and down

Saving and Reusing Blocks in Gutenberg

One of the best things about blocks is that they can be saved and reused individually. This is particularly helpful for bloggers who frequently need to add specific content snippets to their articles.

Simply click on the menu button located at the right corner of each block’s toolbar. From the menu, select ‘Add to reusable blocks’ option.

Saving a block to reuse later

You will be asked to provide a name for this reusable block. Enter a name for your block and then click on the save button.

Giving a name to reusable block

The block editor will now save the block as a reusable block.

Now that you have saved a block, let’s see how to add the reusable block into other WordPress posts and pages on your site.

Simply edit the post or page where you want to add the reusable block. From the post edit screen, click on the add block button.

You will find your saved block under the ‘Reusable’ tab. You can also find it by typing its name in the search bar.

Insert a reusable block

You can take your mouse over it to see a quick preview of the block. Simply click on the block to insert it into your post or page.

All reusable blocks are stored in your WordPress database, and you can manage them by clicking on the ‘manage all reusable blocks’ link.

Manage your reusable blocks

This will bring you to the block manager page. From here, you can edit or delete any of your reusable blocks. You can also export reusable blocks and use them on any other WordPress website.

Import export reusable blocks in WordPress

Publishing and Managing Options in Gutenberg Block Editor

Each WordPress post contains a lot of metadata. This includes information like publish date, categories and tags, featured images, and more.

All these options are neatly placed in the right column on the editor screen.

Document settings in Gutenberg the new WordPress editor

Plugin Options in Gutenberg

WordPress plugins are able to take advantage of the block editor’s API to integrate their own settings within the edit screen.

Some popular plugins are already available as blocks. For example, WPForms, the best WordPress form builder plugin allows you to add forms into your content using a widget block.

WPForms block in new Gutenberg editor

Here is how Yoast SEO allows you to edit your SEO settings in the new editor:

Yoast SEO settings in new Gutenberg editor

WooCommerce also comes with widget blocks that you can easily add to any of your WordPress posts and pages.

WooCommerce products block

Adding Some Common Blocks in New Editor

Basically, the new editor can do everything the classic editor did. However, you will be doing things way quicker and elegantly than before.

1. Adding an image in new WordPress editor

There is a ready to use image block in the new WordPress editor. Simply add the block and then upload an image file or select from the media library.

Image block in new WordPress editor

You can also drag and drop images from your computer, and the editor will automatically create an image block for it.

Once you have added an image, you will be able to see the block settings where you can add metadata for the image like alt text, size, and add a link to the image.

Image block settings

2. Adding a link in new block Editor

The block editor comes with several blocks where you can add text. Most commonly used one is the paragraph block which comes with an insert link button in the toolbar.

All other commonly used text blocks also include a link button in the toolbar.

Link button in the list block

You can also insert a link using the keyboard shortcut, which is Command + K for Mac and CTRL + K on Windows computers.

3. Adding an image gallery in Gutenberg

The gallery block works like the image block. You add it and then upload or select image files.

Adding image gallery in new WordPress editor

4. Adding shortcodes in WordPress posts using Gutenberg

All your shortcodes will work just like they did in the classic editor. You can simply add them to a paragraph block, or you can use the shortcode block.

Adding a shortcode block

Exploring Some New Content Blocks in Gutenberg

The Gutenberg editor promises to solve some long-standing usability issues in WordPress by introducing some new blocks.

Following are some of the favorites that we believe users will find immensely helpful.

1. Adding an image next to some text in WordPress

Using the old editor, many of our users were unable to place an image next to the text. You can do this now with the Media & Text block.

Media and Text block

This simple block comes with two blocks placed side-by-side allowing you to easily add an image and add some text next to it.

2. Adding a button in WordPress posts and pages

Adding a button to your blog posts or pages was another annoyance in the classic editor. You either had to use a plugin that created a shortcode for the button, or you had to switch to HTML mode and write code.

Gutenberg comes with a button block that allows you to quickly add a button to any post or page.

Adding a button block in Gutenberg

You can add a link for your button, change colors, and choose from three button styles.

3. Adding beautiful cover images in blog posts and landing pages

Another cool feature that you may want to try is the ‘Cover’ block, which allows you to add cover images to your posts and pages.

A cover image is a wider image often used as a cover for a new section in a page or the beginning of a story. They look beautiful and allow you to create engaging content layouts.

Simply add a cover block and then upload the image you want to use. You can choose an overlay color for the cover or make it a fixed background image to create parallax effect when users scroll down the page.

The cover image block in Gutenberg editor

4. Creating tables inside articles

The classic editor didn’t have a button to add tables into your WordPress posts. You had to use a plugin or create a table writing custom CSS and HTML.

New Gutenberg editor comes with a default Table block, which makes it super easy to add tables into your posts and pages. Simply add the block and then select the number of columns and rows you want to insert.

Table block

You can now go ahead and start adding data to table rows. You can always add more rows and columns if needed. There are also two basic style options available.

5. Creating multi-column content

Creating multi-column content was another issue that the classic editor didn’t handle at all. The block editor allows you to add Columns block, which basically adds two columns of paragraph blocks.

Multi-column content

This columns block is quite flexible. You can add up to 6 columns in a row and even use other blocks inside each column.

Bonus Tips to Use Gutenberg like a Pro

Looking at the new block editor, you may be wondering whether you will be spending more time adding and adjusting blocks than creating actual content?

Well, the new editor is incredibly fast and even very basic usage for a few minutes will allow you to instantly add blocks without even thinking.

Pretty soon you will realize how much faster your workflow will become with this new approach.

For power users, here are some bonus tips to help you work even faster with the new WordPress editor.

1. Move the block toolbar to the top.

As you may have noticed in the screenshots that there is a toolbar that appears on top of every block. You can move this toolbar to the top of the editor.

Simply click on the three-dot button at the top right corner of the screen and then select the Top Toolbar option.

Move the block toolbar to the top of the editor

2. Use keyboard shortcuts

Gutenberg comes with several handy shortcuts that will make your workflow even better. The first one you should start using right away is the /.

Simply enter / and then start typing, and it will show you matching blocks that you can instantly add.

For more shortcuts, click on the three-dot menu on the top-right corner of your screen and then select ‘Keyboard Shortcuts’.

Launch keyboard shortcuts

This will bring up a popup with the list of all the keyboard shortcuts that you can use. The list will have different shortcuts for Windows and Mac users.

3. Drag and drop media to automatically create media blocks

Gutenberg allows you to just drag and drop files anywhere on the screen and it will automatically create a block for you.

You can drop a single image or video file, and it will create the block for you. You can also drop multiple image files to create a gallery block.

Drag and drop gallery block in new WordPress editor

4. Adding YouTube, Twitter, Facebook, Vimeo, and other embeds

Gutenberg introduces new embed blocks to the block editor. There is a block for all supported embed types including YouTube, Twitter, Facebook, and more.

Embed blocks

However, you can just copy and paste the embed URL at any point, and it will automatically create a block for you.

For example, if you added a YouTube video URL, it will automatically create a YouTube embed block and display the video.

YouTube embed

Adding More Blocks to Gutenberg Block Editor in WordPress

The new block editor in WordPress allows developers to create their own blocks. There are some awesome WordPress plugins offering block bundles for the new editor.

Here are a few of them:

1. Advanced Gutenberg

Advanced Gutenberg

Advanced Gutenberg comes with several blocks for popular content elements like WooCommerce product slider, testimonials, maps, counter, tabs, accordions, and more.

It also gives you advanced control on which users can access blocks based on their user roles. You can create user profiles and select which blocks they can add.

2. Stackable – Gutenberg Blocks

Stackable - Gutenberg Blocks

Stackable – Gutenberg Blocks is a collection of beautifully designed Gutenberg blocks that you can use on your website. It includes blocks for the container, posts, feature grid, accordion, image box, icon list, call to action, and more.

3. Editor Blocks

Editor blocks for Gutenberg

Editor Blocks is another neat collection of Gutenberg blocks that you can use. It comes with useful blocks like author profile, hero image, pricing table, brands, features, and more.

FAQs about Gutenberg – The New Block Editor in WordPress

Since Gutenberg became the new WordPress editor, we have been getting a lot of questions. Here are the answers to some of the most frequently asked questions about Gutenberg.

1. What happens to my older posts and pages? Can I still edit them?

Your old posts and pages are completely safe and unaffected by the Gutenberg. You can still edit them, and Gutenberg will automatically open them in a block containing the classic editor.

Editing older articles in new WordPress editor

You can edit them inside the old editor, or you can convert older articles into blocks and use the new block editor.

2. Can I still keep using the old editor?

Yes, you can still keep using the old editor. Simply install and activate the Classic Editor plugin.

Upon activation, it will disable the block editor, and you will be able to continue using the classic editor.

Please note that Classic Editor will be supported until 2022.

3. What to do if the new editor doesn’t work with a plugin or theme I am using?

Project Gutenberg was under development for a long time. This gave plugin and theme authors plenty of time to test their code for compatibility.

However, there is still a chance that some plugins and themes may not work well with the new editor. In that case, you can install the classic editor plugin, request the developer to add Gutenberg support, or simply find an alternative plugin or theme.

4. How to learn more Gutenberg tips and tricks?

WPBeginner is the best place to learn about the new block editor in WordPress. We are the largest WordPress resource site on the internet.

We will be publishing new articles and updating our old resources to help you master the new block editor.

Meanwhile, if you have any questions, feel free to reach out to us by leaving a comment or by using the contact form on our website.

We hope this Gutenberg tutorial helped you learn how to use the new WordPress block editor. You may also want to see our complete WordPress performance guide for improving your website speed.

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 SVG in WordPress (with 2 Simple Solutions)


Do you want to add SVG files to your WordPress site? By default, WordPress allows you to upload all popular image, audio, and video file formats, but SVG is not among them. In this article, we will show you how to easily add SVG in WordPress.

Easily add SVG files in WordPress

What is SVG?

SVG or Scalable Vector Graphics is a file format that defines vector-graphics using the XML markup language. The main benefit of SVG is that it allows you to enlarge images without losing quality or having any pixelation.

How does SVG work?

Scalable Vector Graphics (SVG) is a technology that displays two-dimensional drawings using XML. They are different than the commonly used image formats like PNG, GIF, or JPEGs.

If you take a png / jpeg image file and zoom in, then you will notice that the image will start to blur and become pixelated.

Vector graphics don’t use pixels. Instead, they use a two-dimensional map that defines the graphic you are viewing. As you zoom in, the image doesn’t pixelate.

This enables you to enlarge vector graphics without losing quality. Most importanly, SVG images can be way smaller in filesize than JPEGs or PNG.

Vector graphics are commonly used for icons, icon fonts, website logos, and branding images. You may want to add SVG files in WordPress for your company logo, icons, or other graphics.

As cool as they sound, SVG files are still a bit unsafe. That’s why WordPress doesn’t support SVG file uploads by default.

If you upload an SVG image in WordPress, then you will see the following error message:

Sorry, this file type is not permitted for security reasons.

SVG security error in WordPress

Security Issues Concerning SVG in WordPress

SVG files contain code in the XML markup language which is similar to HTML. Your browser or SVG editing software parses the XML markup language to display the output on the screen.

However, this opens up your website to possible XML vulnerabilities. It can be used to gain unauthorized access to user data, trigger brute force attacks, or cross-site scripting attacks.

The methods we will share in this article will try to sanitize SVG files to improve their security. However, these plugins cannot totally prevent malicious code from being uploaded or injected.

The best solution is to only use SVG files that are created by reliable sources and to restrict SVG uploads to trusted users only.

To learn more about security, check out our complete WordPress security guide for beginners.

That being said, let’s take a look at how to easily and safely use SVG files in WordPress.

Method 1. Upload SVG Files in WordPress Using SVG Support

This method offers complete support for adding SVG files in WordPress. It also allows you to display inline SVG in WordPress posts and pages.

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

Upon activation, you need to visit Settings » SVG Support page to configure plugin settings.

SVG support settings

On the settings page, you need to check the box next to ‘Restrict to Administrators?’ option. This will allow only a site administrator to upload SVG files in WordPress.

The next option is to turn on the advanced mode. You only need to check this option if you want to use advanced features like CSS animations and inline SVG rendering.

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

You can now create a new post or edit an existing one. In the post editor, you will upload your SVG file like you would upload any other image file. Simply add an image block to the editor and then upload the SVG file.

You will now be able to upload and embed SVG file in WordPress.

SVG file embed in WordPress post

Method 2. Upload SVG Files in WordPress Using Safe SVG

This method also uses a plugin and allows you to perform sanitization of SVG files uploaded to WordPress.

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

The plugin works out of the box, and there are no settings for you to configure. You can simply go ahead and start uploading SVG files.

The downside is that this plugin allows SVG uploads by all users who can write posts on your WordPress site.

In order to control who can upload files, you will need to purchase the premium version of the plugin.

We hope this article helped you learn how to safely add SVG in WordPress. You may also want to see our article on most common image issues in WordPress and how to fix them.

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 SVG in WordPress (with 2 Simple Solutions) appeared first on WPBeginner.



Source link

How to Add a Countdown Timer Widget in WordPress (3 Methods)


Do you want to add a milestone countdown in WordPress? A countdown timer helps you showcase important achievements, anniversaries, upcoming events and more. In this article, we will show you how to easily add a countdown timer in WordPress (even the evergreen timers).

Adding a milestone countdown widget in WordPress

When and Why you Need a Milestone Countdown Widget?

Milestone countdown widgets are a useful tool to remind your audience about an important milestone in your business, an upcoming event, product launch, or a sales events. This helps build anticipation among your customers and improves user engagement.

Following are some common scenarios where you can effectively use a milestone countdown widget:

  • Before launching your website on a coming soon page.
  • During website maintenance to let visitors know when the website will be available again.
  • Before introducing a new product or service.
  • When hosting an event or conference.
  • On the birthdays of your online business.
  • On holidays and sale events such as Black Friday to offer big discounts on your products or services.

You can display the milestone countdown timer in your posts, pages, and sidebar widget area. You can also add countdown timers in lightbox popups, floating bars, scroll boxes, and other design agnostic elements to engage abandoning site visitors and bring them back to your website.

Since there are so many use-cases of a countdown timer, we have listed 3 different methods for adding a milestone countdown widget in WordPress:

  1. Create Milestone Countdown Widget using Countdown Timer Ultimate
  2. Create Highly Engaging Dynamic Countdown Timers with OptinMonster
  3. Create Coming Soon & Maintenance Mode Countdown Timer with SeedProd

Let’s take a look at how to easily add a milestone countdown widget in WordPress.

Method 1: Adding a Milestone Countdown Widget Using Countdown Timer Ultimate Plugin

Countdown timer demo

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

Upon activation, you need to visit the Countdown Timer » Add Timer page in your WordPress admin area.

On this page, you need to start by adding your milestone name as the title for the new countdown timer.

Note: The timer uses the timezone set in your WordPress site settings. If you want to change the timezone for this countdown timer, then you will need to go to Settings » General and update the timezone settings of your WordPress site.

Add timer title

After that, you can scroll down to set an expiration date, day, and time for your milestone countdown timer.

Set expiry date

Next, you need to select an animation style from the drop-down. You can also adjust the circle and background width easily.

Choose animation

In the Countdown Width field, you can define a width for the full display of your countdown widget. If you leave this field blank, then it will display the timer using default size.

After that you can add the background and foreground color for the countdown timer. You can individually change the color for days, hours, minutes, and seconds. You can also change the labels for elements like days, hours, etc.

Background foreground color

Once you are satisfied with the settings, go ahead and click on the ‘Publish’ button.

Displaying Your Milestone Countdown Widget in WordPress

Now that you have created your milestone countdown widget, let’s add it to your website.

First, you need to click on the Countdown Timer menu. On the WP Countdown Timer page, you will see the timer you just created listed there.

Copy shortcode

Next to your countdown timer, you will see a shortcode that you need to copy.

You need to copy and paste this shortcode in the content area of your post or page. Make sure to click on the update or publish button to save your changes.

You can now visit your website to see the milestone countdown widget in action.

Countdown timer demo

You can also add this countdown timer in the sidebar of your WordPress site. Simply go to Appearance » Widgets page and add a ‘Text’ widget to your sidebar. In widget settings, you need to paste the shortcode for your countdown timer.

Countdown widget settings

Once you’re done, don’t forget to click on the save button to store your widget settings.

You can now visit your website to see your milestone countdown sidebar widget in action.

Countdown milestone preview

Method 2: Adding a MileStone Countdown Widget Using OptinMonster

OptinMonster is the best lead generation software on the market. It helps you convert abandoning site visitors into subscribers and customers.

Using the countdown timer feature by OptinMonster, you can integrate the milestone countdown timer into a lightbox popup, fullscreen widget, floating bar, or any other OptinMonster campaign type.

Below is an example of one of the pre-made countdown timer campaigns they have, but you can use drag & drop builder to create a completely customized countdown timer.

OptinMonster Countdown Timer Popup for Holidays

OptinMonster is a smart way to show countdown timer in a highly attention grabbing design elements. They even allow you to create evergreen countdown timers in WordPress.

First you need to visit the OptinMonster website and signup for a plan that meets your need.

After that, you need to install the OptinMonster plugin on your WordPress site. For more details, see our step by step guide on how to install a WordPress plugin.

This plugin will work as a connector between your WordPress site and OptinMonster app.

Upon activation, click on the OptinMonster link in your WordPress admin menu. Next, you will be asked to enter your OptinMonster API credentials.

Connect to OptinMonster

You can find this information under your account on the OptinMonster website. Simply login to your account and then click on the ‘API’ link from the menu.

OptinMonster API key

You need to copy your API key and paste it into OptinMonster settings on your WordPress site. After that, click on ‘Connect to OptinMonster’ button to continue.

The plugin will now connect your WordPress site to your OptinMonster account.

Once connected, you can start creating a new campaign from your OptinMonster dashboard. You can use any campaign type and integrate the countdown timer in it.

Create a new campaign

For more details, see this step by step tutorial on how to create a countdown timer campaign in OptinMonster.

OptinMonster Countdown Timer Popup for Holidays

Method 3: Adding a Milestone Countdown Widget Using SeedProd

SeedProd is the best WordPress coming soon page plugin. The SeedProd pro version comes with a countdown timer feature. You can add this countdown timer to your WordPress website and let your visitors know about a launch or an upcoming website.

SeedProd preview

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

Upon activation, you’ll be redirected to Settings » General page in your WordPress admin area. It’ll ask for a license key that you can get from your SeedProd account.

License key

Next, you need to visit Settings » Coming Soon Pro page and enable the coming soon mode. It’ll automatically launch the countdown timer with the coming soon page.

Enable coming soon page

You can click on the edit option to choose a template and customize your coming soon page. Once you are satisfied, make sure to click on the save changes button.

SeedProd countdown

You can now visit your website to see the coming soon counter in action.

That’s all. We hope this article helped you learn how to add a milestone countdown widget in WordPress. You may also want to see our practical tips on getting more traffic for your 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 a Countdown Timer Widget in WordPress (3 Methods) appeared first on WPBeginner.



Source link

7 Ways to Spread the Holiday Spirits with Your WordPress Site


Are you looking for ways to promote the true spirit of holidays on your WordPress website? It is the best time to share the joys of the season with your users while promoting your business. Since many of our readers asked for recommendations on the top WordPress holiday plugins and themes, we have highlighted the best ways to spread the holiday spirits with your WordPress site.

Spread the holiday spirit with your WordPress site

How to Spread the Holiday Spirits with WordPress?

The best way to celebrate the holiday season is to include your users into your happiness. You can offer them discounts on your products and services. You can also add holiday decorations like snowfall effects, Christmas bells, lights, and more on your WordPress website.

There are many third-party WordPress plugins and themes for holiday season. You can use them on your website to make it look more festive.

Another way to spread the holiday spirits is by sending gifts to your users through a lucky draw. You should check out our guide on amazing holiday gift ideas and share the happiness with your customers.

That being said, let’s take a look at the best ways to spread the holiday spirits with your WordPress site.

1. OptinMonster

OptinMonster

OptinMonster is the best lead generation and optin form plugin for WordPress sites. It has a powerful exit-intent ® technology that helps in converting your abandoning visitors into subscribers and customers.

OptinMonster comes with a holiday campaign theme that you can use with their lightbox popup, sidebar, floating bar, fullscreen optin, and other campaign types. You can also create a countdown popup to boost your holiday sales.

Optin holiday template

The countdown timer creates a sense of urgency that helps you get more sales during the holiday season.

You can use OptinMonster to also show a seasonal greeting and any other promotion that you may want.

2. Snow Storm

Snow Storm

Snow Storm is a popular WordPress plugin for holiday celebrations. It allows you to show falling snowflakes on your website. The plugin allows you to change the color of the snow, manage the amount of snow, animation interval, melt effects, and more. The plugin will add a beautiful snowy effect to your WordPress site.

3. Christmas Ball on Branch

Christmas ball on branch

Christmas Ball on Branch is a simple and free plugin that lets you add a Christmas ball on a branch to your site. There are no settings for the plugin. You can simply install and activate it. It’ll display the branch and the ball on the top right corner of your site. It’s particularly useful if you don’t want your on-site holiday decorations to take over the content.

4. Christmas Countdown Widget

Christmas countdown widget

Christmas Countdown Widget is a free WordPress plugin that adds a countdown timer to your sidebar and other widget-ready areas. It comes with a stunning Santa Claus that shows countdown timer until Christmas. On the day of Christmas, Santa will greet your users with “Merry Christmas”.

It has a transparent background which means you can use it on any WordPress themes. You can also use the shortcode to display Santa Claus with countdown timer on your posts and pages.

5. Xmas Lights

Xmas Lights

Xmas Lights is another free WordPress plugin for holidays. It displays Christmas lights on the top of your homepage. You can install the plugin and it will automatically show the christmas lights on your WordPress site without any configuration.

6. Christmas Music

Christmas music

Christmas Music is a WordPress plugin for holiday music. You can use this plugin to add Christmas music (Jingle Bells) on your entire website or specific posts and pages. It shows a play/pause button on the bottom right corner for users to enable or disable the music.

7. WordPress Themes for Holidays

We don’t usually recommend our users to change their WordPress theme for a specific event or holiday season. However, if you have a personal website and really want to change your theme to a holiday theme, then you should check out our handpicked list of the best WordPress themes for holidays.

Christmas Bell

Christmas bell

Christmas Bell is a free and multipurpose WordPress theme. It can be used to add the looks and feels of a festival, holiday, or specifically Christmas decorations on your website. It features a custom logo, featured content slider, header media options, and more. The theme beautifully adds a festive feel to your WordPress website.

Snowflakes

Snowflakes

Snowflakes is a free WordPress holidays theme with photos. It comes with bright colors and a cheerful festive look. Snowflakes has multiple color options, navigation menus, image galleries, and more. You can use this theme to transform your site for the holidays.

We hope this article helped you find the best ways to spread the holiday spirits with your WordPress site. You may also want to see our expert tips on growing your business online on a small budget.

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 7 Ways to Spread the Holiday Spirits with Your WordPress Site appeared first on WPBeginner.



Source link

How to Optimize Your Robots.txt for SEO in WordPress (Beginner’s Guide)


Recently one of our readers asked us for tips on how to optimize the robots.txt file to improve SEO. Robots.txt file tells search engines how to crawl your website which makes it an incredibly powerful SEO tool. In this article, we will show you how to create a perfect robots.txt file for SEO.

Using WordPress robots.txt file to improve SEO

What is robots.txt file?

Robots.txt is a text file that website owners can create to tell search engine bots how to crawl and index pages on their site.

It is typically stored in the root directory also known as the main folder of your website. The basic format for a robots.txt file looks like this:


User-agent: [user-agent name]
Disallow: [URL string not to be crawled]

User-agent: [user-agent name]
Allow: [URL string to be crawled]


Sitemap: [URL of your XML Sitemap]

You can have multiple lines of instructions to allow or disallow specific URLs and add multiple sitemaps. If you do not disallow a URL, then search engine bots assume that they are allowed to crawl it.

Here is what a robots.txt example file can look like:


User-Agent: *
Allow: /wp-content/uploads/
Disallow: /wp-content/plugins/
Disallow: /wp-admin/

Sitemap: https://example.com/sitemap_index.xml


In the above robots.txt example, we have allowed search engines to crawl and index files in our WordPress uploads folder.

After that, we have disallowed search bots from crawling and indexing plugins and WordPress admin folders.

Lastly, we have provided the URL of our XML sitemap.

Do You Need a Robots.txt File for Your WordPress Site?

If you don’t have a robots.txt file, then search engines will still crawl and index your website. However, you will not be able to tell search engines which pages or folders they should not crawl.

This will not have much of an impact when you’re first starting a blog and do not have a lot of content.

However as your website grows and you have a lot of content, then you would likely want to have better control over how your website is crawled and indexed.

Here is why.

Search bots have a crawl quota for each website.

This means that they crawl a certain number of pages during a crawl session. If they don’t finish crawling all pages on your site, then they will come back and resume crawl in the next session.

This can slow down your website indexing rate.

You can fix this by disallowing search bots from attempting to crawl unnecessary pages like your WordPress admin pages, plugin files, and themes folder.

By disallowing unnecessary pages, you save your crawl quota. This helps search engines crawl even more pages on your site and index them as quickly as possible.

Another good reason to use robots.txt file is when you want to stop search engines from indexing a post or page on your website.

It is not the safest way to hide content from the general public, but it will help you prevent them from appearing in search results.

What Does an Ideal Robots.txt File Should Look Like?

Many popular blogs use a very simple robots.txt file. Their content may vary, depending on the needs of the specific site:


User-agent: *
Disallow:
 
Sitemap: http://www.example.com/post-sitemap.xml
Sitemap: http://www.example.com/page-sitemap.xml

This robots.txt file allows all bots to index all content and provides them a link to the website’s XML sitemaps.

For WordPress sites, we recommend the following rules in the robots.txt file:


User-Agent: *
Allow: /wp-content/uploads/
Disallow: /wp-content/plugins/
Disallow: /wp-admin/
Disallow: /readme.html
Disallow: /refer/

Sitemap: http://www.example.com/post-sitemap.xml
Sitemap: http://www.example.com/page-sitemap.xml

This tell search bots to index all WordPress images and files. It disallows search bots from indexing WordPress plugin files, WordPress admin area, the WordPress readme file, and affiliate links.

By adding sitemaps to robots.txt file, you make it easy for Google bots to find all the pages on your site.

Now that you know what an ideal robots.txt file look like, let’s take a look at how you can create a robots.txt file in WordPress.

How to Create a Robots.txt File in WordPress?

There are two ways to create a robots.txt file in WordPress. You can choose the method that works best for you.

Method 1: Editing Robots.txt File Using Yoast SEO

If you are using the Yoast SEO plugin, then it comes with a robots.txt file generator.

You can use it to create and edit a robots.txt file directly from your WordPress admin area.

Simply go to SEO » Tools page in your WordPress admin and click on the File Editor link.

File editor tool in Yoast SEO

On the next page, Yoast SEO page will show your existing robots.txt file.

If you don’t have a robots.txt file, then Yoast SEO will generate a robots.txt file for you.

Create robots.txt file using Yoast SEO

By default, Yoast SEO’s robots.txt file generator will add the following rules to your robots.txt file:


User-agent: *
Disallow: /

It is important that you delete this text because it blocks all search engines from crawling your website.

After deleting the default text, you can go ahead and add your own robots.txt rules. We recommend using the ideal robots.txt format we shared above.

Once you’re done, don’t forget to click on the ‘Save robots.txt file’ button to store your changes.

Method 2. Edit Robots.txt file Manually Using FTP

For this method, you will need to use an FTP client to edit robots.txt file.

Simply connect to your WordPress hosting account using an FTP client.

Once inside, you will be able to see the robots.txt file in your website’s root folder.

Editing WordPress robots.txt file using FTP

If you don’t see one, then you likely don’t have a robots.txt file. In that case, you can just go ahead and create one.

Create robots.txt file using FTP

Robots.txt is a plain text file, which means you can download it to your computer and edit it using any plain text editor like Notepad or TextEdit.

After saving your changes, you can upload it back to your website’s root folder.

How to Test Your Robots.txt File?

Once you have created your robots.txt file, it’s always a good idea to test it using a robots.txt tester tool.

There are many robots.txt tester tools out there, but we recommend using the one inside Google Search Console.

Simply login to your Google Search Console account, and then switch to the old Google search console website.

Switch to old Google Search Console

This will take you to the old Google Search Console interface. From here you need to launch the robots.txt tester tool located under ‘Crawl’ menu.

Robots.txt tester tool

The tool will automatically fetch your website’s robots.txt file and highlight the errors and warnings if it found any.

Final Thoughts

The goal of optimizing your robots.txt file is to prevent search engines from crawling pages that are not publicly available. For example, pages in your wp-plugins folder or pages in your WordPress admin folder.

A common myth among SEO experts is that blocking WordPress category, tags, and archive pages will improve crawl rate and result in faster indexing and higher rankings.

This is not true. It’s also against Google’s webmaster guidelines.

We recommend that you follow the above robots.txt format to create a robots.txt file for your website.

We hope this article helped you learn how to optimize your WordPress robots.txt file for SEO. You may also want to see our ultimate WordPress SEO guide and the best WordPress SEO tools to grow your 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.



Source link