First Look at “Try Gutenberg” Prompt in WordPress 4.9.8 Beta 2

WordPress 4.9.8 Beta 2 was released today, featuring the new “Try Gutenberg” prompt that will appear in user dashboards when the official release drops at the end of the month.

The prompt invites users to install Gutenberg if they want to try the new editor or install the Classic Editor to keep using the current editor until they are ready to make the change. WordPress contributors discussed variations on the design and wording of the callout and finally settled on what you see in 4.9.8 Beta 2.

Even if users don’t get involved in Gutenberg testing, the callout serves to inform them that the new editor will be enabled by default in the next major release of WordPress. It includes a link to the Gutenberg information page so users can learn more about the project.

Contributors agreed that they wanted to clearly communicate three important points in the callout, as per designer @kjellr’s suggestions on trac:

  1. Gutenberg is coming in the next major release.
  2. If you’re worried about compatibility, there’s a plugin to help ease the transition.
  3. The plugin lets you use the editor you’re used to until you’re ready to switch.

The prompt is clearly geared towards encouraging users to test Gutenberg, as that section has a more prominent, colored button. If your clients’ installations are not ready for users to act on the “Try Gutenberg” prompt, now is the time to install a plugin that will disable it. Clients with free-range of the WordPress admin, in sites that are running Gutenberg-compatible extensions, are better candidates for testing the new editor.

The Classic Editor Addon is one option that will suppress the prompt and automatically suppress Gutenberg when it ships in WordPress 5.0. It was also recently updated to auto-install the Classic Editor plugin as a dependency so users don’t have to install two plugins as part of the process.

A release candidate is slated for July 24, and the official 4.9.8 release is scheduled for July 31st. The Gutenberg plugin is currently sitting at 10,000+ active installations and the Classic Editor at 5,000+. After 4.9.8 is released, changes in these numbers will demonstrate how WordPress users across the globe are responding to the call for testing.

How to Create a BuzzFeed Like Website Using WordPress

Recently one of our readers asked if it was possible to create a BuzzFeed like website using WordPress? BuzzFeed is one of the most popular websites on the internet known primarily for its viral content. Its success has inspired many bloggers to follow the same model. In this article, we will show you how to easily create a BuzzFeed like website using WordPress.

Making a BuzzFeed like website using WordPress

Why Start a BuzzFeed Like Website?

BuzzFeed is one of the most popular websites on the internet. Popular for its quizzes, listicles, and pop-culture commentary, the website has grown into a massive media company with annual revenue of $250 Million in 2016.

BuzzFeed represents a successful business model that many aspiring bloggers and entrepreneurs can follow. It allows you to make money online while showcasing your creativity and offering value to your users.

What Do You Need to Build a BuzzFeed Like Website?

First, you will need to choose the right platform. There are plenty of blogging platforms that you can choose from, but we recommend using WordPress because it is the world’s most popular website builder and content management system.

Fun fact: WordPress powers over 30% of all websites on the internet.

When we say WordPress, we are talking about self-hosted WordPress.org and not WordPress.com. They are two different platforms. See our article on WordPress.com vs WordPress.org for a side by side comparison of two platforms.

We recommend using WordPress.org because it gives you full control, ownership, and freedom to build your own BuzzFeed like website. To learn more, see our complete WordPress review.

There are three things you will need to make a website like Buzzfeed:

  • A domain name – This will be your website’s address and what users will type in their browsers to see your blog. (For example, wpbeginner.com)
  • Web hosting – This will be your website’s home and where you will store all your website files
  • Your undivided attention for 40 mins

Yes, you can make a BuzzFeed like website in 40 minutes, and we will walk you through it every step of the way.

In this tutorial, we will cover the following:

  • How to Register a Domain Name for Free
  • How to Choose the Best Web Hosting
  • How to Install WordPress
  • How to Find the Perfect BuzzFeed like Theme (website design)
  • How to Add BuzzFeed Like Content to Your Blog
  • How to Get More Visitors to Your Viral Blog
  • How to Make Money from Your Viral Blog
  • Resources to Learn WordPress Grow your Blog

Ready? Let’s get started.

Setting up a BuzzFeed Like Website Using WordPress

First, you will need to register a domain name and purchase hosting.

Normally, a domain name costs $14.99 / year and website hosting $7.99 per month which is usually paid annually.

If you are just starting out, then this is quite a lot of money.

Thankfully, Bluehost has agreed to offer WPBeginner readers a free domain name, free SSL certificate, and a 60% discount on hosting.

Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Bluehost is one of the largest hosting companies in the world, and they are an officially recommended WordPress hosting provider.

Note: At WPBeginner we believe in transparency. If you sign up with Bluehost using our referral link, then we will earn a small commission at no extra cost to you (in fact, you will save money and get a free domain). We would get this commission for recommending just about any WordPress hosting company, but we only recommend products that we personally use and believe will add value to our readers.

That being said, let’s move on to setting up your domain name and hosting, so you can start building your website.

First, you need to visit the Bluehost website and click on the ‘Get Started Now’ button.

Get started with Bluehost

Next, you will be asked to select a plan. Basic and Plus plans are popular among our users.

After that, you will need to choose a domain name for your website.

Choose domain name for your website

Some tips on choosing the best domain name for a BuzzFeed like website.

Need more advice? See our guide on how to choose the perfect domain name for your website.

After choosing your domain name, you will enter your account information such as name, address, email, etc.

Below that, you will see some extra hosting options that you can purchase. We don’t recommend purchasing these extras because they will increase your hosting bill. You can always add them later if needed.

Hosting extras

Next, you will need to add your payment information to finish the purchase.

After that, you will receive an email with a link to your hosting control panel and login details.

Installing WordPress

Bluehost will automatically install WordPress for you, and you will be able to login to your WordPress site directly from the hosting dashboard.

Bluehost dashboard

Once logged in, you will see the WordPress admin area. From here you will manage your website, change content, and add content.

WordPress dashboard

Choose a BuzzFeed Like Design for Your Website

By default, WordPress comes with a very basic theme which doesn’t look anything like BuzzFeed.

Default WordPress theme

Luckily there are thousands of pre-made WordPress multi-purpose themes that you can choose from. We have hand-picked a few WordPress themes designed for viral content and BuzzFeed like websites.

1. Doberman

Doberman

Doberman is the perfect WordPress theme for BuzzFeed like viral content websites. It boosts user engagement with techniques used by viral content websites like social counts, trending content, popular posts, custom reactions, social sharing prompts, and more.

It has over 80 customization options allowing you to use your own colors, layouts, and styles. You can make it uniquely yours without writing any code. It also includes 1-click installation of demo content, after which you can simply go ahead and replace content with your own.

2. SociallyViral

SociallyViral

SociallyViral is another excellent WordPress theme designed specifically for viral magazine websites. It includes social shares, social media icons, trending posts, social integrations, Google AdSense placements, and more.

It has built-in ‘load more posts’ function with 4 different styles, email subscription box, and a featured post section on the top. It is highly optimized for SEO with Schema rich snippets support.

3. Noozbeat

Noozbeat

Noozbeat is a beautifully designed WordPress theme made for content-rich websites like online magazines and newspapers. It comes with dedicated spots to display ads on your website.

It also includes multiple layouts for homepage, categories, and single articles. It is easy to use with tons of customization options and unlimited color choices.

4. Snapse (Free)

Synapse

Synapse is a free WordPress theme for viral magazines and newspaper websites. It features a multi-color design with a full-width layout which gives it a trendy look.

It includes simple customization options which make it easy to use and quick to set up. Synapse is light-weight and compatible with all popular WordPress plugins.

5. TruePixel

TruePixel

TruePixel is another modern WordPress theme designed for content-rich websites. It is designed to reduce bounce rate and boost user engagement which means more page views for your website.

It is also advertisement ready which allows you to start monetizing your website right away. It comes with a custom theme options panel which will help you easily set up your website.

6. BuzzMag (Free)

BuzzMag

BuzzMag is a free WordPress theme designed for online magazines. It comes with a featured posts section on top, a modern homepage design that puts your content in front and center. It has ready-to-use advertising areas, multiple-sidebars, and easy to use theme options.

Want to look at more themes? See our expert pick of the best WordPress magazine themes that can be used to build a BuzzFeed like website.

Creating Viral Content for Your Website

BuzzFeed started out with viral content like personality quizzes, memes, listicles, and pop-culture commentary. It has now evolved into a large media company publishing different types of content.

You will need to decide what type of content you want to publish on your website.

WordPress makes it easy to add any type of content to your website. You can create listicles, articles, upload images, embed videos and audio, create photo galleries and more.

To learn more, see our beginner’s guide on how to add a new post in WordPress and utilize all its features.

Here are some of our guides that will help you create content similar to BuzzFeed and other viral magazines.

While you are building a website similar to BuzzFeed, it is important to make it your own by giving it a unique voice and style. This will help your brand stand out and capture a loyal audience.

To achieve this, you will need to regularly publish new content. You will notice that larger websites publish a lot of content each day. This is very difficult to do in the beginning, so you need to choose your own frequency.

We recommend starting with three articles a week and then increasing your pace to publish daily.

Now you may think, how would you come up with new ideas for blog posts on a regular basis? See these 73 types of blog posts that are engaging and can easily be used on a viral content website.

Need even more ideas? Make it a habit of visiting websites similar to BuzzFeed for inspiration. We are not saying that you should steal or copy their content.

Instead, collect ideas /topics, get inspired, and learn. Use these ideas with your own blog posts to create something new and original.

Getting More Visitors to Your Viral Blog

Viral content websites like BuzzFeed rely on traffic and user engagement for success. More people visiting your website means more pageviews and higher advertising revenue.

However, most beginners don’t know where to start and how to get more traffic to their website.

Optimize your website for SEO

Most popular websites on the internet get majority of their traffic from search engines like Google. Experienced website owners use SEO (Search Engine Optimization) to improve their websites for search engines.

WordPress is built to be an SEO friendly platform out of the box. However, there is still a lot you can do to make sure your content is found by search engines and is displayed higher in search rankings.

For complete setup, follow the step by step instructions in our WordPress SEO guide for beginners.

Improve your website speed and performance

You will notice that BuzzFeed loads extremely fast and works well even on slower internet connections. A faster website offers users a better user experience, and it also improves your SEO.

You can make your website fast by implementing some best practices to fine-tune its performance.

We have a complete guide on improving WordPress speed and performance with step by step instructions for beginners.

Learn from your users

To make your website popular, you need to know what your users prefer. Most beginners try to make educated guesses instead of getting the actual data.

Simply install Google Analytics on your website, and it will tell you which pages are popular on your site, where users are coming from, how much time they spend, and more.

You can also track user engagement on your website with Google Analytics. This allows you to see exactly what users do when they are on your website and what you can do to increase their engagement.

Making Money From Your BuzzFeed Like Website

BuzzFeed not only has a large audience, it also makes a lot of money. Their primary source of revenue is from online advertisements and selling marketing solutions to businesses and advertisers.

As a beginner, you may not get as high paying advertisers as BuzzFeed, but there are plenty of ways to generate a steady income from your website.

1. Displaying Ads on Your Website Using Google AdSense

Millions of websites on the internet rely on ads to make money. Google AdSense makes it super easy for bloggers to display ads on their websites.

You don’t have to worry about finding advertisers and collecting money. Google deals with advertisers, collects money, and sends it to you after taking a small cut.

For detailed instructions, see our step by step guide on how to properly add Google AdSense in WordPress.

2. Build Social Media Following

Viral content platforms like BuzzFeed have huge social media following, which has made them even more attractive to top brands. These brands approach them for collaboration, brand placement, and other deals to reach their massive social media audience.

However, for this, you need to start building a following on select social media platforms. Instagram and YouTube are the two platforms that attract a lot of big and small businesses.

An easy way to build a social following is by sharing posts on your website. You can share your Instagram posts on your blog and embed your videos in your blog posts.

3. Affiliate Marketing

Affiliate marketing allows you to recommend products and get a referral commission when your users purchase a product after clicking on your link.

You will need to find products that compliment your website’s topics and have an affiliate program. The biggest affiliate network you can join is Amazon Affiliates. It has thousands of products that you can choose from.

To get started, see our guide on how to manage affiliate links in WordPress.

There are plenty of other ways to generate revenue from your viral content blog. Take a look at our guide on different ways to make money from your blog for some more ideas.

Resources to Learn WordPress and Grow Your Blog

Building a magazine website like BuzzFeed allows you to experiment with different ways to add content, engage audiences, and grow your business. As you work on your website, you will realize that there is so much more you can do with WordPress.

WordPress is quite easy to use, but from time to time you will come up with questions. Good news is that there is plenty of help available online.

WPBeginner itself is the largest free WordPress resource site in the world. We have tons of helpful resources, guides, and how-tos, written specifically for beginners, bloggers, and business owners.

Following are a few handy WPBeginner resources that you should check out. All of them are completely free.

  • WPBeginner Blog – This is where we publish our WordPress tutorials, how tos, and step by step guides.
  • WPBeginner Videos – These step by step videos will help you learn WordPress FAST.
  • WPBeginner on YouTube – Need more video instructions? Subscribe to our YouTube channel with more than 52,000 subscribers and 7 Million+ views.
  • WPBeginner Dictionary – The best place for beginners to start and familiarize themselves with the WordPress lingo.
  • WPBeginner Blueprint – Check out plugins, tools, and services we use on WPBeginner.
  • WPBeginner Deals – Exclusive discounts on WordPress products and services for WPBeginner users.

Many of our users use Google to find answers on WPBeginner by simply adding wpbeginner after their search term.

We hope this article helped you create a BuzzFeed like website using WordPress. You may also want to see these practical tips to drive traffic to your new website. free

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 Create a BuzzFeed Like Website Using WordPress appeared first on WPBeginner.

New WordPress Feature Plugin Adds Support for Progressive Web Apps

WordPress contributors are working on getting support for Progressive Web Apps (PWA) into core. A new PWA feature plugin is now available on WordPress.org, spearheaded by the teams at XWP, Google, and Automattic.

Progressive Web Apps are applications that run on the web but provide a speedy app-like experience inside a mobile browser. Google describes them as having the following three qualities:

  • Reliable – Load instantly and never show the downasaur, even in uncertain network conditions
  • Fast – Respond quickly to user interactions with silky smooth animations and no janky scrolling
  • Engaging – Feel like a natural app on the device, with an immersive user experience

The plugin adds support for technologies that PWAs require, including Service Workers, a Web App Manifest, and HTTPS. These technologies support functions like background syncing, offline content, push notifications, mobile home screen icon, and other PWA features.

XWP CTO Weston Ruter said the purpose of the feature plugin is to curate PWA capabilities for proposed merging into core. The idea is to merge them piece by piece. Core tickets are already in process for adding support for web app manifests and support for service workers, as well as bringing improvements to HTTPS.

“This PWA feature plugin is intended to equip and facilitate other plugins which implement PWA features,” Ruter said. “It’s not intended to negate any existing plugins with these features, but rather to allow such plugins (and themes) to work together seamlessly and expand upon them.”

The first release of the plugin on WordPress.org (v0.1.0) adds support for web app manifests and initial support for allowing theme and plugin developers to register scripts for service workers via wp_register_service_worker(). It also includes an API for detecting whether HTTPS is available.

“A next step for service workers in the PWA feature plugin is to integrate Workbox to provide a declarative WordPress PHP abstraction for managing the caching strategies for routes, with support for detecting conflicts,” Ruter said. Anyone who is interested to contribute to PWA support for WordPress can check out the discussions and plugin on GitHub.

In the past, app-like experiences were only available for sites and services that had their own native mobile apps, but native apps can be costly to develop and maintain. Progressive web apps use the greater web as their platform and are quick to spin up. They make content easier to access on mobile even without an internet connection. It’s also far easier to tap a home screen icon than to enter a URL on mobile, and this makes users more likely to engage with their favorite sites.

PWA Stats is a site that features case studies of progressive web apps that have significantly increased performance, engagement, and conversion. A few compelling examples include:

PWA support in WordPress will enable the plugin and theme ecosystems to work together in providing site owners with more engaging ways to connect with their visitors. Once the market starts building on core support, site owners should soon be able to offer better experiences for mobile users without having to become experts in the technologies that power progressive web apps.

Synonyms and keyword distribution in Yoast SEO Premium

In the latest version of Yoast SEO Premium, we’ve released a new feature: synonyms. In the next months, you can expect even more updates making our SEO analysis smarter and more advanced. These changes will help you to write awesome, engaging content that’ll rank in the search engines. In this post, I’ll explain to you why we added synonyms to Yoast SEO and what changes lie ahead.

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO: the #1 WordPress SEO plugin Info

Why you should use synonyms

Google is getting really good at understanding what texts are about. If you want to rank for a certain term, for example for ‘SEO’, Google will know that ‘Search Engine Optimization’ is pretty much the same thing. It makes sense to use them both. Synonyms make sure a text is nice and easy to read.

A few years ago, we added the multiple focus keyword functionality to Yoast SEO. Multiple focus keywords were often used to optimize for synonyms as well. We feel that the new synonym-functionality is a better solution to optimize for synonyms. Read my post about the difference between multiple focus keywords and synonyms if you want to know more.

Why is the exact match focus keyword still important?

Google understands synonyms, but that does not mean that focus keywords are not important anymore. Every SEO strategy should start with keyword research. You should know what words your audience is using when they are searching. The exact match keyword should be the keyword or keyphrase that your audience is using most often. That’s also the thing they expect to find. The exact match is always a little bit more important than the synonyms, just because your audience uses these words instead of others.

Vocabulary people are using is important. If people are searching for volunteering, they’ll probably not click on civic participation, although the two are supposed to be synonyms. Some words are more high-end than others and might not fit your audience as well. In your keyword research, you should take this into account. What words are your audience using?

In our SEO analysis, we’ll treat the exact match focus keyword different from the synonyms. Read more about that in our release post.

Keyword distribution

Along with the new support for synonyms, we’ve added a new keyword distribution check. Before, we would just count how often you used the keyword with our keyword density check. If you used it 4 or 5 times in the first paragraph and then never again, you could have gotten all green bullets from us. That’s no longer true.

We now have a check to see whether you’ve distributed your use of your focus keyword (or its synonyms) evenly across the text. This makes sure you stay on topic throughout your text, which will increase your chance of ranking.

Roadmap for the SEO analysis

Context is the SEO word of 2018. Google is getting really good at determining what a text is about. Google understands plurals and singulars. It has a related entities database. We’re working hard to make Yoast just as smart as Google is.

Embed synonyms in our SEO analysis

We now released our keyword distribution check in which synonyms are taken into account. We’re currently determining in which other checks we should take synonyms into account as well. Of course, we’re open for suggestions and opinions.

Morphology: plurals and more

In the past weeks, our awesome developers have built morphology recognition. This enables our analysis to recognize singulars, plurals, and other forms of the same word. So, if you want to rank for the focus keyword ‘link’, Yoast SEO will (in the near future) recognize ‘links’ and ‘linking’ as a similar keyword. We’ve built this for English and are planning to do so for more languages. We’re currently testing how to integrate this new morphology recognition into our SEO analysis.

Related keywords

The multiple focus keyword functionality is not optimal yet. In the near future, we’ll change this functionality into related keywords. You can optimize your post for a specific keyword and take synonyms into account. Next to that, you can optimize for related keywords. These are not your main keywords and not exact synonyms, but you still want to use them regularly.

We know that Google has a related entities database. If you’re searching for ‘tagliatelli’, results with the words ‘spaghetti’ and ‘pasta’ could also turn up. It’s smart to focus on related keywords when you’re writing a post. So, if your post is about ‘tagliatelli’, including ‘pasta’ and ‘spaghetti’ will probably help in your ranking as well.

We are currently working on modifying our multiple focus keyword functionality into related keyword functionality.

Recalibration of the SEO analysis

In the past year, we’ve been working on a recalibration of our SEO analysis. Many of the checks in our SEO-analysis were established based on our own experience in the SEO industry.  We wanted to be able to account for every check in our analysis more thoroughly. A team of linguists, developers, and SEO-experts dove into scientific literature and SEO blogs in order to re-assess all of our checks. The recalibration resulted in some changes in the checks of our analysis. For instance: the keyword distribution check was added as a result of it. We’re planning to release the new SEO analysis in September of this year.

Big improvements in our SEO analysis are coming

Context is gaining importance in 2018. That’s why we invest heavily in improving our SEO analysis. At the end of this year, we can really account for context in your blog posts and articles. This could mean that some of your articles that get green bullets now, will have orange or red bullets later on. That does not mean that your content became worse. It only means that we’re able to give you better, smarter feedback on your writing.

Read more: ‘Keyword research: the ultimate guide’ »

The post Synonyms and keyword distribution in Yoast SEO Premium appeared first on Yoast.

Yoast SEO 7.8: Synonyms and keyword distribution

Semantics is hard. What does a certain word mean in a specific situation? Which ‘mars’ are you talking about? Have you ever tried to discover all definitions of ‘run’? In most cases, context is everything. You can help humans and machines understand a text better by adding context. This is one of the reasons Yoast SEO is now adding support for synonyms and related keywords, giving you more flexibility to improve your text! Now available for Premium users of Yoast SEO 7.8.

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO: the #1 WordPress SEO plugin Info

New Premium feature: Synonyms

Content SEO has long been about finding out what your main keyword was and adding that focus keyword in a couple of places in your text. While that worked pretty well, there’s a lot more going on at the moment. Not only is search intent more important than ever, but search engines get smarter and smarter every day. They increasingly ‘know’ what a text is about by looking at the context in which these focus keywords appear. This context is what makes or breaks a text.

Yoast SEO always worked by a single focus keyword or multiple focus keywords in our Premium plugin. We understand this can be a bit restrictive; we’re not even looking at plural instances of the keyword. Luckily, that’s about to change!

We’re working on some very nice new language-based SEO checks, and we’re presenting the first updates today: synonyms and keyword distribution! Yes, you read that right: Premium users can now add synonyms and related terms to check. Writing about bikes? Your synonyms will probably include ‘bicycle, cycle, ride, two-wheeler,’ and now you can add those terms. The Yoast SEO plugin will check how you use these terms in your article.synonyms in Yoast SEO 7.8

New Premium feature: keyword distribution

The new synonym feature also works in conjunction with another new feature in Yoast SEO Premium: keyword distribution. If you added a couple of synonyms for your focus keyword, Yoast SEO now checks to see if these are distributed well throughout the text. Before you could add your focus keyword in the intro a couple of times and that would be fine by us. That’s over. We’re taking the complete text in regard and want you to evenly and realistically distribute your focus keyword and synonyms. The gif below shows what the highlighting of keywords and synonyms looks like.
keyword synonyms yoast seo premium 7.8
We keep using the focus keyword exclusively to determine keyword density. In our opinion, optimizing your post for the most common keyword — the one that your keyword research uncovered as being most used by your audience — continues to be imperative. 

More on the way

This is just the start. At the moment, we’re hard at work to improve the language capabilities of Yoast SEO. Marieke wrote a post describing what you can expect from Yoast SEO in the coming months. Read about morphology, related keywords and the upcoming recalibration of the SEO analyses in Yoast SEO.

Feedback welcome!

We’ve added these new checks for you to try out. We’re very much looking forward to your feedback. How are you using synonyms and related topics in your texts? What do you want Yoast SEO to do with your synonyms? Are there ways to improve how we handle the analyses of your text? As we’ve said, this is the first step to a Yoast SEO that is far more capable of understanding language and using that knowledge to provide you with the best possible feedback. Help us get there! You can either add an issue to GitHub or comment on this post. We’re looking forward to your help!

Language improvements for French, Spanish and Italian

Yoast SEO 7.8 has turned out to be a release focused on language because we’ve also expanded the language functionality for French, Spanish and Italian. Users writing French and Spanish can now use the Flesch Reading Ease assessment to check the perceived difficulty of their texts. Users writing Italian can now improve their texts using the new passive voice assessment. French, Spanish and Italian now fully support all Yoast SEO features.

Other improvements and fixes

As always, we’ve fixed loads of bugs and improved various parts of the plugin. For instance, we’ve improved the way we determine the OpenGraph for front pages, especially in the case of static front pages. We’ve also fixed several bugs regarding the look and feel of the new snippet variables that we introduced in Yoast SEO 7.7.

Update now to Yoast SEO 7.8

Yoast SEO 7.8 is an exciting new release, one that marks a new direction for us. We’re giving you much more flexibility to enhance your articles by using synonyms and providing you with more tools to determine how well you present your keywords. This is the first step to an even more relevant, useful and indispensable Yoast SEO!

Read on: ‘Why every website needs Yoast SEO’ »

The post Yoast SEO 7.8: Synonyms and keyword distribution appeared first on Yoast.

How to Add LiveChat to Your WooCommerce Store (and Boost Sales)

Do you want to add LiveChat to your WooCommerce store? Live chat helps you connect with website visitors in real-time, so you can offer help, generate leads, and convert them into a customer. In this article, we will show you how to easily add LiveChat to your WordPress eCommerce store like WooCommerce, Easy Digital Downloads, and more.

How to add LiveChat to your eCommerce store

Why Add LiveChat to Your WooCommerce Store

LiveChat helps you connect with your website visitors in real-time, and it’s proven to boost satisfaction levels. 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.

This is inline with our experience at OptinMonster because our live chat satisfaction score is at 85%.

But the biggest reason for adding LiveChat on your eCommerce website is the boost in conversion.

We saw a massive increase in overall conversion when we added live chat on OptinMonster website. A person who chats with us is 11x more likely to convert than an average website visitor.

Now you might be thinking, isn’t adding live chat expensive? Don’t you need trained support and sales agents to successfully run live chat.

Yes, that’s actually the biggest challenge to Live Chat, but we solved the problem.

Solving The Biggest Challenge of Live Chat

The biggest challenge of adding live chat to your eCommerce store is to manage agents. You will need to add trained support and sales agents to run live chat.

This is where LTVPlus comes in. They provide dedicated and well-trained live chat agents to manage your pre-sales live chat and simple support inquiries. These agents work with you to understand your product / business and act as an extension of your existing team.

LTVPlus

LTVPlus is started by the co-founder of MaxCDN, the content delivery network that we use here on WPBeginner, so we decided to give them a try.

We use LTVPlus on OptinMonster and have witnessed significant increase in our eCommerce conversions. The best part is that we don’t have to worry about hiring or training agents.

Since the entire setup is out-sourced, it’s very affordable, and setting up livechat pays for itself within the first week.

How to Easily Add LiveChat to Your WooCommerce Site

On our eCommerce website, we use LiveChat as our chat software. You can use any of the top live chat software, but for the sake of this tutorial, we’ll only show the platform that we’re using ourselves.

First, you need to visit the LiveChat website and signup for an account.

LiveChat signup

LiveChat is a paid solution (starting from $16.99 per agent). They also offer a free 30-day trial allowing you to check out the features and see if its a good fit for your business.

After registration, you will see the LiveChat dashboard. From here you need to click on the Settings button to customize the LiveChat window’s appearance.

Customize chat window

From here, you can choose the chat window colors and theme to match your website’s color scheme. After that, click on ‘Advanced window tweaks’ link to upload your own logo and add your social media profiles.

Next, you need to select an eye-catcher. These eye-catchers are images that are displayed when the LiveChat window is minimized.

LiveChat button or eyecatcher

LiveChat has several eyecatcher styles that you can use. Alternatively, you can also upload your own images and use them as your eyecatcher.

Now that you are satisfied with the chat window’s appearance, its time to add LiveChat agents. Switch to the ‘Agents’ tab and then click on the ‘Invite teammates’ link.

Invite teammates

This will bring you to add agent screen. You need to provide name, job title, and email address for the team member you want to invite.

Add agent to LiveChat

Don’t forget to change ‘Permissions’ for the team member you are adding. You can add them as agents with limited control on your account or as an administrator with full access to the app. If you are unsure, then select agent.

Your LiveChat setup is now ready, and you can add it to your WooCommerce store.

Adding the LiveChat to Your Website

LiveChat makes it super easy to add the chat window and buttons to your online store.

In your WordPress site, you need to install and activate the LiveChat plugin. For more details, see our step by step guide on how to install a WordPress plugin.

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

Connect LiveChat

From here you need to click on the ‘Sign in with LiveChat’ button to connect your WordPress site to your LiveChat account.

Once connected, you will see some basic LiveChat settings. You can turn it off on mobile devices, turn off sounds, or hide chat window from non-logged in users.

LiveChat WordPress settings

If you are unsure, then we recommend leaving these options as they are. You can now visit your website to see live chat in action on your website.

LiveChat preview

If you are running a non-WordPress website, then you can still easily add LiveChat to your website. Click on Channels » Chat Widget under your LiveChat settings.

Adding LiveChat to other websites

From here, you can copy the code snippet that you can add to your website or view other available integrations. LiveChat has apps and integrations for all popular WordPress alternatives like Shopify, Squarespace, Magento, and more.

Combined with Live Chat and LTVPlus, we’re seeing some really good results on our eCommerce website, and we will be adding LiveChat to more ofo ur websites.

We hope this article helped you add LiveChat to your WooCommerce store. You may also want to see our list of best business phone services for small businesses.

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 LiveChat to Your WooCommerce Store (and Boost Sales) appeared first on WPBeginner.

How To Add Google Tag Manager To WordPress And Create Your First Tag

Want to add Google Tag Manager to WordPress? Google Tag Manager has a ton of benefits for WordPress sites. It helps you add and manage all the various scripts you use on your site. For example, instead of needing to manually add code for services like: Google Analytics Event tracking Google Optimize You can just manage everything through Google Tag.... Continue Reading

The post How To Add Google Tag Manager To WordPress And Create Your First Tag is written by Colin Newcomer and appeared first on WPKube.

WordPress 4.9.8 to Introduce “Try Gutenberg” Callout

Paul Biron and Joshua Wold are leading the upcoming WordPress 4.9.8 release, which was originally announced as 4.9.7. WordPress core contributors met yesterday to decide the general focus and set the release schedule. In the meantime, the 4.9.7 security and maintenance release was rolled out to fix an authenticated arbitrary file deletion vulnerability, along with a few other minor updates.

WordPress 4.9.8 is targeted for July 31, 2018, with a beta as early as July 17. The release will focus on introducing the “Try Gutenberg” callout and adding privacy fixes and enhancements. The ticket proposing the callout was opened a year ago and was planned to be included in WordPress 4.9.5 but was eventually pulled before the release in favor of allowing Gutenberg contributors to iron out a few important issues.

WordPress Core Committer Mel Choyce added the most recent round of designs to the ticket four weeks ago and contributors are still iterating on the design and text for the callout. Another iteration is expected to be added to the ticket early next week.

WordPress 4.9.8 is another step in Matt Mullenweg’s roadmap for getting Gutenberg into 5.0. The goal is to make more users aware of Gutenberg and to gather more testing and feedback before the new editor lands in core. The prompt will include a prominent button that users can click to install the Gutenberg plugin, along with links for where to learn more and how to report issues.

WordPress Accessibility: Making Your Website Usable by Everyone

The internet is deeply integrated into the way our world works, employed in nearly all sectors: from education and politics to business and healthcare. When browsing online, it’s likely that the first thing you’ll notice about a website is its design, quickly followed by graphics and content elements. What you probably don’t think about is WordPress accessibility. When it comes.... Continue Reading

The post WordPress Accessibility: Making Your Website Usable by Everyone is written by Maddy Osman and appeared first on WPKube.

How to Add Specific Posts to WordPress Navigation Menu

Do you want to add specific posts to your WordPress navigation menu? Menus in WordPress can be fully customized, and you can add custom links, pages, posts, categories and more. In this article, we will show you how to easily add specific posts to WordPress navigation menu.

Add specific posts to WordPress navigation menu

When and Why Add Specific Posts to Navigation Menu?

Navigation menus allow you to create a navigational structure for your website. This helps users quickly find the most important sections of your website.

WordPress makes it very easy to create and add navigation menus on your website. By default, it shows sections to easily add pages, categories, custom links, and more.

Adding items to navigation menu

Normally website owners add pages to their navigation menus like about page, a separate blog page, pricing page, or a contact form page.

Some websites add categories to navigation menus which allows users to quickly jump to different topics on their site.

Categories and topics in navigation menu

However, sometimes you may need to add an individual post to your navigation menu. This could be your most popular post or something that you would like your users to find quickly.

That being said, let’s take a look at how to easily add specific posts to WordPress navigation menu.

Adding Specific Posts to WordPress Navigation Menu

First thing you need to do is go to Appearance » Menus page in your WordPress admin area and select a menu to edit. You can also create a new menu and use it as your navigation menu.

Select menu to edit

After selecting the menu, you’ll see tabs for pages, posts, custom links, and categories. You can click on each tab to expand it.

Options for menu

If you cannot see the Posts tab there, then you need to add it by clicking on the Screen Options button at the top right corner of the screen.

Add post box

Once the Post box appears, you need to expand it to select the specific posts that you want to add to your navigation menu and click on the Add to Menu button.

Select specific posts

After adding the specific posts to the navigation menu, you can drag and drop menu items to adjust their display order.

Drag and drop menu items

You can also customize the label to change the post title into a smaller title. Make sure to save it and visit your website to see your WordPress navigation menu with specific posts in action.

Navigation menu with specific posts

Navigation menus can be further customized to add search bar, social media icons, log in / log out links for your blog, post type archive, and more. You can also style your navigation menus to change their colors and appearance.

We hope this article helped you learn how to add specific posts to WordPress navigation menu. You may also want to see our expert pick of the best tutorials to master WordPress navigation menus to easily customize and manage your blog navigation.

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 Specific Posts to WordPress Navigation Menu appeared first on WPBeginner.

How to Add Specific Posts to WordPress Navigation Menu

Do you want to add specific posts to your WordPress navigation menu? Menus in WordPress can be fully customized, and you can add custom links, pages, posts, categories and more. In this article, we will show you how to easily add specific posts to WordPress navigation menu.

Add specific posts to WordPress navigation menu

When and Why Add Specific Posts to Navigation Menu?

Navigation menus allow you to create a navigational structure for your website. This helps users quickly find the most important sections of your website.

WordPress makes it very easy to create and add navigation menus on your website. By default, it shows sections to easily add pages, categories, custom links, and more.

Adding items to navigation menu

Normally website owners add pages to their navigation menus like about page, a separate blog page, pricing page, or a contact form page.

Some websites add categories to navigation menus which allows users to quickly jump to different topics on their site.

Categories and topics in navigation menu

However, sometimes you may need to add an individual post to your navigation menu. This could be your most popular post or something that you would like your users to find quickly.

That being said, let’s take a look at how to easily add specific posts to WordPress navigation menu.

Adding Specific Posts to WordPress Navigation Menu

First thing you need to do is go to Appearance » Menus page in your WordPress admin area and select a menu to edit. You can also create a new menu and use it as your navigation menu.

Select menu to edit

After selecting the menu, you’ll see tabs for pages, posts, custom links, and categories. You can click on each tab to expand it.

Options for menu

If you cannot see the Posts tab there, then you need to add it by clicking on the Screen Options button at the top right corner of the screen.

Add post box

Once the Post box appears, you need to expand it to select the specific posts that you want to add to your navigation menu and click on the Add to Menu button.

Select specific posts

After adding the specific posts to the navigation menu, you can drag and drop menu items to adjust their display order.

Drag and drop menu items

You can also customize the label to change the post title into a smaller title. Make sure to save it and visit your website to see your WordPress navigation menu with specific posts in action.

Navigation menu with specific posts

Navigation menus can be further customized to add search bar, social media icons, log in / log out links for your blog, post type archive, and more. You can also style your navigation menus to change their colors and appearance.

We hope this article helped you learn how to add specific posts to WordPress navigation menu. You may also want to see our expert pick of the best tutorials to master WordPress navigation menus to easily customize and manage your blog navigation.

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 Specific Posts to WordPress Navigation Menu appeared first on WPBeginner.

Interview with Matías Ventura on Building the Vision for Gutenberg

At WordCamp Europe I had the opportunity to sit down with Matías Ventura, the technical lead for Gutenberg. Ventura, who has been responsible for building the vision for Gutenberg (in addition to building the actual product), shared a few things the team might have done differently in the earlier days to improve its reception in the community.

“I think we should have put a little bit more effort into clarifying what we meant by the ‘editor,'” Ventura said. “When Matt announced that we’re going to be focusing on the editor, the WordPress community generally took it that we were going to focus on TinyMCE. But the idea from the start was to focus on the editing experience as a whole, how a user perceives that, which is the whole page. I think it took some time to rectify that that was always what was meant – to look at the whole editing interface at once.

“With some of these projects people are going to be in different places at different times and things will coalesce and make sense at different paces. I think we’ve gotten to a point now where we have built enough of the Gutenberg vision that we can see where it can lead us.”

Several representatives from the Gutenberg team were available at WordCamp Europe for informal chats with the community. They also conducted workshops and gave presentations to prepare designers and developers for what’s coming in the next few months. Momentum for the new editor is building and Ventura shared what he hopes the world will see when version 1 is included in core.

“The thing that has been the most fulfilling, at least to me, has been seeing the regular users when they can use Gutenberg and build things that would have been very hard for them to do before,” Ventura said. “When they share those impressions – that they can build something that they are proud of express themselves – to me that is the most fulfilling because that’s really one of the major points behind this. At the same time, I’m really looking forward to seeing what the design and developer community can build with it and where their imaginations can take us from there. Core is going to supply the infrastructure and the main building blocks but it’s everything that can be built around it that’s going to be exciting, as always with WordPress.”

Ventura also described some of the interesting possibilities of templates, nested blocks, and child blocks, and how they can be combined to create more sophisticated solutions. He recommends the WordPress.org/Gutenberg page for resources on getting started with the new editor. Check out the video below for the full interview.

Matt Mullenweg Unveils Gutenberg Roadmap at WCEU, WordPress Agencies and Product Developers Sprint to Prepare

photo credit: WordCamp Europe Photography Team

At his WCEU keynote address in Belgrade, Matt Mullenweg laid out a detailed roadmap for Gutenberg to land in WordPress 5.0 within the next few months, garnering mixed reactions from attendees. Gutenberg’s timeline is one of the most pressing questions for those who work in the WordPress ecosystem.

The Gutenberg team has sustained a rapid pace of development over the past year with 30 releases since development began. There are currently 14,000 sites actively using the plugin and Mullenweg plans to roll it out to WordPress.com users in the near future. He announced that the WordPress 5.0 release could be ready as soon as August. In the meantime, the Gutenberg team will continue to refine its current features according to the roadmap Mullenweg outlined in his keynote:

June 2018

  • Freeze new features into Gutenberg
  • Hosts, agencies and teachers invited to opt-in sites they have influence over
  • Opt-in for wp-admin users on WP.com
  • Mobile App support in the Aztec editor across iOs and Android

July 2018

  • 4.9.x release with a strong invitation to install either Gutenberg or Classic Editor plugin
  • Opt-out for wp-admin users on WP.com
  • Heavy triage and bug gardening, getting blockers to zero
  • Explore expanding Gutenberg beyond the post into site customization

August 2018 and beyond

  • All critical issues resolved
  • Integration with Calypso, offering opt-in users
  • 100k+ sites having makde 250k+ post using Gutenberg
  • Core merge, beginning the 5.0 release cycle
  • 5.0 beta releases and translations completed
  • Mobile version of Gutenberg by the end of the year

Mullenweg said he hopes to increase Gutenberg usage to 100,000 sites with 250,000 posts made over the next few months. WordPress.com will be instrumental in that goal with a call to action for opt-in that will appear on several hundred thousand sites. In July, WordPress.com will switch the Gutenberg editor to opt-out. Mullenweg said he hopes to gather data from how users respond, especially those who have third-party plugins active on their sites.

Switching between editing posts in the mobile apps currently breaks but Mullenweg anticipates this will be resolved by August, with full mobile versions of Gutenberg available by the end of the year.

Mullenweg opened his keynote by drawing attendees’ attention to a new “Public Code” link in the footer of WordPress.org. This campaign, organized by Free Software Foundation Europe, aims to require any publicly financed software developed for the public sector be made available under a Free and Open Source Software license.

Mullenweg also announced St. Louis, MO, as the next location for WordCamp US in 2019-2020. The local WordPress community in the city spans two states with members from both Missouri and Illinois who have hosted seven WordCamps since 2011.

Developers and Agencies Double Down on Gutenberg Preparation, “Playing for Keeps”

The process of getting products and client websites ready for Gutenberg is a leap for nearly every company and freelancer invested in the WordPress ecosystem. Mullenweg said he cannot guarantee a specific date for release but thinks that “5.0 is going be ready within a relatively short time frame.”

Although many WCEU attendees expressed skepticism about the accelerated timeline for Gutenberg’s inclusion in core, most recognize the importance of working towards making their clients and products compatible with the new editor.

Gutenberg technical lead Matias Ventura said it’s too early to tell whether the WordPress community will be ready by the time Gutenberg is included in core. “I think people have already been trying to get ready and we’re already seeing many major sites being launched using Gutenberg,” Ventura said. “From what we’ve seen with plugin authors building compatibility for Gutenberg, it seems there’s already enough momentum going on that it could be achievable.”

Brad Williams, CEO of WebDevStudios, said his company’s team of engineers has been actively preparing for Gutenberg since late last year and is “very excited about what it means for the future of WordPress publishing.” Williams assigned two Gutenberg Leads internally to head up everything related to the new editor and conducted internal training with staff. WebDevStudios also built and released its own Gutenberg add-on framework called WDS Blocks, a framework that includes new custom blocks that many WDS clients use.

“Having a potential release date, even if it’s only a target month, is incredibly helpful,” Williams said. “This gives us a goal to work towards with each of our clients to verify we are ready for the release. I expect the majority of our clients will not enable Gutenberg on release, but we still need to make sure we have an upgrade plan ready for WordPress 5.0. We are working closely with each of our clients so they understand what is coming, the benefits Gutenberg can provide them, and what a potential roll-out plan will look like. We are also making sure any new leads coming in the door are aware of Gutenberg and the impact it will have on their new WordPress project.”

Gary Jones, plugin developer and WordPress engineer at Gamajo, expressed apprehension about the timeline. He also plans to make use of the Classic Editor plugin to opt sites out of using Gutenberg.

“With 737 open issues, I think the August timeline may still be a little short,” Jones said. “That’s only for the ‘critical issues’ to be resolved but introducing such a massive change to the basics of managing content like this needs more than just the critical issues resolved; it needs all of the workflow to be very smooth as well.”

Jones said he doesn’t think the typical rhetoric of getting a ‘1.0’ release out the door applies in the case of Gutenberg. “There’s too much riding on it for it not to make a great first impression for the user base who haven’t been following its progress,” Jones said. “A plugin can have a much quicker release turnaround time for non-critical improvements and fixes than what WP core would have.”

Jones said he plans to wait until the merge proposal before tackling plugin compatibility and will wait until 5.0 is out to start improving the experience for his clients. He said this may require creating custom blocks or installing plugins that add custom blocks clients might need. “By then we’d also know how ACF, Pods. and other plugins we use, and the Genesis theme, are supporting Gutenberg editor (or not),” Jones said.

Jake Goldman, President and founder of 10up, said his company already has an internal mandate that all new public plugins and major plugin updates must have at least “beta” support for Gutenberg. 10up’s Distributor product is already Gutenberg-ready and the company has several Gutenberg-ready plugins and updates expected to ship in the next 1-2 months.

“Clients are trickier,” Goldman said. “We have two big client projects started in the last couple of months that are using Gutenberg, and some pretty complicated custom blocks and extensions. We have a couple of other customers who are curious or in the exploratory phase. Two big client projects have us a bit gun shy about adopting [Gutenberg] as the ‘standard’ on newer projects until it matures a bit more and begins to focus a bit more on the ‘enterprise use case / user stories’ – there are some real challenges with those user stories.”

Goldman also said he was encouraged to hear that Calypso will adopt Gutenberg in the next couple of months, because he hopes it will address some of the confusion and fragmentation issues.

He doesn’t anticipate Gutenberg actually landing in August, however. “I don’t see August, frankly, because I don’t think the core team has a clear vision for ‘how’ an upgrade with Gutenberg will work,” Goldman said. “That said, I suspect Matt is knowingly putting timeline pressure on the team – a bit of ‘if I say August, we can probably hit November’ type mentality.”

Mason James, founder of Valet, said he is confident his clients and products will be ready after testing Gutenberg on hundreds of sites. His team is watching a few products that have compatibility issues but he is hopeful these will be resolved soon.

“The timeline of August seems a bit optimistic,” James said. “I’d be surprised if that is met, but our clients will be in good shape if that happens. We’ve also been sending information to our clients via email, a whitepaper, to try to mitigate any surprises ahead of time.

“We decided last year that Gutenberg was a tremendous opportunity for us to reinforce our value proposition to our clients,” James said. “It’s an ongoing important initiative for us this year; We’re playing for keeps.”

Carrie Dils, a WordPress developer, consultant, and educator, has also jumped head first into getting her products compatible with Gutenberg ahead of the new timeline.

“I’m feverishly working to get an updated version of the Utility Pro theme (my primary product) out the door,” Dils said. “The Gutenberg updates are just one part of a larger overhaul (including a minimum requirement of PHP7 and WP 5.0+). I’ve also made the decision not to incorporate Classic Editor theme styles. All looking forward, no looking back.”

How to Greet Each User With a Custom Welcome Message in WordPress

Do you want to greet each user with a custom welcome message in WordPress? Greeting users with a welcome message can help boost engagement on your website. It can also be used to generate leads and increase sales. In this article, we will show you how to greet each user with a custom welcome message in WordPress.

Greet users with custom welcome message in WordPress

Why and When You Should Greet Users with Welcome Message in WordPress?

Not all websites need to greet users with a custom welcome message. However, if you are running an online store, trying to generate leads, or boost user engagement, then a custom welcome message can be very useful.

There are different types of welcome messages that you can use. The goal here is to offer users a lot of value with each message. For example, you can offer them discounts, live help, encourage them to ask questions, and more.

You can use integrations to connect welcome messages with your email service provider, live chat service, or contact form plugin.

That being said, let’s see how to easily greet each user with a custom welcome message in WordPress.

Method 1. Greet Users with a Custom Welcome Message using OptinMonster

For this method, we will be using OptinMonster. It is the most popular lead generation software in the world that helps you convert website visitors into subscribers and customers.

First, you need to sign up for an OptinMonster account. It is a paid service, but they also offer a limited free-forever plan.

Once signed up, you will be taken to your OptinMonster dashboard where you need to click on the ‘Create Campaign’ button.

Create campaign

Next, you need to choose a campaign type and a template. OptinMonster comes with different campaign types, and you can use any of them to greet users with a welcome message in WordPress.

For the sake of this article, we will be using the slide-in campaign type with Flatland template.

Choose campaign type and template

Next, you will be asked to give your campaign a name and select a website where you want to run this campaign. Click on select website field and then click on ‘Add website’ to add a new website.

Campaign options

After that, click on the ‘Start Building’ button to continue.

OptinMonster will now launch the drag and drop editor where you can simply point and click on any element to edit it. You can add blocks, columns, and elements with text, video, buttons, sign up fields, and more.

OptinMonster builder interface

Simply click on the text fields to add your own welcome message to greet new users. You can also integrate it with your email service provider by clicking on the ‘Integrations’ tab on the top.

Add integration

Next, you need to switch to the ‘Display Rules’ tab to select when you want to display the greeting. OptinMonster comes with a bunch of options that you can use to create less intrusive and highly engaging messages.

Display rules

Once you are finished designing your custom welcome message, click on the Publish button at the top and toggle the ‘Status’ option to live.

Publish your optin

You are now ready to add this custom welcome message campaign to your website.

Switch to your WordPress admin area to install and activate the OptinMonster plugin. For more details, see our step by step guide on how to install a WordPress plugin.

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

Enter your API key

You will be asked to enter your API key. You can find this information under your account on the OptinMonster website.

Don’t forget to click on the save settings button after entering your API key.

Next, you need to click on the ‘Campaigns’ tab. If you cannot see your campaign listed there then click on the refresh campaigns button.

After that, click on the ‘Go Live’ link next to the campaign you just created.

Make your campaign go live

You can now visit your website to see your custom welcome message in action.

Greeting preview

You can use OptinMonster to greet users with different welcome messages based on visits, time spent, logged in status, referral source, or use page level targeting for your landing pages.

Method 2. Greet Users with a Custom Welcome Message using LiveChat

LiveChat Inc is the best live chat support software for WordPress websites. It allows you to create beautifully designed live chat buttons, eye-catchers, and live chat support to your WordPress site.

You can customize the greeting message, display your own buttons, upload your logo, show agent profiles, and more.

LiveChat is a paid solution (starting from $16.99 per agent). They also offer a free 30-day trial allowing you to check out the features and see if its a good fit for your business.

First, you need to visit the LiveChat website and sign up for an account.

Live Chat sign up

After creating your account, you will be taken to your LiveChat dashboard. Next, you need to click on the settings tab to customize the appearance of the LiveChat button.

LiveChat settings

From here, you can choose the chat window colors and theme. After that click on ‘Advanced window tweaks’ link to upload your own logo and add your social media profiles.

Next, you need to switch to the Engagement » Greetings section. By default, LiveChat enables a few greetings displayed based on few simple rules like time spent on site, pages viewed, returning visitor, and more.

Edit custom greetings

You can click on these greetings to edit them and add your own custom welcome message. You can also delete them or click on the ‘Add new greeting’ button to create a new custom greeting.

You will be able to select when to display a greeting by using display rules. You can also combine different rules to match and create highly dynamic custom greetings.

Adding dynamic greetings

Next, you need to select an eye-catcher. These eye-catchers are images that are displayed when the LiveChat window is minimized.

LiveChat comes with several ready-made eye-catchers that you can use. You can also upload your images to use as eye-catchers.

Select an eye-catcher

Once you are satisfied with the design and appearance of your LiveChat window and custom greetings, you are ready to add them to your WordPress website.

Switch back to your WordPress admin area to install and activate the LiveChat plugin. For more details, see our step by step guide on how to install a WordPress plugin.

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

Connect Live Chat to your WordPress site

Go ahead and click on the ‘Sign in with LiveChat’ button to connect your WordPress site to your LiveChat account.

Once connected, you will see some very basic display settings. You can turn off LiveChat on mobile, turn off sounds, or hide it for users who are not logged in. If you are unsure, then we recommend leaving these options as they are.

LiveChat settings for WordPress

You can now visit your website in a new browser tab to see the LiveChat button in action. It will greet users with the eye-catcher you selected and display a custom welcome greeting based on the rules you choose in settings.

Custom welcome greeting

We hope this article helped you learn how to greet each user with a custom welcome message in WordPress. You may also want to see our article on how to track user engagement in WordPress using 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 How to Greet Each User With a Custom Welcome Message in WordPress appeared first on WPBeginner.

How to Greet Each User With a Custom Welcome Message in WordPress

Do you want to greet each user with a custom welcome message in WordPress? Greeting users with a welcome message can help boost engagement on your website. It can also be used to generate leads and increase sales. In this article, we will show you how to greet each user with a custom welcome message in WordPress.

Greet users with custom welcome message in WordPress

Why and When You Should Greet Users with Welcome Message in WordPress?

Not all websites need to greet users with a custom welcome message. However, if you are running an online store, trying to generate leads, or boost user engagement, then a custom welcome message can be very useful.

There are different types of welcome messages that you can use. The goal here is to offer users a lot of value with each message. For example, you can offer them discounts, live help, encourage them to ask questions, and more.

You can use integrations to connect welcome messages with your email service provider, live chat service, or contact form plugin.

That being said, let’s see how to easily greet each user with a custom welcome message in WordPress.

Method 1. Greet Users with a Custom Welcome Message using OptinMonster

For this method, we will be using OptinMonster. It is the most popular lead generation software in the world that helps you convert website visitors into subscribers and customers.

First, you need to sign up for an OptinMonster account. It is a paid service, but they also offer a limited free-forever plan.

Once signed up, you will be taken to your OptinMonster dashboard where you need to click on the ‘Create Campaign’ button.

Create campaign

Next, you need to choose a campaign type and a template. OptinMonster comes with different campaign types, and you can use any of them to greet users with a welcome message in WordPress.

For the sake of this article, we will be using the slide-in campaign type with Flatland template.

Choose campaign type and template

Next, you will be asked to give your campaign a name and select a website where you want to run this campaign. Click on select website field and then click on ‘Add website’ to add a new website.

Campaign options

After that, click on the ‘Start Building’ button to continue.

OptinMonster will now launch the drag and drop editor where you can simply point and click on any element to edit it. You can add blocks, columns, and elements with text, video, buttons, sign up fields, and more.

OptinMonster builder interface

Simply click on the text fields to add your own welcome message to greet new users. You can also integrate it with your email service provider by clicking on the ‘Integrations’ tab on the top.

Add integration

Next, you need to switch to the ‘Display Rules’ tab to select when you want to display the greeting. OptinMonster comes with a bunch of options that you can use to create less intrusive and highly engaging messages.

Display rules

Once you are finished designing your custom welcome message, click on the Publish button at the top and toggle the ‘Status’ option to live.

Publish your optin

You are now ready to add this custom welcome message campaign to your website.

Switch to your WordPress admin area to install and activate the OptinMonster plugin. For more details, see our step by step guide on how to install a WordPress plugin.

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

Enter your API key

You will be asked to enter your API key. You can find this information under your account on the OptinMonster website.

Don’t forget to click on the save settings button after entering your API key.

Next, you need to click on the ‘Campaigns’ tab. If you cannot see your campaign listed there then click on the refresh campaigns button.

After that, click on the ‘Go Live’ link next to the campaign you just created.

Make your campaign go live

You can now visit your website to see your custom welcome message in action.

Greeting preview

You can use OptinMonster to greet users with different welcome messages based on visits, time spent, logged in status, referral source, or use page level targeting for your landing pages.

Method 2. Greet Users with a Custom Welcome Message using LiveChat

LiveChat Inc is the best live chat support software for WordPress websites. It allows you to create beautifully designed live chat buttons, eye-catchers, and live chat support to your WordPress site.

You can customize the greeting message, display your own buttons, upload your logo, show agent profiles, and more.

LiveChat is a paid solution (starting from $16.99 per agent). They also offer a free 30-day trial allowing you to check out the features and see if its a good fit for your business.

First, you need to visit the LiveChat website and sign up for an account.

Live Chat sign up

After creating your account, you will be taken to your LiveChat dashboard. Next, you need to click on the settings tab to customize the appearance of the LiveChat button.

LiveChat settings

From here, you can choose the chat window colors and theme. After that click on ‘Advanced window tweaks’ link to upload your own logo and add your social media profiles.

Next, you need to switch to the Engagement » Greetings section. By default, LiveChat enables a few greetings displayed based on few simple rules like time spent on site, pages viewed, returning visitor, and more.

Edit custom greetings

You can click on these greetings to edit them and add your own custom welcome message. You can also delete them or click on the ‘Add new greeting’ button to create a new custom greeting.

You will be able to select when to display a greeting by using display rules. You can also combine different rules to match and create highly dynamic custom greetings.

Adding dynamic greetings

Next, you need to select an eye-catcher. These eye-catchers are images that are displayed when the LiveChat window is minimized.

LiveChat comes with several ready-made eye-catchers that you can use. You can also upload your images to use as eye-catchers.

Select an eye-catcher

Once you are satisfied with the design and appearance of your LiveChat window and custom greetings, you are ready to add them to your WordPress website.

Switch back to your WordPress admin area to install and activate the LiveChat plugin. For more details, see our step by step guide on how to install a WordPress plugin.

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

Connect Live Chat to your WordPress site

Go ahead and click on the ‘Sign in with LiveChat’ button to connect your WordPress site to your LiveChat account.

Once connected, you will see some very basic display settings. You can turn off LiveChat on mobile, turn off sounds, or hide it for users who are not logged in. If you are unsure, then we recommend leaving these options as they are.

LiveChat settings for WordPress

You can now visit your website in a new browser tab to see the LiveChat button in action. It will greet users with the eye-catcher you selected and display a custom welcome greeting based on the rules you choose in settings.

Custom welcome greeting

We hope this article helped you learn how to greet each user with a custom welcome message in WordPress. You may also want to see our article on how to track user engagement in WordPress using 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 How to Greet Each User With a Custom Welcome Message in WordPress appeared first on WPBeginner.

Making ScoutDocs: Build Tools

Continuing my series about ScoutDocs and the process of building it, this week I’m talking about Build Tools.

ScoutDocs-plugin-header-1544x500What is ScoutDocs? ScoutDocs is a WordPress plugin that adds simple file-sharing to your WordPress site.

Coding in React involves JSX, a bizarre-but-wonderful XML syntax that you dump directly into the middle of your JavaScript code. It feels exquisitely wrong. Browsers agree, so your JSX-containing JS code will have to be transpiled to regular JavaScript. This can involve using a complex maze of tools. Babel, NPM, Webpack, Browserify, Gulp, Grunt, Uglify, Uglifyify (yes, you read that right), and more. You have decisions to make, and you will find fierce advocates for various solutions.

For ScoutDocs, I decided to go with Grunt for task running, because I was already comfortable with it, and I needed it for grunt-wp-deploy. Use a task runner you are already comfortable with. Even if it is just NPM scripts. You’re learning a lot of new things already. It’s okay to keep your task runner setup.

Next, I had to choose a JS bundler which would let me write and use modular code that gets pulled together into a browser-executable bundle. After deliberating between Webpack and Browserify, I chose Browserify. Webpack is really complicated. It is also very powerful. I recommend you avoid it until you need it. I haven’t needed it yet, and found Browserify to be easier to configure and use, even though it’s a bit on the slow side.

As I was building ScoutDocs and tweaking my dev tools, tweaking my Grunt file, and writing code to search/replace strings etc, I began to feel like the time I was spending too much time on tooling. Was I becoming one of those people who spend all their time listening to productivity podcasts instead of… being productive? I can see how someone could get sucked into that trap, but putting a reasonable amount of time into configuring your development tools can pay dividends for you beyond simply the time saved. It can also prevent mistakes, keep you in coding mode more often, and increasing your confidence in your code builds. Spend the time up front to make your tools work for you.

Other posts in this series:

 

How to Make a Small Business Website – Step by Step (2018)

Are you looking to make a website for your small business so you can find new customers on the internet? Making a small business website has become quite easy, and you can do it all by yourself without hiring a developer. In this article, we will show you how to easily make a small business website (step by step).

Making a small business website

Step 0. Before Making a Small Business Website

Unlike the old days, building a small business website has become quite easy. You can do it all by yourself without knowing any coding or hiring a developer by following our step by step guide.

Here is an overview of what you’ll learn:

  • Choosing a domain name for your small business website
  • Purchasing website hosting
  • Installing WordPress
  • Making a content outline for your small business website
  • Choosing a template to change your site’s design
  • Adding more features by using addons and extensions
  • Resources to get help and improve your WordPress skills

Which is The Best Platform to Make a Small Business Website?

The biggest mistake most beginners make is choosing the wrong platform to make a business website. Thankfully, you are here so you would not be making that mistake.

WordPress is the most popular website builder in the world. It powers 31% of all websites on the internet including millions of small business websites all over the world.

The best thing about WordPress is that it gives you access to thousands of pre-made website templates, extensions, and addons. You can make almost any kind of website imaginable without learning to code.

That being said, let’s take a look at how to easily create a small business website using WordPress on a budget.

Step 1. What You Need to Make a Small Business Website

You will need the following three items to make a small business website.

  • A domain name – This will be your website’s name such as wpbeginner.com
  • Website hosting – This will be your website’s home and where all your files will be stored
  • 60 minutes of your time

Ready? Let’s begin.

Step 2. Setting up Your Small Business Website

There are two types of WordPress available. WordPress.com, which is a hosted solution, and then you have WordPress.org also known as self-hosted WordPress. See our full comparison of WordPress.com vs WordPress.org to understand the difference.

We will be using self-hosted WordPress.org because it will give you instant access to all WordPress features out of the box.

Next, you will need a domain name and WordPress hosting to make a website.

We recommend using Bluehost to set up your website. It is one of the biggest hosting companies in the world and an officially recommended WordPress hosting provider.

Normally, you will pay $14.99 / year for a domain name and website hosting starts from $7.99 per month. This is a lot of money if you’re just starting out.

Thankfully, Bluehost has agreed to offer our users a free domain name, free SSL, and 60% discount on website hosting. Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Let’s go ahead and purchase a domain name and hosting.

Step 3. Choosing a Domain Name for Your Small Business Website

First, you need to visit the Bluehost website in a new browser window and click on the green ‘Get Started Now’ button.

Getting started with Bluehost

On the next page, you will be asked to select a pricing plan. Basic and Plus plans are the most popular choices among small business owners.

Choose a plan

Click on the ‘Select’ button to choose a plan and move on to the next step.

Now, you will be asked to choose a domain name for your website.

Choosing a domain name for your website

Tips on Finding a Domain Name for Your Business Website

Domain names are crucial to the success of your website. You need to spend some time on choosing the perfect domain name for your business but don’t overthink it.

  1. Stick to the .com version because users find it easier to remember (see .com vs .net – which is better)
  2. Your domain name should be related to your business (For example, stargardening.com )
  3. If your preferred domain name is not available, then try adding geographical location next to it. This increases your domain’s visibility in local search results (For example, stargardeninghouston.com)
  4. Keep it simple, short, and easy to pronounce.
    • Need more help? See our guide on how to choose the best domain name for your business website.

      Setp 4. Installing WordPress

      After choosing your domain name, you will be asked to enter your account information such as name, address, email, etc.

      Below that, you will see some extra hosting options that you can purchase. We don’t recommend purchasing these extras right away, so go ahead and uncheck them. You can always add them later if needed.

      Uncheck hosting extras

      Next, you will need to add your payment information to finish the purchase.

      After completing your purchase, you’ll receive an email with details on how to login to your web hosting control panel.

      Bluehost will automatically install WordPress for you, and you will be able to login to your WordPress site directly from the hosting dashboard.

      Bluehost hosting dashboard

      Once logged in, you will see the WordPress admin area. This is where you will manage your website, change settings, and add new content.

      WordPress dashboard

      Step 5. Creating Content Layout for a Small Business Website

      Now that you have WordPress installed, you need to create an outline of your website content. Good small business websites are simple and follow a standard website layout.

      Simply go to Pages » Add New page to create a new page in WordPress.

      Adding a new page in WordPress

      Don’t worry about the content, text, and images at the moment. Just adding a simple title, some text, and a couple of images would be fine. You can always edit these pages and add more content if needed.

      Here are some of the most common pages used in a small business website layout.

      • Homepage – This is the welcome page of your website. Add your business name with a call to action to your services/products or contact page. Provide a brief description of why your customers should choose you.
      • About Us – Your customers want to know more about people behind a business before they can make a decision. Create an about us page to tell users who you are, what are your business values, and what relevant experience you have in your industry.
      • Services / Products – Create a page to list details about services or products you are offering. Add a heading for each service/product and provide a brief description. You can also add pricing or ask users to contact you for a quote.
      • Contact Us – This is the page your users will need to contact you. You will need to add a contact form so that users can contact you directly. Additionally, you can add your businesses’ physical address or phone number.

      Additionally, you can create more pages if needed. For example, you can create a separate blog page, individual pages for each service or product, and more.

      Step 6. Choosing a Design for Your Website

      By default, WordPress comes with a basic template that you can use. If you don’t like the default theme, then there are thousands of free and paid WordPress themes that you can choose from.

      You can take a look at our selection of the best WordPress themes for business websites. If you need more help, then see our tips on choosing the perfect WordPress theme for your website.

      We recommend looking for a simple design that looks great and has all the right elements.

      Normally, a business website has a navigation menu on top. The homepage usually has a welcome message with a call to action button, which is followed by other content.

      Example of a simple business website design

      Once you have chosen a theme, you can go ahead and install it. For detailed instructions, see our beginner’s guide on how to install a WordPress theme.

      Each WordPress theme comes with different settings to customize its appearance. Many of these options are located under Appearance » Customize page in WordPress admin area.

      Customize your website design in WordPress

      From here you can add navigation menus, change colors, add or remove different sections, and more. Once you are satisfied with the design, don’t forget to click on the Publish button on top to save your changes.

      If you’re unable to find the theme that fits your need, then you can use one of the popular drag & drop page builders for WordPress to create a custom design for your needs.

      We recommend using either Beaver Builder or Divi theme.

      Step 7. Using WordPress Plugins to Add More Features

      Adding WordPress plugins

      WordPress plugins are like apps for your WordPress site. You can install them to add new features to your website like contact forms, Google Analytics, sliders, and more.

      There are more than 50,000 free plugins available in the WordPress plugin directory alone. This means, no matter what feature you want to add there is good chance you will be able to find a plugin for that.

      Below are the plugins that we install on every website:

      Need some cool plugins for your website? See our expert pick of the essential WordPress plugins for business websites.

      For detailed instructions, see our step by step guide on how to install a WordPress plugin.

      Step 8. Learning WordPress

      Now that you have a WordPress site, you may want to step up your game and learn more tips to improve your website.

      WPBeginner is the largest free WordPress resource site in the world. Following are the handy WordPress resources you will find on WPBeginner, all of them are completely free.

      • WPBeginner Blog – This is where we publish our WordPress tutorials, how tos, and step by step guides.
      • WPBeginner Videos – These step by step videos will help you learn WordPress FAST.
      • WPBeginner on YouTube – Need more video instructions? Subscribe to our YouTube channel with more than 52,000 subscribers and 7 Million+ views.
      • WPBeginner Dictionary – The best place for beginners to start and familiarize themselves with the WordPress lingo.
      • WPBeginner Blueprint – Check out plugins, tools, and services we use on WPBeginner.
      • WPBeginner Deals – Exclusive discounts on WordPress products and services for WPBeginner users.

      You can also use Google to find answers on WPBeginner by simply adding ‘wpbeginner’ at the end of your search term.

      If you are unable to find an answer, then feel free to reach out to us using our contact form. We will try our best to answer your question or point you in the right direction.

      We hope this article helped you learn how to make a small business website. You may also want to see our complete WordPress SEO guide for beginners.

      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 Make a Small Business Website – Step by Step (2018) appeared first on WPBeginner.

How to Make a Small Business Website – Step by Step (2018)

Are you looking to make a website for your small business so you can find new customers on the internet? Making a small business website has become quite easy, and you can do it all by yourself without hiring a developer. In this article, we will show you how to easily make a small business website (step by step).

Making a small business website

Step 0. Before Making a Small Business Website

Unlike the old days, building a small business website has become quite easy. You can do it all by yourself without knowing any coding or hiring a developer by following our step by step guide.

Here is an overview of what you’ll learn:

  • Choosing a domain name for your small business website
  • Purchasing website hosting
  • Installing WordPress
  • Making a content outline for your small business website
  • Choosing a template to change your site’s design
  • Adding more features by using addons and extensions
  • Resources to get help and improve your WordPress skills

Which is The Best Platform to Make a Small Business Website?

The biggest mistake most beginners make is choosing the wrong platform to make a business website. Thankfully, you are here so you would not be making that mistake.

WordPress is the most popular website builder in the world. It powers 31% of all websites on the internet including millions of small business websites all over the world.

The best thing about WordPress is that it gives you access to thousands of pre-made website templates, extensions, and addons. You can make almost any kind of website imaginable without learning to code.

That being said, let’s take a look at how to easily create a small business website using WordPress on a budget.

Step 1. What You Need to Make a Small Business Website

You will need the following three items to make a small business website.

  • A domain name – This will be your website’s name such as wpbeginner.com
  • Website hosting – This will be your website’s home and where all your files will be stored
  • 60 minutes of your time

Ready? Let’s begin.

Step 2. Setting up Your Small Business Website

There are two types of WordPress available. WordPress.com, which is a hosted solution, and then you have WordPress.org also known as self-hosted WordPress. See our full comparison of WordPress.com vs WordPress.org to understand the difference.

We will be using self-hosted WordPress.org because it will give you instant access to all WordPress features out of the box.

Next, you will need a domain name and WordPress hosting to make a website.

We recommend using Bluehost to set up your website. It is one of the biggest hosting companies in the world and an officially recommended WordPress hosting provider.

Normally, you will pay $14.99 / year for a domain name and website hosting starts from $7.99 per month. This is a lot of money if you’re just starting out.

Thankfully, Bluehost has agreed to offer our users a free domain name, free SSL, and 60% discount on website hosting. Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Let’s go ahead and purchase a domain name and hosting.

Step 3. Choosing a Domain Name for Your Small Business Website

First, you need to visit the Bluehost website in a new browser window and click on the green ‘Get Started Now’ button.

Getting started with Bluehost

On the next page, you will be asked to select a pricing plan. Basic and Plus plans are the most popular choices among small business owners.

Choose a plan

Click on the ‘Select’ button to choose a plan and move on to the next step.

Now, you will be asked to choose a domain name for your website.

Choosing a domain name for your website

Tips on Finding a Domain Name for Your Business Website

Domain names are crucial to the success of your website. You need to spend some time on choosing the perfect domain name for your business but don’t overthink it.

  1. Stick to the .com version because users find it easier to remember (see .com vs .net – which is better)
  2. Your domain name should be related to your business (For example, stargardening.com )
  3. If your preferred domain name is not available, then try adding geographical location next to it. This increases your domain’s visibility in local search results (For example, stargardeninghouston.com)
  4. Keep it simple, short, and easy to pronounce.
    • Need more help? See our guide on how to choose the best domain name for your business website.

      Setp 4. Installing WordPress

      After choosing your domain name, you will be asked to enter your account information such as name, address, email, etc.

      Below that, you will see some extra hosting options that you can purchase. We don’t recommend purchasing these extras right away, so go ahead and uncheck them. You can always add them later if needed.

      Uncheck hosting extras

      Next, you will need to add your payment information to finish the purchase.

      After completing your purchase, you’ll receive an email with details on how to login to your web hosting control panel.

      Bluehost will automatically install WordPress for you, and you will be able to login to your WordPress site directly from the hosting dashboard.

      Bluehost hosting dashboard

      Once logged in, you will see the WordPress admin area. This is where you will manage your website, change settings, and add new content.

      WordPress dashboard

      Step 5. Creating Content Layout for a Small Business Website

      Now that you have WordPress installed, you need to create an outline of your website content. Good small business websites are simple and follow a standard website layout.

      Simply go to Pages » Add New page to create a new page in WordPress.

      Adding a new page in WordPress

      Don’t worry about the content, text, and images at the moment. Just adding a simple title, some text, and a couple of images would be fine. You can always edit these pages and add more content if needed.

      Here are some of the most common pages used in a small business website layout.

      • Homepage – This is the welcome page of your website. Add your business name with a call to action to your services/products or contact page. Provide a brief description of why your customers should choose you.
      • About Us – Your customers want to know more about people behind a business before they can make a decision. Create an about us page to tell users who you are, what are your business values, and what relevant experience you have in your industry.
      • Services / Products – Create a page to list details about services or products you are offering. Add a heading for each service/product and provide a brief description. You can also add pricing or ask users to contact you for a quote.
      • Contact Us – This is the page your users will need to contact you. You will need to add a contact form so that users can contact you directly. Additionally, you can add your businesses’ physical address or phone number.

      Additionally, you can create more pages if needed. For example, you can create a separate blog page, individual pages for each service or product, and more.

      Step 6. Choosing a Design for Your Website

      By default, WordPress comes with a basic template that you can use. If you don’t like the default theme, then there are thousands of free and paid WordPress themes that you can choose from.

      You can take a look at our selection of the best WordPress themes for business websites. If you need more help, then see our tips on choosing the perfect WordPress theme for your website.

      We recommend looking for a simple design that looks great and has all the right elements.

      Normally, a business website has a navigation menu on top. The homepage usually has a welcome message with a call to action button, which is followed by other content.

      Example of a simple business website design

      Once you have chosen a theme, you can go ahead and install it. For detailed instructions, see our beginner’s guide on how to install a WordPress theme.

      Each WordPress theme comes with different settings to customize its appearance. Many of these options are located under Appearance » Customize page in WordPress admin area.

      Customize your website design in WordPress

      From here you can add navigation menus, change colors, add or remove different sections, and more. Once you are satisfied with the design, don’t forget to click on the Publish button on top to save your changes.

      If you’re unable to find the theme that fits your need, then you can use one of the popular drag & drop page builders for WordPress to create a custom design for your needs.

      We recommend using either Beaver Builder or Divi theme.

      Step 7. Using WordPress Plugins to Add More Features

      Adding WordPress plugins

      WordPress plugins are like apps for your WordPress site. You can install them to add new features to your website like contact forms, Google Analytics, sliders, and more.

      There are more than 50,000 free plugins available in the WordPress plugin directory alone. This means, no matter what feature you want to add there is good chance you will be able to find a plugin for that.

      Below are the plugins that we install on every website:

      Need some cool plugins for your website? See our expert pick of the essential WordPress plugins for business websites.

      For detailed instructions, see our step by step guide on how to install a WordPress plugin.

      Step 8. Learning WordPress

      Now that you have a WordPress site, you may want to step up your game and learn more tips to improve your website.

      WPBeginner is the largest free WordPress resource site in the world. Following are the handy WordPress resources you will find on WPBeginner, all of them are completely free.

      • WPBeginner Blog – This is where we publish our WordPress tutorials, how tos, and step by step guides.
      • WPBeginner Videos – These step by step videos will help you learn WordPress FAST.
      • WPBeginner on YouTube – Need more video instructions? Subscribe to our YouTube channel with more than 52,000 subscribers and 7 Million+ views.
      • WPBeginner Dictionary – The best place for beginners to start and familiarize themselves with the WordPress lingo.
      • WPBeginner Blueprint – Check out plugins, tools, and services we use on WPBeginner.
      • WPBeginner Deals – Exclusive discounts on WordPress products and services for WPBeginner users.

      You can also use Google to find answers on WPBeginner by simply adding ‘wpbeginner’ at the end of your search term.

      If you are unable to find an answer, then feel free to reach out to us using our contact form. We will try our best to answer your question or point you in the right direction.

      We hope this article helped you learn how to make a small business website. You may also want to see our complete WordPress SEO guide for beginners.

      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 Make a Small Business Website – Step by Step (2018) appeared first on WPBeginner.

What are keyword synonyms?

If you’re a Yoast SEO Premium user, you might have noticed that Premium now offers keyword synonyms. But we also have the multiple focus keyword functionality. So what exactly is the difference? And which of the two should you be using? In this post, I’ll explain what keyword synonyms are and what the difference is with multiple focus keywords. Also, I’ll give you some information about future development plans for Yoast SEO premium.

New to SEO? Learn the Basics of SEO in our Basic SEO course »

Basic SEO training Info

What are keyword synonyms?

You want to rank for a specific term. That term is your focus keyword. If you’ve done your keyword research properly, this will be the term that is used the most by your audience. But Google is able to recognize synonyms as well. So, if you’re aiming to rank for ‘bicycle’, Google will understand ‘bike’ as well. In the keyword synonyms field, you’ll be able to fill out synonyms. In optimizing your post, the Yoast SEO analysis will take these synonyms into account.

You can use keyword synonyms in order to take plurals into account as well. We’re currently working on making our analysis much smarter so that it will recognize plurals automatically.

Multiple focus keywords does not suffice anymore

The multiple focus keyword functionality has been a Premium feature in Yoast SEO for several years. We built it because our users wanted to optimize for various terms. In many cases, these terms were synonyms. But multiple focus keywords were also used in order to optimize for related keywords.

Google has become much smarter in analyzing texts. At Yoast, we felt that the multiple focus keyword functionality did not offer enough for our users to optimize their texts. That’s why we’re working on improving our functionality. The keyword synonyms functionality is the first of many features we’re planning to release. Read more about our roadmap in my blog post about synonyms and keyword distribution.

Use synonyms for synonyms

If you want to optimize your text for multiple synonyms of the same focus keyword, I would advise you to use the new keyword synonyms field. The synonyms functionality will be improved in the next few months. If you have any thoughts on how to improve it, feel free to leave your opinion in the comments.

Use related keywords for multiple focus keywords

It can be really wise to optimize your post for more than one keyword. Make sure your post stays focussed though. Always make sure that keywords are related. You cannot optimize a text for ballet shoes and Italian cuisine without writing a text that is really, really weird. Google understands related keywords, which is why using words that belong together, will help in your ranking.

The multiple focus keyword functionality will also be updated in the upcoming month. The new functionality will be called ‘related keywords’ and will be designed especially to optimize posts for related keywords.

Using synonyms in multiple focus keywords

If you’re used to optimizing your synonyms with our multiple focus keyword functionality, feel free to keep doing so – for now. Nothing has changed yet. But, keep in mind that we are going to replace the multiple focus keyword functionality with a related keyword functionality in one of our following updates.

Conclusion

The new keyword synonyms functionality is the first of many changes Yoast SEO Premium will make in the upcoming month. Next to synonyms, we’re going to add morphology recognition. We’ll be able to recognize your focus keyword in plural and singular, and you won’t have to use the words in a key phrase in the exact same order any more.

We’re in a bit of an in-between-phase now. The multiple focus keyword functionality will change, but we’re not quite there yet. However, we did not want to wait with rolling out the first step of our synonym functionality either. That’s why we chose to keep both functionalities intact, up until the related keyword functionality is finished.

Read more: ‘Why you should buy Yoast SEO Premium’ »

The post What are keyword synonyms? appeared first on Yoast.

5 questions for Yoast’s community hero Taco

Five years ago, I met Taco Verdonschot for the first time. He applied for a job at Yoast. He brought a cake to his job interview. So smart! He was the first developer we ever hired and probably the worst one we had. And although Taco wasn’t much of a developer, I knew right from the start that he was right for Yoast. 

Optimize your site for search & social media and keep it optimized with Yoast SEO Premium »

Yoast SEO: the #1 WordPress SEO plugin Info

Get one of Taco’s favorite Yoast products at a 15% discount now! Or save 10% on ANY other Yoast product. Select your favorite SEO tool now!

Taco is a perfect fit for Yoast. He understands Yoast. He’s a vital part of Yoast. This week, Taco is one of the co-organizers at WordCamp Europe. He has grown so much in the past five years, and I am so proud of him. Earlier this week, I asked him about his experience as an organizer of WordCamps. What are his dearest memories? Why does he like WordCamps so much? Read on and get to know Taco a bit better!

How did you get sucked into organizing WordCamps?

Only a few weeks after I started working at Yoast (almost five years ago), I was sent to WordCamp Europe in Leiden. That was my first WordCamp. I met a lot of people there. Soon afterward, I began organizing WordPress Meetups (thanks to Barry Kooij of Never5).

Right, I remember that. And after that? You started volunteering and then?

I was a speaker at WordCamp Netherlands in 2015 and applied as a co-organizer for WordCamp Netherlands in 2016. Marcel Bootsman made me responsible for organizing the volunteers, which I believe is the most fun part of organizing a WordCamp.

What is your best memory of a WordCamp?

I liked WordCamp Europe in Sofia best, the second WordCamp Europe. The city of Sofia was marvelous, and the audience pretty much knew what to expect. They all wanted to enjoy a great, laid-back event. I especially enjoyed the afterparty in which we danced the night away. Our CEO Joost de Valk and Danny van Kooten even did a limbo competition!

Really? I’ve never heard about that before. Curious.

The best thing about WordCamps is meeting ‘friends I’ve never met before’. I love the WordPress community, which is tight-knit but also very welcoming to new people. People want to help each other. That atmosphere is awesome and that’s something you feel at WordCamps. That’s the best thing for sure.

What’s so unique about this WordCamp Europe in Belgrade?

It’s the first WordCamp Europe outside of the European Union. That causes some logistic challenges for both the organizing team as well as sponsors.

Tell me about it. We couldn’t get our stroopwafels to Belgrade. It was terrible.

At the same time, Belgrade is a perfect choice. It is central and it is rather cheap. Lots of people can travel for relatively low costs and hotels are affordable. That’ll make the event accessible to people from all over Europe. And that’s kind of the idea.

Is there anything about WordCamps you don’t like? Except for missing your wife and daughter that is…

Well, I don’t like that there are still WordCamps without contributor days. During a contributor day, we all work on the WordPress project together. And whether you’re a translator, developer, marketer or a Matt Mullenweg, everybody can join and contribute to the project. On a contributor day, you’ll learn just how to do that and that enables more people to participate. Every WordCamp should have a contributor day.

Anything to add, Taco?

I talk to a lot of organizers of WordCamps from all over the world, and they all face the same problem; It’s hard to find speakers for our conferences. That’s why I would like to invite everybody to go and speak on a local WordPress Meetup or a WordCamp. Tell your story, share your thoughts on a project you’re currently working on and which challenges you’re facing. It’s so cool — and exciting — to share your experiences on stage!

Thank you so much, Taco, for your time to do this interview. And thank you for the (almost) five years you’re working for Yoast. You’re making a difference in the WordPress Community and at WordCamp Europe. More importantly, you’re a crucial part of Team Yoast and an indispensable part of my personal life as well. Thank you for five amazing years! Have an awesome WordCamp Europe!

Find out which of our products Taco likes most and save 15%. Or get another course, plugin or the configuration service at a 10% discount!

The post 5 questions for Yoast’s community hero Taco appeared first on Yoast.

Yoast’s WordCamp Europe sale: Taco’s personal favorites

At the moment, members of team Yoast are enjoying WordCamp Europe in Belgrade, and we want to celebrate that awesome event together with all of you! Which is why we’re having a sale during WordCamp Europe: you can now save 10% on any Yoast product or Academy course! And there is even a 15% discount on my personal favorites! Read on to see which products are my favorite and why I like them so much.

Free course! Learn what makes your site rank with our SEO for beginners training »

Free SEO course: SEO for beginners Info

WordPress Community

In 2013, I just started working at Yoast as a customer support engineer and went to my first WordCamp ever: WordCamp Europe in Leiden. The WordPress community was so very welcoming, and I attended more and more WordCamps and meetups. In 2016, I joined the organizing team of WordCamp the Netherlands and joined WordCamp Europe in 2017. At Yoast, I became the community manager, next to being the lead of the support team! At the moment I’m also co-organizing WordCamp Nijmegen. It’s safe to say that I love being a part of the WordPress community!

Yoast SEO Premium plugin

My absolute favorite is, of course, the Yoast SEO Premium plugin. As lead of the support team, there is not a day that goes by without having a conversation with people in which they tell me about how they benefit from the premium features, in one way or another! The redirect manager, for example, helps you easily create and manage redirects on your website, and even creates instant redirects when you change the URLs of your pages. Next to this, the internal linking tool enables you to connect your content to each other easily. With premium, you can also get insight into your social previews, so that you can change them according to your preferences. And it also allows you to optimize your texts for more than one focus keyword!

Save 15% on Yoast SEO Premium

Local SEO plugin

The Local SEO plugin is a must if you have a (small) business with local customers. It makes sure that your company’s information is filled out in such a way that Google knows everything it needs to know to put your site on top in local search results! Enhancing this information makes you stand out from the crowd, so you’re not losing customers due to being unfindable. And it will save you a lot of time, which is always a good thing! Personally, it helps me to find the opening times from my favorite, local restaurant: PizzaPasta in Wijchen. ;)

Save 15% on our Local SEO plugin

SEO copywriting training

SEO is a highly dynamic practice, but what always should be on top of your mind is providing your user with high-quality content. It’s such a shame when you have many great ideas for your site, but you’re not able to come up with attractive content. Luckily, there is a solution for that: the SEO copywriting training! The online course helps you with writing awesome content that ranks in Google. It even includes personal feedback on your SEO copy from a Yoast expert. Besides that, I’d much rather visit a site when the content is well written!

Save 15% on the SEO copywriting course

Sale information

So, I’ve shared my favorite products with you, but I’m curious: which Yoast products or courses are your favorites? If you want to learn more about our products, you should try them right now, since you can save 10% on all of our products! And you can even save 15% when you purchase any of my personal favorites. So let me know if you try one of our products, enjoy!

Read more: ‘Why you should buy Yoast SEO Premium’ »

The post Yoast’s WordCamp Europe sale: Taco’s personal favorites appeared first on Yoast.

Document Titles for Repo Plugins

The Growth Council has submitted its proposed updates to document titles and meta descriptions across the WordPress.org network. As part of the update for the Plugin Directory, they suggested adding the first two tags of each plugin to the document title:

$Plugin_Name, $Tag_Name Plugin | WordPress.org

Example:

Obenland Media, Gallery Plugin | WordPress.org

Before going ahead with that change I wanted to bring it up for discussion here, given the risk of abuse here.

How do we weigh the benefit of ease of discoverability on search engines with that risk of abuse? What are your thoughts?

Progress on this is tracked in #3539-meta.

#3539-meta

How to Create a Landing Page With WordPress

Do you want to create a custom landing page on your WordPress site? Landing pages help businesses convert website visitors into customers and leads. In this article, we will show you how to easily create a landing page in WordPress.

Creating a landing page with WordPress

What is a Landing Page?

A landing page is a purpose-built page designed to increase sales or generate leads for a business. It is used in paid marketing, email, and social media campaigns. Users coming from these sources will land on this page first, which is why it is called landing page.

What is the difference between the homepage and a landing page?

A homepage is your website’s front page and what users will see when they enter your domain name in their browser. On the other hand, a landing page can be a standalone page where most visitors land from paid or third-party traffic sources.

A homepage is designed for visitors to engage with your website, explore other pages, browse products, or sign up. It has more links and provides users with more choices.

On the other hand, a landing page is built for conversion. It has fewer links and is designed for users to make a purchasing decision or give their information for future outreach.

Normally, your website can have only one homepage, but you can create as many landing pages as you want for different campaigns. For example:

  • A landing page for your paid advertising campaigns
  • Visitors coming from specific traffic sources like email list, social media, and more
  • Users landing on a specific product or service page
  • and many more…

That being said, let’s take a look at how to create a beautiful custom landing page in WordPress. We will show you two solutions, and you can choose the one that suits you best.

Creating a Landing Page in WordPress using Beaver Builder

Beaver Builder is one of the best WordPress landing page plugins. It allows you to easily create a landing page using ready-made templates that you can modify with simple drag and drop tools.

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

Upon activation, you need to visit Settings » Beaver Builder page to configure plugin settings.

Beaver Builder license

Under the License tab, click on the ‘Enter License Key’ button to add your license key. You can find this information under your account on Beaver Builder website.

Next, you need to head over to Pages » Add New page to create your first landing page. Many WordPress themes now include a page builder or a full-width template. These templates are designed to work with page builder plugins.

If your theme doesn’t have such a template, then you can create one on your own. For detailed instructions, see our guide on how to create a full width page in WordPress.

Select a page builder or full-width template from the ‘Page Attributes’ box in the right column and now save your page to apply the changes.

Select a template

You are now ready to make a landing page. Click on the Beaver Builder tab above the post editor to launch the builder interface.

Launch Beaver Builder

Beaver Builder will open with your existing page template. You need to click on the add button on the top right corner of the screen and switch to the templates tab.

Choose a template

Beaver Builder comes with several ready-made templates. Select ‘Landing Pages’ from the group drop-down menu and then choose a template that looks close to what you have in your mind.

Once you select a template, Beaver Builder will load it in the preview window.

Point and click to edit

You can now point and click on any item to edit it. You can change the text, change background color or images, adjust width and height of the rows and columns.

You can add or remove content items from your template. Simply click on the add button and switch to the rows tab. You can add either single or multiple columns.

Add rows to your landing page

After adding a row, switch to the modules tab. Modules are content elements that you can add to your landing page. Beaver builder comes with all the essential modules including text, headings, buttons, video, audio, animated countdown timer, and more.

Add modules to your template

Once you are satisfied with the design, you can click on the ‘Done’ button at the top and then save or publish your page.

Save or publish your landing page

You can now visit the page to view your landing page in action. Feel free to edit it again if you need to adjust, add, or remove anything.

Preview your landing page

Creating a Landing Page in WordPress using Leadpages

Leadpages is another easy to use platform for creating beautiful landing pages and adding them to your WordPress site.

Unlike BeaverBuilder, LeadPages is a standalone landing page builder which means you can use it with or without a WordPress site.

First, you need to visit Leadpages website and sign up for an account. After that you will see the Leadpages dashboard where you need to click on the ‘Create new Leadpage’ button.

Creating a new landing page with Leadpages

On the next screen, you will be asked to choose a template. Leadpages comes with dozens of beautifully designed templates which are neatly organized into different categories.

Choose a template for your landing page

Click on any template to preview it. You need to select a template that looks closest to what you have in mind and then click on the ‘Use this template’ button to continue.

This will launch the Leadpages builder interface. It is a drag and drop interface where you can just point and click on an item to edit it.

Leadpages builder

You can now point and click to edit any item on the page. You can replace images, text, background images, and more. You can also add new widgets from the left column.

You can also adjust different sections of your landing page by clicking on the page layout tab. Simply drag and drop sections to adjust them on the page. You can also add new sections or remove them.

Drag and drop page layout

Leadpages also connects with several third-party apps including all top email marketing services. Simply add a sign-up form to your landing page and then click on ‘Add Integration’ button.

Add integrations

Once you are finished editing your landing page, you can click on the publish button to make it live.

After that you need to click on the ‘Publish Options’ button and switch to ‘Other publishing options’ tab. From here you can download the Leadpages WordPress plugin.

Get WordPress plugin

Next, you need to switch to your WordPress site to install and activate the plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the Leadpages menu in your WordPress admin area to login with your Leadpages account.

Once logged in, go to Leadpages » Add New page. You will be able to see your landing page listed there with few options.

You can publish this page as a normal landing page, homepage, a welcome gate, or a 404 error page. You can also choose a URL slug for your landing page.

Publish your landing page to WordPress

After reviewing the options, go ahead and click on the publish button. Leadpages will now publish the page on your WordPress site.

You can now visit this page on your website to see it in action. You can make any changes you want from the Leadpages website and those changes will show up on your site.

We hope this article helped you learn how to create a landing page with WordPress. You may also want to see our tips on driving more traffic to your WordPress site.

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

The post How to Create a Landing Page With WordPress appeared first on WPBeginner.

Making ScoutDocs: React

Continuing my series about ScoutDocs and the process of building it, this week I’m talking about React.

ScoutDocs-plugin-header-1544x500What is ScoutDocs? ScoutDocs is a WordPress plugin that adds simple file-sharing to your WordPress site.

After the first iteration of ScoutDocs was built and none of the partners on the project were happy with its experience, it became clear that in order to deliver a clean, simple interface for file uploading and sharing we needed to leave the bounds of the WordPress admin. It didn’t take me long to decide that React would be the tool I used to build the new interface.

There is an incredible momentum behind React, and a rich ecosystem of libraries, tools, and educational resources. But beyond all that, React is just plain fun to code. Once you accept the central premise that a view layer and the controller that handles that view are inextricably linked, and once you get over the weirdness of quasi-HTML-in-JS that is JSX, coding in React is a joy.

Screen Shot 2018-06-10 at 10.19.07 PM.png

Make no mistake, learning React is not a weekend project. It will take a while before it feels like home. But once you get it, you feel very powerful.

The first lesson I learned was don’t learn React by rewriting your app in React. I tried this. I read some tutorials about React and it felt straightforward, and I was like “let’s do this.”

confused.gif

This was a bad idea. I was overwhelmed. I had no idea where to start. Next, I tried following some of the interactive tutorials that required me to build a simple React app and then slowly add functionality to it, refactoring it multiple times, until I understood not just the code that I ended up with, but the process of creating it. This went much better.

Start small, and build a bunch of “toy” apps before you use React for your own apps. Once you are able to “think in React”, you’ll be nearly physically itchy to go re-code your app in React, and that’s how you know you’re ready. If you jump the gun, you are going to get stuck a lot, and it will be frustrating.

As you learn React and explore the React ecosystem, you will likely hear about Redux, which is a system for storing application state, and is commonly used with React apps. It looked complicated, and even its creator wrote a post saying you might not need Redux. So I skipped it. This was probably the right call when I was starting out. But as I fleshed out the ScoutDocs app and its complexity increased, I ran into a problem.

See, React breaks your app up into these nested chunks of UI and functionality called components. Data flows down through your components. So if a user updates their name, that change will flow down from higher up components like a Page component down to a PageHeader, down to a NavBar, down to a UserStatus. Once this is all set up and you update data in a parent component, the changes automatically flow downstream, and the UserStatus component updates and re-renders. It’s great. Except that there are a bunch of intermediate components that accept and “forward” that user name data to their children, without actually caring about it themselves. When you inevitably refactor something and need to add new data that flows through these components, every single intermediate one needs to be updated to pass it on. It is tedious. You will hate it.

Worse, because events in React flow upwards, if a user updates their name in the UserName component, that change needs to flow up to ProfileForm, up to Profile, up to Page, and then up to your main App component. When you refactor, you need to make sure this event forwarding chain stays connected. Yet more tedium that you will hate.

Redux solves this by letting your React components, no matter how deeply they are nested, subscribe directly to the data they need.

I really wish Dave Ceddia had written this excellent post about Redux two months earlier.

If you have a component structure like the one above – where props are being forwarded down through many layers – consider using Redux.

This is what I needed to hear, and knowing this would have saved me a lot of frustration and time that I now have to spend converting ScoutDocs to use Redux.

Use Redux when your React data flow starts to get unwieldy.

Another mistake I made early on was making the data my React components accepted too restrictive. For example, I wanted the ability to prefix a Row component with a clickable icon. So I let the component accept an icon and onClickIcon property. I just passed a Font Awesome icon name in, and a function I wanted to run when clicked. It worked great.

Screen Shot 2018-06-10 at 10.26.08 PM.png

Then I needed to add a second icon in front, in some circumstances. Ugh. I certainly didn’t want to do otherIcon and onClickOtherIcon. Instead, what I should have done was let the component accept beforeRow which could be anything… like an array of <Icon> components or a single one or even other components altogether.

Screen Shot 2018-06-10 at 10.31.45 PM.png

This can be used for many more situations than the one (“put an icon before the row”) that I’d originally envisioned.

Your React components should be flexible, so they can be reusable.

Other posts in this series:

  • Outsourcing
  • React
  • WordPress Rest API
  • PHP 7
  • Build tools
  • Unit testing