Blog

How to Fix the WordPress White Screen of Death (Step by Step)


The WordPress white screen of death is one of the most common WordPress errors. It is also one of the most frustrating ones because there is no error message, and you are locked out of WordPress.

Another problem with the white screen of death error is that sometimes it only affects a certain part of your website.

For example, you may only see the white screen of death inside the WordPress admin area, while everything else works fine. In other cases, you may only see it on a specific post whereas everything else works fine.

In this article, we will show you how to fix the WordPress white screen of death by looking at different solutions.

Fixing WordPress white screen of death error

Note: Before you make any changes to your site, make sure you have a backup of your WordPress site. If you don’t have access to the admin area, then see our guide on how to manually create WordPress database backup.

Why Do You See the White Screen of Death in WordPress?

Majority of the time when you see a white screen of death, it means that a script on your website exhausted the memory limit.

The unresponsive script either gets killed by your WordPress hosting server, or it simply times out. This is why no actual error message is generated, and you see a plain white screen.

WordPress showing white screen instead of website

This error can also happen due to a poorly coded theme or plugin installed on your site. Sometimes it can happen if there is an issue with your web hosting server.

Since the white screen error can be caused by any number of things, it requires methodical troubleshooting to fix.

Does the problem occur on your other sites?

If you have other WordPress sites installed on the same hosting account, then you want to start by checking if the problem is occurring on other sites as well.

If it is, then that’s a strong indicator that something is wrong with your WordPress hosting service. This could be a temporary issue affecting their service, and you need to reach out to their support for more help.

On the other hand, if the issue is only happening with one website or a specific part of that site, then you know that the problem is with that particular website.

Fixing White Screen Error with WordPress Recovery Mode

If the white screen of death error is caused by a WordPress plugin or theme, then WordPress may be able to catch it.

The new fatal error protection feature introduced in WordPress 5.2 can sometimes catch the error, so you may not even see a white screen. Instead, you will see a message that the site is having technical difficulties.

Technical difficulties

You would also receive an email message on your admin email address with the subject ‘Your Site is Having a Technical Issue’.

Technical issue email sent to admin

This email message will point out the plugin causing the error, and it will also contain a special link. This link will allow you to login to the WordPress recovery mode and deactivate the faulty plugin.

WordPress recovery mode

However, if you are seeing the plain white screen of death with no email or recovery mode option, then you need to manually fix the error.

Increasing the Memory Limit

Usually, this error happens because a script has exhausted the memory and quit in the middle. To fix this, you need to increase PHP memory available to WordPress. This will allow the script to use more memory to finish the job it was supposed to do.

You can follow the instructions in our tutorial on how to increase PHP memory in WordPress.

Disabling All Plugins

If increasing the memory limit did not help, or if you have a high memory limit like 256M or 512M, then you need to start troubleshooting.

In our experience of troubleshooting this issue, we have always found that the issue is either with a specific plugin or a theme. Let’s go ahead and disable all the plugins.

If you can still access the WordPress admin area, then you can simply go to Plugins » Installed Plugins page. Select all the installed plugins and then select ‘Deactivate’ under ‘Bulk Actions’ drop-down.

Deactivate all plugins via WordPress admin area

However, if you don’t have access to the WordPress admin area, then you will need to deactivate all plugins via FTP.

First, connect to your WordPress site using an FTP client. Once connected, go to the wp-content folder where you will see the ‘plugins’ folder.

Rename plugins folder to deactivate all plugins

Now, you need to right-click on the plugins folder and then select rename. You can rename the plugins folder to plugins-deactivated.

Plugins deactivated

Your FTP client will now rename the plugins folder.

WordPress looks for a folder named plugins to load all plugins. When it cannot find the folder, it simply deactivates all plugins.

If this fixes the issue, then enable one plugin at a time to get to the bottom of the issue. Once you find the plugin causing the issue, you can replace it with an alternative or report the issue to plugin authors.

Replace Theme with a Default Theme

If the plugin troubleshooting doesn’t fix the issue, then you should try replacing your current theme with a default theme.

First, connect to your website using an FTP client and go to the /wp-content/themes/ folder. It contains all installed themes on your website.

Right-click to select your current WordPress theme and download it to your computer as a backup.

Download current theme as backup

Next, you need to delete your current theme from your website. Right-click on your theme folder and select ‘Delete’. Your FTP client will now delete the theme from your website.

Delete current theme

Now if you have a default WordPress theme like (Twenty Eighteen or Twenty Nineteen) installed on your website, then WordPress will automatically start using it as the default theme.

However, if you don’t have a default theme installed, then you need to manually install it using FTP.

If this fixes the issue, then you should look at your theme’s functions.php file. If there are extra spaces at the bottom of the file, then you need to remove those, and sometimes that fixes the issue.

If you are using a poorly coded function in your theme’s functions.php file, then it can cause the white screen of death error as well.

Consider downloading a fresh copy of your theme from its source and then install it.

Enable Debug Mode to Catch Errors in WordPress

If nothing has helped so far, then the next step is to turn on debugging in WordPress. This will allow you to see what type of errors are being outputted.

Simply, add the following code into your wp-config.php file.

define( 'WP_DEBUG', true);
define( 'WP_DEBUG_LOG', true );

Once you add this, the blank screen will now have errors, warnings, and notices. These may be able to help you determine the root cause.

If you don’t see any errors, you may still want to check the debug log. Simply visit the wp-content folder on your website using an FTP client. There you will find a new debug.log file containing a log of all errors, notices, and warnings.

Debug log

Clear WordPress Cache

Sometimes, you may have access to the backend, but the front-end of the site has the white screen of death. This can happen because of a caching plugin. Simply empty your cache.

See our guide on how to clear cache in WordPress for detailed instructions.

Fixing Longer Articles

If you have a white screen of death only on a very long post or page, then this little trick might work.

This trick basically increases PHP’s text processing capability by increasing the recursion and backtrack limit. You can paste the following code in your wp-config.php file.

/** Trick for long posts */
ini_set('pcre.recursion_limit',20000000);
ini_set('pcre.backtrack_limit',10000000);

We understand that this is a very frustrating error, and we hope that one of the tricks above fixed the issue for you. You may also want to see our WordPress troubleshooting guide which teaches the steps you should take to catch and fix WordPress problems by yourself.

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 Fix the WordPress White Screen of Death (Step by Step) appeared first on WPBeginner.



Source link

How to Add reCAPTCHA to WordPress Comment Form


Are you looking to add reCAPTCHA to your WordPress comment form?

Spam comments have gotten out of control for WordPress websites. As spammers become more sophisticated, they can launch massive spam attacks with little effort.

Akismet, the popular spam filtering service for WordPress blocks about 7.5 million spam comments every hour. Dealing with spam comments can be frustrating, and some bloggers even choose to completely disable comments on their websites.

Instead of turning off the comments, you can add CAPTCHA to the comment form to practically eliminate spam.

In this tutorial, we’ll show you how to easily add reCAPTCHA to the comment form of your WordPress website.

Add reCAPTCHA to WordPress Comment Form

What is Google reCAPTCHA?

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

Google acquired CAPTCHA technology in 2009 and then later rebranded it as reCAPTCHA. They also made it easier for human users to easily pass the test.

Basically, it presents users with a simple check box that they can click to pass the test. If for some reason the test doesn’t validate, then the user will be presented with a challenge identifying text in an image or matching objects in multiple images.

Google have made reCAPTCHA publicly available, so that website owners can use it on contact forms, login pages, and comment forms to reduce spam.

Here’s an example of what reCPATCHA test looks like to majority of your users:

Google reCAPTCHA tickbox

It is super easy to setup and add to the WordPress comment form.

With that said, let’s see how to easily add reCAPTCHA to the WordPress comment form with step by step instructions.

Step 1: Get Started

First thing you need to do is install and activate the reCAPTCHA in WP comments form plugin. You can see our step by step guide on how to install a WordPress plugin for detailed instructions.

Upon activation, you need to visit Settings » reCAPTCHA in Comments page to configure plugin settings.

reCaptcha plugin settings page

The plugin will ask you to provide Google reCAPTCHA API keys. You can create these keys for free from the official reCAPTCHA website.

Step 2: Register Your Website to Get reCAPTCHA API Keys

The plugin needs 2 Google API keys to add a reCAPTCHA checkbox to your comment form.

To get the API keys, head over to the Google reCAPTCHA website and click on the ‘Admin Console’ button located at the top right corner of the screen.

Visit Google reCAPTCHA website

You’ll be asked to sign in with your Google account. After that, you’ll see the “Register a new site” page where you need to provide some basic information to register your site.

First, you need to type your website name or any name of your choice in the Label field. This will help you easily identify your site in the future.

Adding a new site

Next, you need to select the reCAPTCHA V2 radio button.

This will open up 3 new options. Since you want to add the reCAPTCHA checkbox to your site, you need to select the “I’m not a robot checkbox” option.

The Domains textbox allows you to add the domain name of your website where you would like to add the reCAPTCHA checkbox.

You can also add multiple domains or subdomains by clicking on the plus (+) icon. This will allow you to use the same API keys on different websites.

Add domain and email to reCAPTCHA site

Under Owners, Google will already add your email address. You can also add another email if you want.

Next, you need to accept the terms of service to use Google reCAPTCHA on your site.

Also, select the “Send alerts to owners” checkbox to allow Google to send emails to you if they detect any misconfiguration or suspicious activity.

Submit and register your WordPress site

Once you’ve filled the form, you can click on the Submit button to register your site.

Google reCAPTCHA will now show you a success message along with the site key and the secret key on this page.

Copy site and secret keys

You can now use these API Keys in plugin settings on your website.

Step 3: Add reCAPTCHA to WordPress Comment Form

Head over to Settings » reCAPTCHA in Comments from the left sidebar of your admin panel.

On the settings page, you need to scroll down to paste the site key and the secret key.

Add Google API keys to WordPress site

Once you’re done, click on the “Save your Google reCAPTCHA API Keys pair” button to store the API keys.

The last thing you need to do is enable reCAPTCHA by clicking on the toggle button and then click on Save Changes.

Activate Google reCAPTCHA on your site

You can also do basic customization by clicking on the reCAPTCHA Customizer option.

Customize reCAPTCHA appearance

Here you can make changes to the style, size, and alignment of the reCAPTCHA checkbox.

The plugin also has Antispam Settings option which allows you to decide what to do when the plugin detects an unauthorized comment or security breach.

What to do with spam comments

Congratulations, you’ve successfully added reCAPTCHA to your WordPress comment form. You can now check the comment section of your blog posts to confirm that it’s working properly.

Note: the reCAPTCHA checkbox will be displayed only to logged out users, so you will need to either log out or open your website in an Incognito window of your browser to preview reCAPTCHA.

WordPress comment form with reCAPTCHA enabled

We hope this tutorial helped you learn how to add reCAPTCHA to the WordPress comment form of your website.

You may also want to check out our guide on how to lazy load comments in WordPress to improve the page loading time.

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 reCAPTCHA to WordPress Comment Form appeared first on WPBeginner.



Source link

60 Best Landing Page Templates for WordPress (2019)


Are you looking for the best landing page templates for WordPress?

Landing pages help you get more leads and increase conversions. They are designed to guide users towards taking the required actions on your website.

In this article, we will share the best landing page templates for WordPress to help you get more sales and conversions.

Best landng page templates for WordPress

Bonus: some of these templates offer 100% drag & drop functionality, so you can easily customize it to match your needs within few minutes.

Best Landing Page Templates for WordPress

Landing page templates are focused on achieving an objective or goal like getting more subscribers, boost your sales, etc.

There are many landing page plugins that you can use to create a landing page on your WordPress website. You will also find dozens of landing page templates that are designed specifically for certain industries and goals.

The best way to build landing pages in WordPress is to use a drag and drop page builder, so you can easily customize the landing page without writing any code.

Below are the top landing page design providers that we recommend:

Elegant Themes Divi

Divi

Elegant Themes Divi is a popular WordPress page builder that you can use to design your landing page templates. It has multiple built-in elements and content modules to add on your page. Divi Builder allows you to click and type the text anywhere on the layout. It comes with responsive editing and looks great on all devices.

You can fully customize each element with the drag and drop builder. It gives you complete control over the fonts, colors, background, and spacing. Divi offers over 100 pre-built landing page templates with demos that are ready to use.

Beaver Builder

Beaver Builder

Beaver Builder is a powerful WordPress page builder plugin. It comes with multiple landing page templates for fashion, photography, web agency, education, mobile apps, etc. With Beaver Builder, you can drag and drop the content on your landing pages quickly. It allows you to organize your text and images in the columns to create beautiful custom page templates.

The best part with Beaver Builder plugin is that it works with all simple WordPress themes. It offers live, front-end editing for easy customization. It fully supports WooCommerce, multisite network, and WPML for translations.

Themify Ultra

Themify Ultra

Themify Ultra is an all-purpose WordPress theme with a full-width background image. It ships with Themify drag and drop builder that works similarly as Divi Builder or Beaver Builder. You can use this page builder to design your custom page templates. It also offers pre-built landing page templates that reduce the efforts and save time.

It has smart layout options for header, sidebar, footer, and other parts of your website. Themify Ultra has parallax scrolling for both vertical and horizontal layouts.

Astra

Astra

Unlike the solutions above, Astra is not a page builder. It is a fast and lightweight WordPress theme that’s designed to work with drag & drop page builders like BeaverBuilder.

The best part about Astra is that it comes with dozens of ready-made websites and page templates. You can install the Astra theme and use these templates to create landing pages for fitness, manufacturing, transport services, barber shop, musical bands, etc. The theme fully supports WooCommerce.

Best Landing Page Template Examples

The above theme and plugin companies have a variety of landing page templates. We have also added several other top theme companies offering templates that can be used to create landing pages.

Let’s take a look at our expert pick of the best landing page templates for WordPress.

1. Divi Cafe

Divi Cafe

Divi Cafe is a WordPress landing page template for cafes, restaurants, and food-related businesses. It has a simple design with a full-width layout featuring images and content beautifully. You can also use this landing page template to showcase your featured content and case studies.

2. Divi Interior

Divi Interior

Divi Interior is a modern landing page template for interior designers, house decorators, and architects. It has an attractive design and offers the space to display eye-catching images in a full-width layout. You can also add featured content side by side with images.

3. Divi Elegant

Divi Elegant

Divi Elegant is a beautiful landing page template for digital and web agency. It has multiple folds or sections to add your featured work, team members, images, testimonials, etc. You can use the Divi Builder to customize each section and change the order of the built-in template.

4. Extra

Extra

Extra is a powerful WordPress theme with tons of amazing landing page templates for online magazines, fashion websites, and lifestyle blogs. It uses the Divi Builder to drag and drop elements on the template. The theme is fully customizable and let you create multiple landing pages to boost your readership.

5. Beaver Builder Small Business

Beaver Builder Small Business

Beaver Builder’s Small Business landing page template is designed with a focus to help you get more customers online. It offers multiple sections to add content, CTA, featured services, and images. You can fully customize the background, fonts, colors, and buttons using Beaver Builder plugin.

6. Beaver Builder Crossfit

Beaver Builder Fitness Gym

Beaver Builder’s Crossfit landing page template is perfect for the websites of gyms, fitness institutions, and health advisors. It comes with a full-width background image and custom logo. Below you can add fitness schedules, programs, etc.

7. Beaver Builder Editorial

Beaver Builder Editorial

Beaver Builder’s Editorial landing page template is for bloggers, writers, and fashion-related websites. It has the space to add attractive fullscreen images. You can use the Beaver Builder drag and drop builder to showcase featured content with the image.

8. Beaver Builder Law Firm

Beaver Builder Law Firm

Beaver Builder’s Law Firm is a landing page template designed specifically for lawyers, legal clinics, and corporate law firms. It has a simple layout to add your text, CTA button, and services professionally. You can add further details about your team and more in the sections below.

9. Beaver Builder Photography

Beaver Builder Photography

Beaver Builder’s Photography landing page template allows photographers to share their profile and portfolio with style. It has a dark layout with crisp typography using beautiful fonts. You can fully customize the template with the page builder.

10. Beaver Builder Musician

Beaver Builder Musician

Beaver Builder’s Musician landing page template is built for the DJs, music bands, instrumentals, and musicians. It comes with an attractive design and sharp colors to get users’ attention. The template has sections to sell tickets of your shows and share details about your band.

11. Beaver Builder Restaurant

Beaver Builder Restaurant

Beaver Builder’s Restaurant landing page template is fully focused on promoting restaurants, food, and eateries. It has a dark layout with elegant typography. The overall design is spacious making page contents more noticeable, and you can use Beaver Builder page builder plugin to customize the background, colors, fonts, etc.

12. Beaver Builder Fullscreen

Beaver Builder Fullscreen

As the name suggests, Beaver Builder’s Fullscreen landing page template is an elegant layout for all types of websites. It has full-width background images and bold colors that make the content readable. You can add the CTA button to redirect users to the important pages.

13. Beaver Builder Creative Agency

Beaver Builder Creative Agency

Beaver Builder’s Creative Agency template for landing pages is perfect for getting more leads online. It has beautiful colors and crisp typography. The template is designed for creative and web agencies to share their portfolio in a professional style.

14. Beaver Builder eBook

Beaver Builder eBook

Beaver Builder’s eBook landing page template is designed for authors, eBooks, libraries, and blogs. It has a stunning book-cover like layout to showcase your featured book and make more sales. You can add all the details of your book and build user interest to take further action on your website.

15. Beaver Builder Educational

Beaver Builder Educational

Beaver Builder’s Education landing page template is perfect for universities, colleges, and educational institutions. It allows you to add a welcome message with a beautiful background image. You can also display courses offered by your university with clear call-to-actions.

16. Beaver Builder Automotive

Beaver Builder Automotive

Beaver Builder’s Automotive is an excellent landing page template for cars, automobiles, and showrooms. It has an attractive and adventurous first impression. You can customize the background, colors, fonts, and content with Beaver Builder page builder plugin.

17. Beaver Builder Mobile App

Beaver Builder Mobile App

Beaver Builder’s Mobile App landing page template is a fully customizable layout for mobile games, apps, and mobile-based solutions. It has a white background with a large image on the front. It offers different sections to add text and call to action buttons.

18. Beaver Builder General Business

Beaver Builder General Business

Beaver Builder’s General Business template is designed to create landing pages for all kinds of business websites. It has a beautiful layout with a custom background image. The template allows you to add content and CTA button in the first section. You can use Beaver Builder drag and drop page builder for any customization.

19. Beaver Builder Construction

Beaver Builder Construction

Beaver Builder’s Construction landing page template is for the websites offering construction services. It has a beautiful design with a full-width background image and stylish typography. It includes sections to add your services and call to action button.

20. Beaver Builder Coming Soon

Beaver Builder Coming Soon

If you want to create a coming soon and maintenance mode page, then Beaver Builder’s Coming Soon template is a perfect choice. It has a customizable design with a newsletter subscription form to get more subscribers. You can use the Beaver Builder page builder to change background and colors easily.

21. Astra Fitness Trainer

Astra Fitness Trainer

Astra’s Fitness Trainer is a landing page template for fitness coaches, trainers, health instructors, and gyms. It looks like a full page website, but it focuses on promoting personal coaches with schedules, training rates, testimonials, clients, etc.

22. Astra Psychiatrist

Astra Psychiatrist

Astra’s Psychiatrist is a WordPress landing page template for medical, doctors, psychiatrists, and hospitals. It has a full-width background image with introduction, text, and CTA. You can add other details below the main banner.

23. Astra Product

Astra Product

Astra’s Product is a perfect landing page template for products. It appears as a complete website with bright colors, navigation menu, featured images, and text. You can also add blurbs and CTA in the sections below. This template is WooCommerce friendly and can be edited with any top page builders.

24. Astra Custom Printing

Astra Custom Printing

Astra’s Custom Printing landing page template gives a clear message to customers to get their t-shirts and mugs customized. It has a simple and neat design with a white background. You can customize the colors, fonts, and background for the template to make it more attractive.

25. Astra Spa

Astra Spa

Astra’s Spa landing page template offers an attractive full-width header background with custom text and phone number to let the users connect with your spa company directly. It has an appointment booking button alongside the navigation menu. You can use the page builders to customize the template as you want.

26. Astra Dental Clinic

Astra Dental Clinic

Astra’s Dental Clinic landing page template is a perfect choice for dentistry and medicals. It allows you to add a number in the header, a CTA button with a text message, and a full-width image. You can add the appointment booking form on the CTA button to boost your sales.

27. Astra Agency

Astra Agency

Astra’s Agency landing page template for WordPress websites is built for web agencies, designers, and developers. It has multiple layout designs with beautiful colors and typography. You can showcase your portfolio and featured work as images to create a powerful first impression on users.

28. Astra Jewellery

Astra Jewellry

Astra’s Jewellery landing page template is beautifully designed to get your users’ attention. It has a dark-colored layout that helps you showcase the jewelry photos and text prominently. It’s compatible with WooCommerce to add cart options on your landing page.

29. Astra Lawyer

Astra Lawyer

Astra’s Lawyer landing page template is for the lawyers and law firms to get new clients online. It displays your address and phone number in a professional way so your customers can contact you easily. It has space for a tagline to impress the visitors.

30. Astra Hotel

Astra Hotel

Astra’s Hotel landing page template is an excellent choice for hotel websites, BnBs, and hotel-related businesses. It has a CTA button to add room booking option to boost your sales. You can add a fullscreen background image of your hotel with an impressive tagline to get users’ attention on the page.

31. Astra Author

Astra Author

Astra’s Author landing page template is a beautiful and attractive layout for writers, authors, libraries, and booksellers. It allows you to showcase the featured book on the front with an image of the book cover and a short text. You can also add the author’s name and other details.

32. Astra Winery

Astra Winery

Astra’s Winery landing page template is built for the wine shops, vineyards, and wine sellers. It has a storytelling layout making it easier for you to create user engagement. It allows you to add an image of your best wine with details and CTA button.

33. Astra Photography Portfolio

Astra Photography

Astra’s Photography Portfolio landing page template is perfect for photographers to showcase their portfolios professionally. You can use the drag and drop page builders to add text with photos easily. It has a white background that adds sharpness to your content.

34. Astra Freelancer

Astra Freelancer

Astra’s Freelancer landing page template is designed for individuals who want to get more online jobs. It has a simple and neat layout with beautiful colors to create a professional first impression. The freelancers can use this template for their introduction to visitors.

35. Astra Charity

Astra Charity

Astra’s Charity landing page template is built with a motive to add more donors to your cause. It is perfect for non-profit organizations, online charities, and NGOs. It has bold and bright colors with excellent readability. The template allows you to add a donate button so the visitors can easily connect with you.

36. Astra Real Estate

Astra Real Estate

Astra’s Real Estate landing page template is a modern and stylish template for real estate agents. It helps in the expansion of your real estate business with its features and options. It displays a quick form template on the front for users to get connected quickly. The template has space to add your phone number and CTA button.

37. Astra Artist

Astra Artist

Astra’s Artist landing page template promotes the artist, agencies, and painters. It is divided into sections to add your featured paintings and other artwork beautifully. You can add the details of your artwork and add a CTA button to redirect users on the cart page. It supports WooCommerce to sell your work online.

38. Astra Nature

Astra Nature

Astra’s Nature landing page template is designed for agencies working on natural habitats. It’s also a perfect choice for nature photographers, nature lovers, and travelers. It comes with an eye-catching background image and CTA button.

39. Astra Financial Advisors

Astra Financial Advisors

Astra’s Financial Advisors landing page template is perfect for large businesses who want to display their financial reports online. It’s a professional template with an elegant and modern design. The template is page builder friendly and compatible with WPML.

40. Astra Conference Event

Astra Conference Event

Astra’s Conference Event landing page template helps in promoting your conferences and events. It allows you to add the details of your event, including date, image, and title. You can also sell tickets online by adding a CTA button on top of the page.

41. Astra Marketer

Astra Marketer

Astra’s Marketer landing page template is for the websites of content and growth marketers. It has bold and bright colors in the background with crisp typography. The template is perfect for individual marketers to get leads and give consultancy online.

42. Astra Industry

Astra Industry

Astra’s Industry landing page template is built for industries. It has a custom background image, CTA button, and about section. This page template is fully customizable using the drag and drop page builders and WordPress live customizer.

43. StudioPress Aspire

StudioPress Aspire

StudioPress Aspire is an elegant WordPress theme with bold and bright colors. This template is built on top of the Genesis theme framework. It has a full-width header background image and a subscription box in the header to increase your subscribers. This theme is perfect to create a landing page for any website.

44. StudioPress Monochrome

StudioPress Monochrome

StudioPress Monochrome is a minimalistic WordPress theme with a simple and neat design. It uses black and white color for the background of the template. The font is inverse to the background and highly readable on all screen sizes. You can use this theme as a landing page template to promote your online business.

45. StudioPress Infinity Pro

StudioPress Infinity Pro

StudioPress Infinity Pro is a stylish WordPress theme for digital agencies. It has an elegant design and ready to be used as a landing page template. It allows you to add a CTA button and redirect your users to the products page, which helps to boost your sales. Infinity Pro is fully compatible with WooCommerce to create an online store.

46. StudioPress Parallax Pro

StudioPress Parallax Pro

StudioPress Parallax Pro is a beautiful WordPress storytelling theme. Like its name, the theme has a parallax design which makes your content readable on all devices. This theme is perfect to create your landing page template with a CTA button and featured content.

47. StudioPress Showcase

StudioPress Showcase

StudioPress Showcase is an eye-catching WordPress theme that can be used to create a landing page template. It’s built on top of the Genesis theme framework. The theme is fully customizable with a CTA button to redirect users to relevant pages.

48. StudioPress Agent Focused

StudioPress Agent Focused Pro

StudioPress Agent Focused is a WordPress real estate theme. It has a flexible and page builder friendly layout. It allows you to add a custom header with a full-width background. You can use this page template to promote your real estate and IDX listings.

49. StudioPress Education

StudioPress Education

StudioPress Education landing page template is focused on delivering more content in lesser space. It’s built specifically for students, universities, and other educational institutions to share knowledge. This template is widgetized and easy to set up.

50. Themify Ultra Accountant

Themify Ultra Accountant

Themify Ultra’s Accountant landing page template is designed to sell tax returns and filing services online. It allows you to add a CTA button for users to book an appointment directly from your website. You can also share your featured services on the template.

51. Themify Ultra Wedding

Themify Ultra Wedding

Themify Ultra’s Wedding landing page template is an elegant template to promote wedding planners, wedding photographers, and individual weddings. It has a fullscreen background image with beautiful typography. The template is customizable using the Themify page builder.

52. Themify Ultra Software

Themify Ultra Software

Themify Ultra’s Software landing page template is perfect for getting online jobs for software development. It has a custom built layout with multiple ready-made demos. This template is similar to the Ultra theme template with a focus on selling services online.

53. Themify Ultra Coffee

Themify Ultra Coffee

Themify Ultra’s Coffee is a landing page template for the websites of coffee houses, coffee beans industries, and other coffee related products. It has a beautiful background image showcasing coffee beans and spilled coffee extracts. It displays a CTA button to redirect users to important pages.

54. Themify Ultra Music

Themify Ultra Music

Themify Ultra’s Music landing page template focuses on promoting musicians, DJs, music bands, and instruments. It also allows you to display your upcoming events in a professional style. The template is fully customizable using drag and drop page builder.

55. Themify Ultra App

Themify Ultra App

Themify Ultra’s App landing page template is built for the apps of mobile and all other devices. You can use this template to promote app development services online. This landing page template helps you boost the downloads of your featured apps with a CTA button.

56. Bento

Bento

Bento is a free and all-purpose WordPress theme to create landing page templates. It comes with unlimited color options, vector icons, fonts, and custom background. It integrates WooCommerce to promote your product pages. Bento can be edited using WordPress live customizer with preview.

57. OnePress

OnePress

OnePress is another free WordPress template to create landing pages for creative and web agencies, freelancers, bloggers, and newspapers. It has 2 CTA buttons to redirect users to your services and product page. You can also add featured services in the blurbs below.

58. Hestia Pro

Hestia Pro

Hestia Pro is a popular single-page WordPress theme with a fullscreen background image. It can be used as a landing page template to promote any business. It’s compatible with drag and drop page builders like Elementor, Beaver Builder, etc to customize the layout. Hestia supports WooCommerce to promote your products.

59. Orfeo

Orfeo

Orfeo is a multipurpose and free WordPress theme. It has a single page layout with multiple sections to create a landing page template. It is easy to customize using drag and drop page builders. This theme is compatible with WooCommerce and WPML.

60. Zelle

Zelle

Zelle is a premium one-page layout for WordPress websites. It is perfect to create landing page templates easily. It works excellent with page builders like Visual Composer, Beaver Builder, etc. It comes with unlimited colors, custom backgrounds, and optimized for speed.

Final Thoughts

These are just some of the landing page templates that we could share. The key to building landing pages is to use a drag and drop page builder like Beaver Builder or Divi.

You can use these two to create infinite possibilities of design combinations within just minutes.

If you’re looking for a non-WordPress landing page solution, then we recommend using either LeadPages or Unbounce.

Both of these providers offer hosted landing page solutions and comes with hundreds of pre-made designs that you can choose from. A lot of marketers focusing on PPC end up using these solutions due to their ease of use.

Here’s an example of the goal focused templates that LeadPages offer:

LeadPages Landing Page Templates

Our first preference is to always to use a WordPress page builder like Beaver Builder or Divi because you’ll save a lot of money in the long run.

To put in perspective, the annual cost of a WordPress page builder plugin is 12 times cheaper than the hosted landing page builders.

We hope this article helped you find the best landing page templates for WordPress. You may also want to see our ultimate step by step 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 60 Best Landing Page Templates for WordPress (2019) appeared first on WPBeginner.



Source link

Beginners Guide: 26 Most Common WordPress Mistakes to Avoid


When creating a WordPress website, everyone make mistakes. However each mistake is a learning opportunity that helps you grow.

Over the years, we have helped thousands of WordPress users start their websites and blogs. In setting up our own websites as well as helping others, we have learned to avoid some common WordPress mistakes.

It has helped us save time, money, and grow our business more effectively.

In this article, we will share those experiences with you, so you can avoid these common WordPress mistakes.

The goal is to help you learn from other people’s mistakes when making your own websites.

Common WordPress mistakes to avoid

1. Choosing The Wrong Platform

Choosing the right WordPress

The biggest mistake people make when starting out is choosing the wrong blogging platform. Basically, there are two types of WordPress. First, there is WordPress.com which is a blog hosting service, and then there is WordPress.org also which is the famous self-hosted WordPress platform that everyone loves.

You need to start with self-hosted WordPress.org because it gives you access to all the features you need out of the box.

To learn more see our article on WordPress.com vs WordPress.org with a side by side comparison of the two platforms.

2. Buying More than What You Need

To get started with a WordPress website, you need a domain name and WordPress hosting.

The challenge is that a lot of domain registrars try to upsell other services. This confuses the small business owners who are just starting out.

The add-on services may include privacy protection, extra email accounts, security services, and more.

Upselling services

You can skip all of these things and save money to spend on growing your business. If you later decide that you need those services, then you can always purchase them from your hosting company.

You also need to choose the right hosting plan for your website. For 90% of websites that are just starting out, a shared hosting account is quite enough to get you going.

We recommend using Bluehost. They are one of the biggest hosting companies in the world and officially recommended by WordPress.

They are offering WPBeginner users a discount on hosting + free domain and SSL certificate. Basically, you can get started for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

As your business grows, you can choose to upgrade your hosting plan or move to a managed WordPress hosting company.

For more details, see our guide on the cost of a WordPress website and how to save money when building your website.

3. Not Setting up Automated Backups

Automated backups

Each year billions of dollars worth of damages are caused by data loss. Almost every website on the internet is prone to accidents, theft, hacking attempts, and other disasters.

Your most powerful line of defense against these threats is automated backups. Without a backup, you could lose all your WordPress data, and it would be very difficult to recover it (sometimes even impossible).

We have seen many people lose their entire websites just because they didn’t have an up to date backup.

Setting up backups is extremely easy, and there are excellent WordPress backup plugins available in the market. Once you set up one of these backup plugins, they would automatically create backups for you.

The second part of this mistake is not storing backup files on a remote location. A lot of folks store their WordPress backups on their web hosting server. If they lose their website data, then they also lose the backups.

Make sure that you store your backups on cloud storage service like Google Drive, Dropbox, etc. Backup plugins like UpdraftPlus can automatically do that for you.

4. Not Setting up Google Analytics

Google Analytics

If you want to grow your business with confidence, then you need to know how people find and use your website. That’s where Google Analytics can help.

We recommend using MonsterInsights, the most popular Google Analytics plugin for WordPress. It saves you time during setup, and shows you the stats that matter, right inside your WordPress dashboard.

If you don’t want MonsterInsights Pro, then there’s also a free version of MonsterInsights available that you can get started with.

5. Not Setting up a Contact Form

Contact page

Not setting up a contact form is another easily avoidable mistake that many beginners make. Without a contact form, your website visitors will not be able to contact you, and this can cause you to lose significant opportunities.

You will see a contact page on almost every popular website. It is one of the most important pages every website need to have.

WordPress does not come with a built-in contact form, but there are a lot of great WordPress contact form plugins available that you can use.

We recommend using WPForms Lite which is the free version of the popular WPForms plugin that’s being used by over 2 million websites.

You can see our detailed instructions on how to create a contact form in WordPress.

6. Not Building an Email List

Email list

Did you know that more than 70% of people who visit your website will never come back again?

If you are not building your email list, then you are basically losing money with every website visitor that leaves your site. Converting website visitors into email subscribers allows you to bring back those users to your website.

To learn more about this topic, see our article on why building an email list is important.

You will need an email marketing service to set up your email list. We recommend using Constant Contact because they are one of the best email marketing companies on the market with a very beginner friendly platform.

For step by step instructions, see our complete tutorial on how to start an email newsletter.

7. Not Choosing The Right WordPress Theme

WordPress themes

One of the biggest challenges WordPress beginners face is choosing the right design for their website.

With thousands of WordPress themes out there, an average beginner tries multiple themes before settling for the right one, and this process can even lead the user to rebuild their website multiple times.

To avoid this, we recommend choosing the right WordPress theme from the start and then stick to it.

This allows your website visitors to become familiar with your website, your brand, and its unique style. Consistency and continuity of your design makes a big impact on brand recognition and awareness.

We are often asked by readers, how to choose a theme that just works?

Well, when it comes to design we prefer simplicity over glitter. It has worked really well not just for us, but many successful online businesses.

You need to choose a great looking but simple WordPress theme that pays attention to the following items:

  • It must look equally good on all devices (desktop, mobile, and tablets).
  • It should be easy to customize and flexible to adapt to your needs.
  • It should work with popular plugins and WordPress page builders.
  • It should be optimized for performance and speed.

Now we understand that as a non-techy user, you may not be able to check all those things on your own. In that case, we recommend choosing a theme from a top commercial WordPress theme shop like StudioPress, Themify, or Astra Theme.

If you need more recommendations, then check out these theme showcases where we hand-picked the best WordPress themes in different categories.

  • Best WordPress blog themes
  • Best WordPress business themes
  • Best simple WordPress themes
  • Best multi-purpose WordPress themes

8. Ignoring WordPress Updates

Ignoring WordPress updates

We have seen many beginners and even experienced WordPress users who don’t install updates on their site. Many of them believe that doing so will cause errors and could break their site.

That’s not true.

You can easily and safely update WordPress without breaking your website. By not updating WordPress, you leave your website vulnerable to security breaches while using outdated software.

It’s not just WordPress, your WordPress theme and plugins also regularly release updates for bug fixes, security patches, and new features.

For more details, see our guide on how to safely update WordPress

9. Not Optimizing Your Website for SEO

Optimize WordPress SEO

A lot of WordPress users rely on their best guesses when it comes to promoting their websites. Some completely ignore SEO, while some do it half-heartedly.

SEO (Search Engine Optimization) helps you rank higher in search engines, so more users can find your website.

Search engines are the biggest source of traffic for most websites. SEO is crucial for the success of your online business.

We have a complete step by step WordPress SEO guide for beginners which will help you properly optimize your website for SEO.

10. Not Using Categories and Tags Properly

Categories vs Tags

Another big mistake is not using categories and tags properly. Some users end up using categories where they should have used tags and vice-versa.

We have seen websites with dozens of categories and no tags at all. We have seen websites using hundreds of tags and no categories at all.

Basically, categories are your website’s table of contents. If your website was a file cabinet, categories would be its drawers.

On the other hand, tags are like the index page. If your website was a file cabinet, tags would be the labels on individual file folders.

For a more detailed explanation, see our guide on categories vs tags and how to use them properly in WordPress for maximum SEO advantage.

11. Not Using Posts and Pages Properly

Posts vs Pages - What's the difference?

Sometimes beginner WordPress users end up using posts to create important website pages. Similarly, some users end up using pages for articles when they should have used posts instead.

A lot of users realize their mistake after a while when their website becomes difficult to manage.

Basically, pages are for static pages that don’t change very often like about, contact, privacy policy, etc.

On the other hand, posts are for time-based content like news, updates, articles, and blogs.

Take a look at our complete guide about the difference between posts vs pages and what you can do with them.

12. Not Choosing The Right URL Structure (Permalinks)

Choosing the right permalinks structure

Selecting the right URL settings (permalink structure) for your website is really important. Changing your URL structure later is not easy, and it can have a significant impact on your website traffic.

We recommend going to the Settings » Permalinks page in your WordPress admin area and choosing a URL structure with that shows your post name in the URL.

13. Ignoring Website Speed and Performance

Website speed and performance

Human attention span is dropping rapidly, and users want instant gratification. With faster internet connections, your users would find a few extra seconds of page load time to be extremely slow.

And it’s not just users, even search engines rank faster websites higher in their results. By ignoring website speed and performance you risk user experience as well as search rankings.

Which is why you need to make sure that your website loads fast. We have a step by step guide that will help you improve WordPress speed and performance without going too deep into the technical stuff.

14. Not Choosing The Right Plugins

WordPress plugins

The real power of WordPress comes with its plugins. There are thousands of free WordPress plugins that you can install with a few clicks.

However, not all plugins are good. In fact, some plugins are bad and could affect your website’s performance and security. Often users end up downloading plugins from unreliable sources that distribute hidden malware.

Here are a few things you need to keep in mind when choosing plugins:

  • Only install plugins from WordPress.org or WordPress companies with good reputation.
  • Look for plugin reviews and support forums because they are a good indicator of a plugin’s quality
  • Check trusted WordPress resources like WPBeginner for plugin recommendations

If you want some recommendations right now, then check out our list of must have WordPress plugins for all websites.

For more information, check out our guide on how to choose the best WordPress plugins for your website.

15. Ignoring WordPress Security Best Practices

WordPress security

Many users do not take any security measures to harden WordPress security. Some believe that their website is too small, and it will not be targeted by hackers.

Hackers target websites indiscriminately. For example, they could use your website to distribute malware, brute force attacks, steal data, and more.

By not securing your website, you can lose search rankings, your website data, and/or customer information. This could cost you a lot of money and headache.

You need to follow the security best practices and build layers of security around your WordPress site. It does not take too much time, and you don’t need any special skills to do that.

Simply follow our complete WordPress security guide with step by step instructions to protect your website.

16. Changing Website URL and Losing All Traffic

Changing domain names

How many of you hated the first domain you registered and wanted to switch away from it when you got serious about blogging? Yup, it happens to all of us.

While you can change the website URL or domain name, it does have a significant SEO impact. What makes matters even worse is when you switch URLs without taking proper steps.

You need to set up proper redirects, inform Google about the change, and add the new domain to Google Search Console.

We have described all the steps in our guide on how to properly move WordPress to new domain.

17. Not Removing WordPress Demo Content

Remove demo content

A lot of people don’t delete the default demo content added by a new WordPress install. This includes a sample page, a post titled ‘Hello World’, and a default comment.

Not removing this content allows search engines to crawl and index them. Now if you search for the text in demo content on Google, you’ll find hundreds of thousands of pages. That’s duplicate content and search engines penalize duplicate content as low-quality pages.

Similarly, many people don’t change the default WordPress tag line that says ‘Just another WordPress site’.

You need to delete all default content and the tag line, as they look unprofessional and create a bad impression.

18. Not Setting up Comment Moderation

Moderating comments

Comment spam is annoying and can make your brand look bad. Many beginners have their blogs set up to automatically publish all new comments without moderation.

This means spam comments with links to malware and low-quality sites can go live on your website without your knowledge. This could damage your search rankings and your website’s reputation.

You need to always keep comment moderation turned on for all your WordPress sites. Simply go to Settings » Discussion page and check the box next to ‘A comment must be manually approved’ option.

Manually approve comments

After that, you need to make it part of your routine to check and approve comments on your website. For more tips, see our article on how to combat comment spam in WordPress.

19. Not Optimizing Your Images for Web

Compress images

Images are essential in the making of a highly engaging website. However, they are also heavier in filesize than plain text.

If you are adding images to your website without optimizing them, then this would affect your website speed.

You need to make it a habit of saving your images as optimized for the web. You can use Photoshop, GIMP (free), or other online tools to reduce the image file size before uploading it.

For instructions, see our tutorial on how to save images optimized for the web.

20. Saving Unnecessary Code in Theme’s Functions File

Code snippets

Another common mistake that we often come across is when folks add too many code snippets in their theme’s functions.php file.

Functions file is designed to behave like a plugin, but it is not the ideal place for all types of code snippets. You will lose these modifications when you switch the theme. You may even forget that you added some code in there after a while.

We recommend only adding code in your theme’s functions file if the code is related to changing something with that particular theme.

For all other custom code, it is better to use a site-specific plugin or the code snippets plugin.

21. Getting Locked Out by Editing Functions File in WordPress Admin Area

Theme editor in WordPress

Another annoying mistake that is quite common is when folks edit functions file inside the WordPress admin area.

By default, WordPress comes with a built-in code editor to edit theme and plugin files inside WordPress. Often beginners end up breaking their website when adding or removing code using those editors.

Even though WordPress added functionality to catch fatal errors and not save them. You could still lock yourself out and make your website inaccessible.

We recommend disabling theme and plugin editor in WordPress and use FTP to edit files in WordPress.

22. Not Setting Up Google Search Console

Google Search Console

Data is really important when planning a strategy to grow your business and website. Many users make the mistake of not adding their WordPress site to Google Search Console for a long time.

This means they miss out important search data that could help them grow their website.

Google Search Console is a free tool provided by Google. It allows you to see how your website appears in search results and fix any search indexing problems quickly.

See our complete Google Search Console guide to see how you can use it to improve search rankings and grow your business.

23. Using Uncategorized as Default Category

Uncategorized category

A lot of folks leave Uncategorized as their default category. WordPress requires all posts to be filed under a category and when no category is selected, it automatically adds the post under default category.

Many times users forget to select a category for their post and hit the publish button which publishes that post in Uncategorized.

This mistakes can be easily avoided by choosing a proper default category in WordPress settings.

24. Not Using a Professional Branded Email Address

Free business email address

We have seen many folks sending us emails from their Gmail or Hotmail accounts while pitching for a business that already has a website.

Now, how do we know for sure that they are officially representing that company or website?

Similarly if you have a business, and you are still sending people business emails from a free email account, then people will have a hard time taking you seriously.

People do not have the time or skills to verify that you are the actual owner of that website or business.

This mistake is also easily avoidable. See our guide on how to easily get a professional business email address for free.

25. Leaving a Site Public While Working on It

Maintenance mode

People often leave under construction websites publicly accessible. This is not very professional and can harm your business.

A publicly accessible website can be automatically crawled and indexed by search engines anytime. Your competitors can find it and steal your ideas. Your customers can find it and see the unfinished website.

There is an easier solution to avoid this mistake. Simply put your website in maintenance mode and add a coming soon page to build anticipation.

26. Not Learning WordPress

Learn WordPress

WordPress is very easy to use even for non-technical users. This allows many users to keep running their websites without learning more about WordPress.

By doing so, you miss the opportunity to explore the incredibly helpful features of WordPress. Things that are very simple to implement but could transform your business.

Learning WordPress is quite easy, particularly when you already have a running WordPress site. Explore different sections of WordPress, try out new plugins, learn more about SEO, and email marketing.

WPBeginner is the largest free WordPress resource site for beginners with tons of awesome resources, videos, how-tos, step-by-step tutorials, and more.

Following are just some of the helpful resources you’ll find on WPBeginner (all of them are completely free).

  • WPBeginner Dictionary – The best place for beginners to start and familiarize themselves with the WordPress lingo
  • WPBeginner Videos – New to WordPress? Watch these 23 videos to master WordPress.
  • WPBeginner Blog – The central place for all our WordPress tutorials.

You can also subscribe to our YouTube Channel where we regularly share video tutorials to help you learn WordPress.

We hope this article helped you learn about common WordPress mistakes and how to easily avoid them. You may also want to see our tips on effective ways to increase your website traffic without spending too much money.

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 Beginners Guide: 26 Most Common WordPress Mistakes to Avoid appeared first on WPBeginner.



Source link

How to Improve your Editorial Workflow in Multi-Author WordPress Blogs


Managing multiple authors in a WordPress blog can be hectic. A good editorial workflow is essential for a multi-author blog to function smoothly.

We are often asked by our users how they can improve their editorial process while running a busy multi-author WordPress blog.

Luckily, there is an excellent plugin for that.

In this article, we will show you how to effectively use PublishPress to manage your editorial workflow like a pro.

This will allow you to easily collaborate with your editorial team right inside WordPress. You will also be able to organize your editorial calendar, execute content strategy, and increase productivity.

Ready? Let’s get started.

How to manage editorial workflow in multi-author WordPress

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

The plugin works out of the box, but we will review different settings options in each section as we move along.

Let’s start by defining your editorial workflow.

Define The Stages of Your Workflow with Custom Statuses

PublishPress comes with a feature called ‘Custom Statuses’ which lets you define the stages of your workflow.

Apart from the default WordPress post statuses like Draft, Pending review, and Published, the plugin creates several new statuses for your posts and pages.

  • Pitch – Author submits an article pitch or post idea.
  • Assigned – A post is assigned to an author
  • Draft – The default draft and autosave status for posts
  • In progress – An article is currently under progress. Used during initial research and outlining process
  • Pending review – An article is submitted to the editors for review an publication.
  • Published – An article is published
  • Scheduled – An article is scheduled to be published later

You and your authors can choose a status based on the current stage of article in your workflow. The status option is located on the edit screen under the document menu.

Changing post status on the edit screen

You can also change post status from Posts » All Posts page by clicking the Quick Edit link below a post.

Quick edit post to change its status

Need to edit custom statuses to define your own workflow?

PublishPress lets you create your own custom statuses as well. Simply head over to PublishPress » Settings page and switch to the ‘Statuses’ tab.

Adding a custom status in PublishPress

Next, click on the ‘Add New’ tab to create your custom workflow status. You will need to add a name and description for your custom status and then choose a color / icon for it.

Don’t forget to click on the ‘Add new status’ button to save your changes. You can now use this custom status for your posts.

Add Editorial Comments to Your Posts

Communication among the team is crucial for all multi-author blogs. PublishPress has the option for editorial comments as well as notifications.

Editorial comments basically allow for threaded commenting inside the WordPress admin dashboard for private discussion between writers and editors. Authors and editors can add comments right below the post editor.

Adding editorial comments to posts in WordPress

Team members will get notifications when a new comment is added for the posts they are following or editing.

Managing Notifications for Content Progress

PublishPress allows you to automatically send notifications for editorial comments as well as content progress.

Content Progress notifications are sent when an author changes a post’s status. For example, when a post is changed from draft to pending review.

You can manage notifications and create new ones by visiting PublishPress » Notifications page.

Notifications

On this page, you will see a list of existing notification workflows. You can click on the ‘Add New’ button to create your own custom notification.

New notification

You can select when to send a notification, users who will get notified, and for which content-type.

You can also compose the notification email subject and message. You will find the handy shortcodes in the right column to use in your email message.

Add Editorial Metadata to Your Blog Posts

Editorial metadata feature allows you to add additional useful information to your blog posts. Simply edit the post or create a new one, and you will see the editorial metadata fields under the Document panel.

Editorial metadata

By default, the plugin adds ‘First draft date’ and ‘Assignment’ details meta fields. You can create and add your own metadata fields as well.

Simply head over to PublishPress » Settings page in your WordPress admin, and click on the Metadata tab.

Managing editorial metadata

Next, click on the ‘Add New’ tab to create new custom editorial metadata. From here you can add a label, description, and form field type for your custom editorial metadata.

Adding a custom editorial metadata field

Don’t forget to click on the ‘Add New Metadata Term’ button to save your changes.

You can now use your custom editorial metadata field while writing posts.

Managing Your Editorial Calendar with PublishPress

Planning and managing an editorial calendar gives you a bird’s eye view of your publishing queue.

You are able to see the content progress and make sure that you are publishing on time and as planned.

Many editorial teams use Google Calendar or other task management tools like Asana for that. PublishPress allows you to view and manage your editorial calendar right inside the WordPress admin area.

Managing your editorial calendar

The calendar shows you all the posts that are scheduled for posting, their progress status, and more. You can also drag and drop posts to change their scheduled dates.

You can also click on the ‘Click to create’ link to instantly schedule a post for that particular day.

Add a Pre-publish Content Checklist

PublishPress comes with a premium add-on to create and add pre-publish content checklists which is totally worth it. Simply install and activate the ‘Content Checklist’ addon.

Next, you need to visit PublishPress » Settings page and click on the Checklist tab.

Create a content checklist

From here you can select the post types where you want to display the content checklist. After that, you need to select what happens when all items on the checklist are not finished.

Below that you can start adding checklist items. For example, restrict the number of categories, tags, featured image, and any other items that you want to add.

Once you have created your content checklist, you can edit any post on your website to see it in action.

Content checklist

Other Features

Apart from the standard PublishPress features, it also comes with premium add-ons to do more on your website.

Following are some of the extra features you can enable using their premium version.

  • WooCommerce content checklist – Add a content checklist for WooCommerce products.
  • Multiple authors – Allows you to give credit to multiple authors for a single post
  • Permissions – Allows you to control which users can complete certain tasks
  • Slack support – Get PublishPress notifications in Slack
  • Reminders – A custom set of reminder notifications

We hope this article helped you improve your editorial workflow in multi-author WordPress site. You may also want to see our ultimate WordPress SEO guide to get more search traffic to your website.

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

The post How to Improve your Editorial Workflow in Multi-Author WordPress Blogs appeared first on WPBeginner.



Source link

How to Easily Deactivate WordPress Plugins (Beginner’s Guide)


Do you want to learn how to deactivate WordPress plugins? One of the best things about WordPress plugins is that you can turn them off temporarily by deactivating them. You can also completely remove WordPress plugins by uninstalling them.

As a WordPress beginner, you need to know how to deactivate one or all of your WordPress plugins. Learning this will help you with troubleshooting and fixing common WordPress errors.

In this article, we will show you different ways to easily deactivate WordPress plugins. Our goal is to help you learn how to better manage WordPress plugins on your website.

How to easily deactivate WordPress plugins

Here is an overview of what you’ll learn in this article:

  • How to deactivate a WordPress plugin
  • How to bulk deactivate WordPress plugins
  • How to deactivate all WordPress plugins via FTP
  • How to deactivate WordPress plugins via phpMyAdmin
  • Difference between deactivating vs uninstalling a plugin
  • How to uninstall a WordPress plugin
  • Should you keep deactivated plugins installed on your site?

How to Deactivate a WordPress Plugin

Let’s start with deactivating a single WordPress plugin.

If you want to temporarily disable or deactivate a WordPress plugin, then you need to simply visit the Plugins » Installed Plugins page inside your WordPress admin area.

Deactivate a WordPress plugin

From here, you need to locate the WordPress plugin that you want to deactivate. Next, take your mouse to the plugin’s row, and it will show you a link to deactivate that particular plugin.

Clicking on the link will simply deactivate the WordPress plugin right away.

Once you deactivate the plugin, it still remains installed on your website, but WordPress will stop loading it.

If you want to start using the plugin again, then you will just need to click on the Activate link below it.

How to Bulk Deactivate WordPress Plugins

Sometimes you may need to deactivate all WordPress plugins on your website to troubleshoot issues. Instead of deactivating one plugin at a time, WordPress makes it easy to deactivate multiple or all WordPress plugins quickly.

Simply visit the Plugins » Installed Plugins page and check the box next to the plugins you want to deactivate. If you want to deactivate all WordPress plugins, then simply check the box at the top to select all plugins.

Select all plugins

Next, you need to select ‘Deactivate’ from the ‘Bulk Actions’ drop-down menu and click the ‘Apply’ button.

Bulk deactivate all WordPress plugins

WordPress will now deactivate all selected WordPress plugins.

How to Deactivate All WordPress Plugins via FTP

If you have been locked out of your WordPress admin area, then you will not be able to deactivate WordPress plugins from your dashboard.

In such situations, you will need to deactivate plugins using other methods. The easiest of them is to deactivate WordPress plugins via FTP or your WordPress hosting file manager.

Basically, WordPress looks for your installed plugins in the /wp-contents/plugins/ folder. If it cannot find the plugin’s folder, then WordPress will automatically deactivate all plugins.

Instead of deleting the plugin’s folder, we will just rename it.

First, you will need to connect to your WordPress site using an FTP client. Once connected, you need to navigate to the wp-content folder inside your WordPress root directory.

Rename plugins folder to deactivate all plugins

From here, you need to right-click on the plugins folder and then select ‘Rename’. This will bring up a popup where you need to enter a new name for your plugin’s folder such as plugins-deactivated.

Plugins deactivated

Your FTP client will now rename the plugin’s folder. You can now try to login to your WordPress admin area and visit the plugin’s page. You will see notifications about deactivated WordPress plugins.

Deactivated WordPress plugins

How to Manually Deactivate WordPress Plugins via PHPMyAdmin

The FTP method is definitely easier in our opinion. However, you can also deactivate all plugins using phpMyAdmin.

First, you will need to login to your web hosting account’s dashboard. Next, click on the phpMyAdmin icon under the ‘Databases’ section.

phpMyAdmin icon in cPanel

This will bring you to the phpMyAdmin interface. First, you will need to select your WordPress database from the left menu.

WordPress options table

PhpMyAdmin will now load your database tables in the right panel. You need to click on the ‘Browse’ button next to the wp_options table (your WordPress table name may differ depending on your WordPress database table prefix).

Now, phpMyAdmin will load data inside the options table. You need to scroll down to the row where option_name is ‘active_plugins’ and click on the ‘Edit’ button next to it.

Active plugins row in the WordPress database

PhpMyAdmin will open the row for editing, You need to delete the data inside the option_value field.

After that, click on the ‘Go’ button at the bottom to save your changes.

You can now visit your website and WordPress will see that all plugins have been deactivated.

What is The Difference Between Deactivating vs Uninstalling a WordPress Plugin?

The difference between deactivating vs uninstalling a WordPress plugin is quite simple.

When you deactivate a WordPress plugin, it is simply turned off. However, it is still installed on your website, so you can activate it again if you need to.

On the other hand, uninstalling a plugin completely deletes it from your website. You will not be able to see the plugin on the Plugins » Installed Plugins page.

If you want to reuse that same plugin, then you will have to install it again.

How to Uninstall a WordPress Plugin

WordPress makes it super easy to uninstall plugins from the admin area. Simply log in to your WordPress dashboard and go to the Plugins page.

You will see the list of currently installed plugins on your site. Your active plugins will be highlighted with a blue background.

If you want to uninstall an active plugin, then first you will need to deactivate it. After that, Click on the delete link below the plugin that you want to uninstall.

Delete WordPress plugin

WordPress will now ask you to confirm that you want to delete the plugin.

Confirm plugin deletion

You need to click on ‘Yes, delete these files’ button. WordPress will now safely remove the plugin from your web server.

That’s all you have successfully uninstalled a plugin from your WordPress site.

Some WordPress plugins leave traces of data and files even when they are uninstalled.

These items don’t have any significant impact on your WordPress site, but if you want to remove them, then here is how you would do it.

Removing unused shortcodes

Many WordPress plugins use shortcodes to easily add content to your posts or pages. Once you deactivate or uninstall a plugin, those shortcodes will become visible in your posts, and they look quite ugly.

[pluginshortcode]

You can easily disable shortcodes by adding the following code to your theme’s functions.php file or a site-specific plugin.

add_shortcode( 'pluginshortcode', '__return_false' );

This code basically adds the shortcode back and make it display nothing. Don’t forget to replace pluginshortcode with the shortcode tag used by the plugin you want to remove.

It is important to note, that you will need to remove this code if you ever decide to use that plugin again.

Cleaning up plugin traces from WordPress database

Some WordPress plugins create their own tables in the WordPress database. If these tables have too much data in them, then that would increase your WordPress backup size.

To clean these up, you need to launch the phpMyAdmin from your WordPress hosting dashboard.

phpMyAdmin icon in cPanel

You need to click on your database and then select the tables you want to delete. Below the tables list, you will see a drop-down labeled ‘With selected’. You need to click on the drop-down, and then select ‘Drop’.

Delete plugin tables

Next, you will see a warning that you are about to delete these tables. You need to click on Yes to confirm the action. Please note that it is irreversible, once deleted you will not be able to restore these tables unless you have a database backup.

Delete warning

PhpMyAdmin will now delete the database tables from your unused plugins.

Clean up unused WordPress plugin files

Often WordPress plugins create files and folders on your hosting server. These files are usually harmless, but can increase your WordPress backup size.

To delete them, you need to connect to your WordPress site using an FTP client. Once connected, you need to go to wp-content folder. You will find files and folders created by plugins inside the uploads and plugins folders.

Make sure that the files you are deleting are created by the plugin that you have uninstalled. After that, simply delete them from your web server.

Delete plugin files

Should You Keep Deactivated WordPress Plugins Installed on Your Site?

If you are not going to use those plugins, then you should not keep inactive or deactivated WordPress plugins installed on your website.

Inactive plugins don’t have any performance impact on your website. However, plugins contain executable files and can be used by hackers to hide malware or a backdoor.

Apart from security concern, they also increase your WordPress backup size, show up as false positive in security scans, and cause other issues.

This is why we always recommend users to delete inactive plugins from their site.

We hope this article helped you learn how to properly deactivate WordPress plugins. You may also want to see our article on how to choose the best WordPress plugin for your website, and our list of must have WordPress plugins.

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 Easily Deactivate WordPress Plugins (Beginner’s Guide) appeared first on WPBeginner.



Source link

25 Best Gutenberg Friendly WordPress Themes (2019)


Are you looking for the best Gutenberg friendly WordPress themes?

Gutenberg is the new WordPress block editor introduced in WordPress 5.0. It is incredibly fast, more visual, and offers new ways to create content layouts for your WordPress posts and pages.

Many WordPress theme designers have updated their themes to take advantage of the new Gutenberg block editor.

In this article, we will share some of the best Gutenberg friendly WordPress themes that you can use.

Best Gutenberg friendly WordPress themes

How to Find the Gutenberg Friendly Themes?

Many top WordPress theme shops updated their popular themes to become compatible with the new Gutenberg blocks editor. You will find most of the WordPress themes working smoothly with Gutenberg, but there are still many themes that don’t fully support the new editor.

After the WordPress 5.0 version released, we have been asked several times from our users to recommend the themes that support the Gutenberg editor. So we decided to make a list of the popular Gutenberg compatible themes.

Also, check out this article on the difference between Gutenberg vs WordPress page builders.

Let’s take a look at some of the best Gutenberg friendly WordPress themes that you don’t want to miss.

1. Hestia Pro

Hestia Pro

Hestia Pro is a multipurpose and premium Gutenberg friendly WordPress theme built specifically for businesses, startups, portfolio, and eCommerce stores. It features a single page layout with parallax scrolling and beautiful sections. Hestia Pro also includes other layout options to create landing pages.

It’s fully customizable and responsive. This theme supports RTL languages and translation ready to let you create a website in your language.

2. Astra Theme

Astra

Astra is a stylish WordPress theme with Gutenberg editor support. It’s packed with beautiful starter sites and demos to quickly launch your website. With page builders support, you can fully customize the template or design your layout.

It has custom layout settings, header options, colors, crisp typography, blog page template, and more. Astra theme is optimized for speed and performance.

3. Divi

Divi

Divi is a powerful WordPress theme that fully supports Gutenberg. It features the click and type functionality to add your content anywhere on the website. It offers responsive editing and real-time design options to instantly draw the layout you need.

Other notable features include content modules and elements, pre-built layouts, design toolkit, and more. Divi theme is highly flexible and super easy to customize anything on your website.

4. OceanWP

OceanWP

OceanWP is a free Gutenberg friendly theme for WordPress. It is bundled with beautiful and creative demo sites for every kind of website or blog. The theme is responsive and eCommerce ready to start an online store. You can use the new Gutenberg editor to customize the layout and design easily.

It has the fastest page load time and support for page builders. OceanWP theme is optimized for SEO to grow your website traffic.

5. Breakthrough Pro

Breakthrough Pro

Breakthrough Pro is a minimal WordPress Gutenberg friendly theme designed specifically for marketing, advertising, and creative agencies. It has features and sections to display your services, portfolio, etc beautifully. The theme is built on top of the Genesis framework which makes it robust and unbeatable.

It has a custom logo, navigation menu, featured content area, and theme options panel. Breakthrough Pro can be customized using the live WordPress customizer.

StudioPress is now part of WP Engine, the most popular managed WordPress hosting company. You can get this theme and all 35+ other StudioPress themes if you sign up for WP Engine hosting to build your website.

Bonus: WPBeginner users also get an additional 20% off. Get started with WP Engine.

6. Guten Theme

Guten Theme

Guten Theme is a modern WordPress Gutenberg friendly theme. It comes with multiple built-in layouts for header, footer, and blog. The theme is compatible with all popular drag and drop page builders including Elementor, Beaver Builder, etc.

It has custom colors and fonts settings. Guten Theme ships with strong documentation, WooCommerce support, and can be fully customized with the WordPress live customizer.

7. Ultra

Ultra

Ultra is the most powerful and highly flexible WordPress theme with Gutenberg support. It gives you full control on theme features to design your header, footer, and landing pages. It is packed with multiple theme skins to select the best template for your website.

The theme includes many built-in add-ons to add more features and functionality. It has smart layout options to modify colors, fonts, and background.

8. Neve

Neve

Neve is a new and lightweight WordPress theme built for Gutenberg editor. It has a simple and sleek design with custom header options, background choices, page builders support, and more. Neve is flexible to create all types of websites.

It also includes mega menus, translations, RTL support, and SEO optimization. It is also eCommerce ready and can be used as a WooCommerce theme.

9. Monochrome

Monochrome

Monochrome is a sophisticated WordPress Gutenberg theme powered by the Genesis theme framework. It has a clean and neat layout with lots of white space to make your content look great. It ships with powerful WordPress plugins like WP Forms to let you create a contact form on your website.

This theme includes page templates for full-width and sidebar layouts. It has a custom header, theme options panel, responsive design, and eCommerce support.

10. Parallax

Parallax

Parallax is a single page WordPress Gutenberg theme. It is packed with a fullscreen background image with a custom logo, social icons, search bar, and navigation menu. The theme has parallax scrolling feature making it unique and accessible to users.

The most significant features include pre-built layouts, animated progress bars, homepage sections, custom post types, and list/grid templates. You can also use this theme to create a multi-page website.

11. Infinity Pro

Infinity Pro

Infinity Pro is a flexible WordPress theme for Gutenberg. This theme is built on top of the Genesis framework and supports WooCommerce to create an online store. It has a full-width header background with a custom logo, navigation menu, and CTA button.

It features multiple widget areas on the homepage to make it easier for you to design your website. Infinity Pro is customizable with theme options and WordPress live customizer.

12. Atomic Blocks

Atomic Blocks

If you’re looking for a free theme with custom Gutenberg blocks, then Atomic Blocks is the perfect option. It has a ready-made collection of blocks for Gutenberg editor that you can use to launch a website instantly. It’s also available as a plugin to work with other popular WordPress themes.

The most common blocks include a newsletter block, post grid layout, call-to-action, testimonials, pricing table, and more. It has custom theme options for colors, fonts, and layout.

13. Extra

Extra

Extra is a Gutenberg friendly WordPress magazine theme from the creators of the Divi theme. It has a drag and drop design, category builder, reviews and ratings, modules, elements, and custom layouts.

Extra theme is eCommerce ready and can be used to make a membership website or online store.

It features advanced design settings and stories format on the homepage. The theme includes multiple header layouts and templates, navigation menus, smooth scrolling, and back to top button.

14. Magazine Pro

Magazine Pro

Magazine Pro is a WordPress online publishing theme by StudioPress. It is optimized for Gutenberg and allows you to customize modules, fonts, colors, backgrounds, etc. It has a visually attracting layout for magazines and portfolios. The theme offers great flexibility to publish as many articles as you like.

Other essential features include multiple navigation menus, category menus, footer widgets, and landing page templates. You can easily customize the theme with live WordPress customizer.

15. Vimes

Vimes

Vimes is a versatile WordPress theme built specifically for design agencies, photographers, and artists. It is compatible with the new Gutenberg block editor. The theme has an image slider on the homepage to showcase your featured photos. Vimes is built on ZOOM framework making it strong and flexible.

Other features include custom widgets, portfolio template, custom posts, and an easy to use theme options panel. It is optimized for SEO and speed performance.

16. Nozama

Nozama

Nozama is an Amazon-inspired eCommerce friendly WordPress theme. It’s updated recently to become compatible with the Gutenberg editor. The theme has full-width and sidebar layouts with bold colors to impress the audience. It ships with custom Elementor modules to build your own layout.

It has a customizable storefront with multiple options to display your products. Nozama is perfect for your online shops and affiliate marketing stores.

17. Altitude Pro

Altitude Pro

Altitude Pro is a Genesis-powered WordPress theme with Gutenberg supportive features. It draws the attention of your users with parallax effects and beautiful layout. This theme has a full-width and responsive design, landing page templates, and more.

It features custom backgrounds, color styles, and can be customized using the WordPress customizer with live preview. Altitude Pro has powerful eCommerce integration.

18. Brittany

Brittany

Brittany is a premium WordPress Gutenberg friendly fashion and lifestyle theme. It has a modern layout with multiple homepage sections for featured blog posts, Instagram photos, newsletter, and more. It has a simple navigation menu on top with social icons and cart options.

This theme is customizable for background colors, fonts, color schemes, and animations. It fully supports WooCommerce and translation ready to let you create a website in any language.

19. Flevr

Flevr

Flevr is an eCommerce friendly, and Gutenberg powered WordPress theme. It ships with a fullscreen background image, multiple content types, flexible design options, and drag and drop homepage layout. The theme includes custom widgets for social networking, Twitter, Instagram, etc.

It comes with 1-click demo import, so you can quickly launch the website and replace content. Flevr is optimized for SEO and compatible with the popular WordPress plugins.

20. Float

Float

Float is a beautiful WordPress Gutenberg theme. It features parallax floating and overlapping effects to take your website design to the next level. The theme is packed with Themify drag and drop builder to let you design your own layouts and landing pages.

It has easy customization options, pre-designed demo sites, portfolio post type, social media integrations, and support for WooCommerce.

21. Essence Pro

Essence Pro

Essence Pro is a beautiful and lively WordPress Gutenberg theme designed specifically for lifestyle, health, wellness, and fitness related businesses. It has a fullscreen header background and story-based homepage layout to feature your top articles professionally.

It gives an attractive first impression to users with a simple and minimal layout. Essence Pro is built on top of the Genesis theme framework with eCommerce support and multiple widget-ready areas.

22. Silk

Silk

Silk is a stylish WordPress theme optimized for Gutenberg. Just like its name, it has a simple design with white background and elegant typography. This theme is bundled up with a style manager to balance the colors and fonts on your website. It comes with strong documentation and support.

The features you don’t wish to miss in this theme include a section for popular posts and smooth scrolling. It is optimized for speed and SEO.

23. Bramble

Bramble

Bramble is an all-purpose WordPress theme with a modern layout and Gutenberg editor support. It ships with a built-in page builder to let you design pages and layouts of your own. It comes with pre-built homepage layouts, image slider plugin, and parallax video background support.

This theme is compatible with Google Fonts, WooCommerce, and WPML to create a multilingual website. You can integrate multiple custom features like Google Maps, menu icons, and more.

24. Benson

Benson

Benson is a Gutenberg friendly WordPress photography theme. It can be used to build your online portfolio or creative artistry websites. It comes with video and slideshow support on the homepage. This theme has multiple image layouts with columns, grids, filters, and more settings.

It gives you complete control of design and layout without changing any code. Benson has custom widgets and drag and drop page builder for easy customization.

25. Medicus

Medicus

As the name suggests, Medicus is a WordPress medical theme for hospitals, pharmacies, and health-related businesses. It has a responsive and minimal layout that is compatible with the Gutenberg block editor. The theme features the widgetized homepage and a directory template.

Other notable features include a top bar for appointment and bookings, featured slider, sidebar video widget, and visual customizer to edit anything in the theme.

We hope this article helped you pick the best Gutenberg friendly WordPress themes. You may also want to see our step by step WordPress security guide.

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 25 Best Gutenberg Friendly WordPress Themes (2019) appeared first on WPBeginner.



Source link

85+ Most Useful Time Saving WordPress Keyboard Shortcuts


Did you know that there are some really useful WordPress keyboard shortcuts that can save you a lot of time?

If you want to write faster, or become more productive in managing your WordPress site, then you need to use these shortcuts.

In this article, we will share the most useful WordPress keyboard shortcuts that can help speed up your workflow. We have also updated this guide to add helpful Gutenberg keyboard shortcuts as well.

Most Useful WordPress Keyboard Shortcuts

WordPress Keyboard Shortcuts for Speed and Efficiency

WordPress is a popular website builder and blogging platform that comes with a robust content editor.

The content editor lets you add various types of content including text, images, audio, videos, etc. to your site. You can also customize the formatting for each content type.

Many WordPress beginners use their mouse to access these formatting and styling buttons on the editor. With WordPress keyboard shortcuts, you can rest your hands on the keyboard and edit your posts faster.

The best thing about using WordPress shortcuts is that many of your computer and Microsoft Word shortcuts work similarly in the WordPress content editor.

Below are some of the standard WordPress keyboard shortcuts that you can use for speed and efficiency. They work with both the WordPress block editor and the old classic editor.

WordPress Keyboard Shortcut for Windows users:

  • Ctrl + c = Copy
  • Ctrl + v = Paste
  • Ctrl + b = Bold
  • Ctrl + i = Italic
  • Ctrl + x = Cut
  • Ctrl + a = Select All
  • Ctrl + z = Undo
  • Ctrl + s = Save your changes
  • Ctrl + p = Print
  • Ctrl + u = Underline the selected text
  • Ctrl + k = Convert the selected text into a link
  • Alt + Shift + x = Display the selected text in a monospaced font
  • Alt + Shift + h = Show keyboard shortcuts (Display this help)

WordPress Keyboard Shortcut for Mac users:

  • Command + c = Copy
  • Command + v = Paste
  • Command + b = Bold
  • Command + i = Italic
  • Command + x = Cut
  • Command + a = Select All
  • Command + z = Undo
  • Command + s = Save your changes
  • Command + p = Print
  • Command + u = Underline the selected text
  • Command + k = Convert the selected text into a link
  • Option + Control + x = Display the selected text in a monospaced font
  • Option + Control + h = Show keyboard shortcuts (Display this help)

When you are working in your WordPress page/post editor, you can try out these keyboard shortcuts and see how they work.

Before moving to the next section, we would like to show you how the last shortcut in the above list works. The shortcut Alt + Shift + h (Option + Control + h for Mac) actually is the most useful shortcut because it shows you all the keyboard shortcuts.

When you are in your WordPress page/post editor, you can use this shortcut to see all available keyboard shortcuts in a popup window.

Display WordPress Keyboard Shortcuts Option

Time Saving Gutenberg Keyboard Shortcuts for WordPress Block Editor

The new WordPress Gutenberg editor is a fully block-based editor in which you use various blocks to create content.

The block editor supports all the standard keyboard shortcuts mentioned earlier, but there are more Gutenberg specific keyboard shortcuts.

Below are the most useful Gutenberg keyboard shortcuts that you can use.

Gutenberg Keyboard Shortcut for Windows users:

  • Enter = Add a new block
  • Ctrl + Shift + d = Duplicate the selected block(s)
  • Alt + Shift + z = Remove the selected block(s)
  • Ctrl + Alt + t = Insert a new block before the selected block(s)
  • Ctrl + Alt + y = Insert a new block after the selected block(s)
  • / = Change the block type after adding a new paragraph
  • Esc = Clear selection
  • Ctrl + Shift + z = Redo your last undo
  • Ctrl + Shift + , = Show or hide the settings bar
  • Alt + Shift + o = Open the block navigation menu
  • Alt + Shift + n = Navigate to the next part of the editor
  • Alt + Shift + p = Navigate to the previous part of the editor
  • Alt + F10 = Navigate to the nearest toolbar
  • Ctrl + Shift + Alt + m = Switch between Visual Editor and Code Editor

Gutenberg Keyboard Shortcut for Mac users:

  • Enter = Add a new block
  • / = Change the block type after adding a new paragraph
  • Command + Shift + d = Duplicate the selected block(s)
  • Control + Option + z = Remove the selected block(s)
  • Command + Option + t = Insert a new block before the selected block(s)
  • Command + Option + y = Insert a new block after the selected block(s)
  • Esc = Clear selection
  • Command+ Shift + z = Redo your last undo
  • Command + Shift + , = Show or hide the settings bar
  • Option + Control + o = Open the block navigation menu
  • Option + Control + n = Navigate to the next part of the editor
  • Option + Control + p = Navigate to the previous part of the editor
  • fn + Option + F10 = Navigate to the nearest toolbar
  • Command + Option + Shift + m = Switch between Visual and Code Editor

Keyboard Shortcuts for Classic WordPress Editor

If you are still using the classic WordPress editor, then you are actually missing out on a lot of cool new features and a faster writing experience. We recommend updating WordPress to the latest version or simply deactivate the classic editor plugin.

However, if you must use the old classic editor, then you can take advantage of these keyboard shortcuts.

The classic WordPress editor supports all the standard WordPress keyboard shortcuts mentioned at the top of this article, and some other shortcuts given below.

Classic Editor Keyboard Shortcut for Windows:

  • Ctrl + y = Redo
  • Alt + Shift + [number] = Insert heading sizes, e.g. Alt + Shift + 1 = <h1>, Alt + Shift + 2 = <h2>.
  • Alt + Shift + l = Align Left
  • Alt + Shift + j = Justify Text
  • Alt + Shift + c = Align Center
  • Alt + Shift + d = Strikethrough
  • Alt + Shift + r = Align Right
  • Alt + Shift + u = Unordered List
  • Alt + Shift + a = Insert link
  • Alt + Shift + o = Numeric List
  • Alt + Shift + s = Remove link
  • Alt + Shift + q = Quote
  • Alt + Shift + m = Insert Image
  • Alt + Shift + t = Insert More Tag
  • Alt + Shift + p = Insert Page Break tag
  • Alt + Shift + w = Full screen distraction free writing mode in visual editor mode
  • Alt + Shift + f = Fullscreen distraction free writing in plain text mode

Classic Editor Keyboard Shortcut for Mac users:

  • Command + y = Redo
  • Command + Option + [number] = Insert heading sizes, e.g. Alt + Shift + 1 = h1, Alt + Shift + 2 = h2
  • Command + Option + l = Align Left
  • Command + Option + j = Justify Text
  • Command + Option + c = Align Center
  • Command + Option + d = Strikethrough
  • Command + Option + r = Align Right
  • Command + Option + u = Unordered List
  • Command + Option + a = Insert link
  • Command + Option + o = Numeric List
  • Command + Option + s = Remove link
  • Command + Option + q = Quote
  • Command + Option + m = Insert Image
  • Command + Option + t = Insert More Tag
  • Command + Option + p = Insert Page Break tag
  • Command + Option + w = Full screen distraction free writing mode in visual editor mode
  • Command + Option + f = Fullscreen distraction free writing in plain text mode

WordPress Keyboard Shortcuts for Comments Screen

If you receive a lot of comments, then you can moderate comments quickly using keyboard shortcuts for comment management. However, these shortcuts are not enabled by default.

To enable these keyboard shortcuts, you need to go to Users » Your Profile and check Keyboard Shortcuts checkbox.

Enable Keyboard Shortcuts for Comments Moderation in WordPress

After that, you need to click the Save Profile button and go back to the comments screen in the admin area. The available shortcuts are:

  • J = Next comment (moves the current selection down)
  • K = Previous comment (moves the current selection up)
  • A = Approve comment
  • U = Unapprove comment
  • D = Delete comment
  • R = Reply comment
  • Q = Quick edit a comment
  • Z = Restore Comment from Trash or Undo if you Delete a comment

To select multiple comments press X to check the selected comment and press J or K keys to move to next or previous comment. Once you have selected multiple comments, you can use these keyboard shortcuts to perform bulk actions:

  • Shift + A = Approve checked comments
  • Shift + D = Delete checked comments
  • Shift + U = Unapprove selected comments
  • Shift + T = Move selected comments to trash
  • Shift + Z = Restore selected comments from trash

It might take some time to get used to of these WordPress keyboard shortcuts, but in the long run they will definitely help you save time and speed up the process.

We hope this article helped you to learn the most useful time-saving WordPress keyboard shortcuts. You may also want to see our guide on how to increase your blog traffic by 406%.

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 85+ Most Useful Time Saving WordPress Keyboard Shortcuts appeared first on WPBeginner.



Source link

How to Create an Email Newsletter the RIGHT WAY (Step by Step)


Do you want to create an email newsletter for your website, blog, or eCommerce business?

An email newsletter helps you stay in touch with your users, bring them back to your website, and convert them into customers.

The challenge is that many beginners find it difficult to start an email newsletter. Mainly because they feel that it would be too technical or time-consuming.

That used to be the case 10 years ago, but now creating an email newsletter is so easy that even a non-techy can do it!

Having built an email newsletter with over 1 million subscribers, we have decided to create an ultimate guide on how to start an email newsletter with step by step instructions.

Our goal is to help you walk through the process and set up your email newsletter the RIGHT way.

How to easily create a newsletter

Since this is a comprehensive guide, we have included a table of content for easier navigation.

  • What is an email newsletter
  • Why start an email newsletter
  • Who should start an email newsletter
  • How to start an email newsletter
  • Creating an email list
  • Setting up your email list settings
  • Adding newsletter signup forms to get more subscribers
  • Sending your first newsletter email
  • Tips to get more email subscribers
  • How to make money from your email newsletter
  • Keeping your newsletter emails out of spam

What is an Email Newsletter?

An email newsletter is a form of online communication that allows you to send news, tips, and updates about your product, business, or non-profit.

In order to receive these updates, people need to join your email list by providing their email address. These users are referred to as subscribers, leads, or contacts.

Organizations and individuals use email newsletters in many different ways. For example, businesses use email newsletters to send users product information, new arrivals, and latest updates.

Websites and blogs use email newsletters to send content updates, increase traffic, and building a loyal following.

Why Start an Email Newsletter?

Did you know, that more than 75% of people visiting your website today will never find it again?

It is not your fault, it’s just that the internet is so huge and there is a lot of content out there.

Starting an email newsletter will allow you to convert those website visitors into subscribers. Once they join your email newsletter, you will be able to stay in touch and bring them back to your website.

Basically without an email newsletter, you are losing potential subscribers and customers every day.

Now you may be thinking, ‘ What if we ask users to follow us on social media? Wouldn’t that provide a way to contact those users?’

It will, and you should definitely build a social media following. However, you don’t own those social media platforms.

Social media giants like Facebook and Twitter limit your audience’s reach. More importantly, most of your users may not be checking their social feeds as often.

On the other hand, people tend to check their email inbox several times every day. Most users use a mobile device with notifications turned on for emails.

For more on this topic, see our article on why building an email newsletter is so important.

Who Should Start an Email Newsletter?

Many of our users often ask us if they should make a newsletter for their business, blog, or organization. Our answer is always ‘Yes’.

Even if you are just starting out, you should start building your newsletter from day 1. Each day you are not doing this, you are losing money, subscribers, and potential customers.

Email marketing is a win-win situation regardless of your industry, business, or website traffic.

1. Email Marketing for Small Businesses

Business websites, regardless of their industry or size, can always benefit from creating a newsletter.

It is the most cost-effective way to stay in touch with your existing customers, website visitors, and potential customers.

Sony PlayStation Newsletter signup

2. Email Newsletter for Ecommerce Websites

A study found that more than 44% of email recipients have made at least one purchase because of a promotional email.

If you run an online store, then email marketing is the most effective tool to convert abandoned carts into paying customers.

For a long time, eCommerce giants have been effectively using email to convert casual visitors into buyers.

Abandoned cart emails

3. Email Newsletter for Non-Profits

Non-profit organizations need to reach out to their supporters for donations, support, events, and more. Other mediums like social media, phone, and physical mailing all cost a lot more money than email marketing.

Human Rights Watch newsletter signup form

Creating an email newsletter allows non-profits to stay in touch with the general public, supporters, and donors.

Users are more likely to open emails from a non-profit that they support. In fact, 49% of millennials prefer to get updates from the organizations they support via email.

To learn more, see this article on why email marketing is essential for non-profits.

4. Email Newsletter for Blogs and News Websites

If you want to start a blog or make a content-driven news site, then email marketing is the best way to build your audience. You will see that all popular internet marketers, influencers, and famous bloggers actively build their email lists.

Chris Brogan newsletter

Here is why:

  • You get to send email updates to users who would otherwise never return to your website again.
  • You build a steady audience of loyal readers without relying on third-party platforms like search and social media.
  • You don’t control search engines or social media. Your search rankings can drop and your social media profiles can get suspended for no reason. On the other hand, you own your email list and have complete freedom to use it.

5. Email Newsletters for Education

Educational institutions need support from an engaged community of students, faculty, parents, and local businesses. Whether it is for fundraising, admissions, events, or other activities; Email is the cheapest and most direct way for schools and colleges to reach out.

University of California newsletter signup form

These are just a few examples of how email newsletters can benefit businesses, individuals, and non-profits. There are many more examples out there, which is why most marketers believe that email marketing is crucial for being successful online.

That being said, let’s take a look at how you can easily start an email newsletter to grow your own business and brand.

Step 1. Starting an Email Newsletter

The most important thing you’ll need to start your email newsletter is an email marketing service provider. These are companies that allow you to collect email addresses and send mass emails.

There are literally hundreds of email marketing services in the world including Constant Contact, SendinBlue, AWeber, Drip, ConvertKit, and many more.

After trying out almost every popular email marketing service, we recommend our users to use Constant Contact. They are one of the most popular email marketing service providers in the world, and their support is great in helping people get started.

Constant Contact offers a beginner friendly email marketing platform with simple drag and drop tools to help you quickly get started. They also have advanced email list growth tools, marketing automation, eye catching templates, and more.

First, you need to visit the Constant Contact website and click on the signup button. They have a 60 day free trial (no credit card required).

Signup for Constant Contact

Once you click the button, it will bring you to the signup page where you need to provide the information to create your account.

Fill in the signup form

After you complete the signup, you will be redirected to Constant Contact guided set up. Click on the ‘Skip this step’ below as we will show you how to set it up later in this article.

Skip set up wizard

You will now reach your Constant Contact dashboard. This is where you will manage your email lists, subscribers, and send your email newsletter.

Constant Contact dashboard

Note: Constant Contact free trial account only allows you to send up to 100 emails. You will need to purchase their paid plan to access all the powerful features. WPBeginner users can get a special 20% off when using our Constant Contact coupon code.

Step 2. Creating an Email List

An email list is basically a contact list of your subscribers. Think of it as a contact book containing email addresses of all the users who sign up to receive your email newsletter.

To keep your contacts organized, you need to create an email list.

Simply click on the ‘Contacts’ link from the top menu and then click on the Email List link in the sidebar.

Creating a new email list

This page will show all your email lists. By default, Constant Contact creates an email list for you labeled ‘General Interest’. You need to click on the ‘Enter a new list’ link to create a new email list.

Choose a name for your email list

You’ll be asked to enter a name for your list. You can enter anything here that helps you easily identify the list.

Next, click on the ‘Add list’ button, and Constant Contact will create the list for you.

Email list created

In order to start using this email list, you need at least one contact added to it. You can manually add a contact to your list by visiting the ‘Contacts’ page and clicking on the ‘Add Contacts’ button.

Add contact to your email list

This will show you a drop-down menu, asking how you would like to add contacts. You need to select ‘Type in one contact’ to continue.

On the next screen, you need to enter contact information. You can add one of your own email addresses here. This will allow you to test your email campaigns.

Adding a contact to your email list

After entering your contact information, click on the save button to add it. Your email list is now ready to be used.

Now that you have created an email list, it is time to set up some basic list settings.

Step 3. Setting up Your Email List Settings

The first thing you would want to set up is a welcome email. This is the email message sent to your users when they join your email newsletter.

Let’s get started.

First, you need to click on the ‘Campaigns’ link from the top menu and then click on the ‘Create’ button.

Create welcome email campaign

This will bring up a popup where you will be asked to select an email campaign type. Click on the ‘Email Automation’ to continue.

Email automation campaign

After that, you need to choose the email automation type. Click on the ‘Welcome email’ option to continue.

Select automated welcome email

Next, you will be asked to select a template for your email. The builder will automatically show you ‘Welcome email’ templates that you can use as a starting point.

Select welcome email template

Simply click on a template to select and open it in Constant Contact’s drag and drop email builder.

Creating welcome email

From here, you will design your welcome email newsletter template.

You can start by giving your campaign a proper title, this will help you identify the campaign when you need to edit or change it in the future.

Click on the ‘Untitled…’ link at the top left corner to edit it. Now enter a name for your campaign, for example, welcome email, new user signup, introduction, etc.

Campaign name

After that, you can start editing the email template. It is a drag-and-drop editor, so you can simply drag elements from the left column and drop them on the canvas. You can also point and click anywhere in the email to edit it.

Point and click to edit your welcome email

You can replace the logo with your own, add your own header image to match your branding, customize the email subject and message text to fit your needs.

Once you are satisfied with the design, click on ‘Save’ to store your email and then click the ‘Continue’ button.

The email builder will now ask you to select an email list. Go ahead and select the list you created in the earlier step. After that, fill out the physical address form.

Welcome email settings

Due to the anti-spam laws in many countries, you need to include physical address information in each newsletter email. This can be your business address or a P.O. box.

Lastly, click on the ‘Activate’ button at the top right corner of the screen to save and activate your welcome email.

Welcome email campaign set up

You have successfully set up a ‘Welcome email’ campaign. From now on, all new users joining your newsletter will receive this email upon sign up.

Some tips on writing an effective welcome email

Welcome emails have an average open rate of 50% which is higher than any other email newsletter you send.

It will be the first thing new subscribers will hear from you. This is your opportunity to impress them, so they look forward to your next email newsletter.

  • Say thanks and let your users know that you appreciate them sharing their contact information with you.
  • Next, you would want to introduce yourself, your business, and what you do. Keep it short and simple.
  • Let your users know how often you’ll email them and what kind of content and offers they should expect.
  • If you promised users an incentive to join your email list, then include that information in your welcome email.
  • The best way to introduce users to your brand is by sending them to the most useful content on your website. It helps them discover content and builds engagement.

For more tips, see this guide on how to write the perfect welcome email for new subscribers.

Step 4. Setting up Newsletter Signup Forms to Get More Subscribers

Now that you have signed up with an email marketing platform and set up your email list. It is time to start promoting it.

The easiest way to get more subscribers is by adding the newsletter sign up forms to your website. Usually, your email marketing service would have ready-made sign up forms that you can add to your website.

However, these signup forms don’t look good and sometimes don’t fit in the container where you want to place them.

Let’s take a look at how to easily add newsletter signup forms to your WordPress site. We will show you two methods, and you can choose one or both of them together.

1. Add Newsletter Signup Form Using WPForms Lite (Free)

WPForms is the best drag & drop WordPress from plugin in the market. They have a free version called WPForms lite which includes built-in support to connect with your Constant Contact account.

This allows you to use WPForms’ drag and drop form builder to create your newsletter sign up form.

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

Upon activation, you need to visit WPForms » Settings page and click on the ‘Integrations’ tab.

WPForms integrations

You will see Constant Contact integration listed there. You need to click to expand it and then click on the ‘Add Account’ button.

This will show you the information needed to connect your Constant Contact account to WPForms. Click on the link that says ‘Click here to register with Constant Contact’.

Connect Constant Contact to WPForms

This will bring up a popup which will take you to the Constant Contact website. Click on the ‘Allow’ button to give WPForms access to your Constant Contact account.

Allow access

Next, you will see an authorization code which you need to copy.

Authorization code

Switch back to the WPForms settings page and enter the authorization code you copied earlier. You also need to provide a name for this integration.

Add authorization code

Finally, click on the ‘Connect to Constant Contact’ button.

WPForms will now connect to your Constant Contact account. You will see a ‘Connected’ label appear next to the integration.

Constant Contact connected

Now you are ready to create your newsletter sign up form using WPForms.

Simply head over to WPForms » Add New page to launch the WPForms builder interface.

Creating a newsletter sign up form

Provide a title for your form and then click on the ‘Newsletter signup form’ template.

This will load up a read-made signup form with required fields already added to the form.

Editing newsletter signup form

You can point and click to edit form fields, change fields labels, and add more fields from the left column if needed.

Once you are satisfied with the form, you need to click on the Marketing tab to integrate it with Constant Contact.

Add new connection

Click on the Constant Contact tab and then click on the ‘Add Connection’ button. You will be asked to provide a title for this connection. You can enter anything here and then click OK button.

Name your connection

Next, you will see the settings for this connection. It will automatically detect your Constant Contact account and show it under the Select Account field.

Below that you need to select the email list. Click on it to select the email list you created earlier.

Select email list and map form fields

After that, you need to map your WPForms form fields to the Constant Contact fields. Once done, you can click on the ‘Save’ button at the top to save your sign up form.

WPForms also makes it super easy to add your newsletter signup form anywhere on your website.

If you want to add the form to your website’s sidebar, then visit Appearance » Widgets page and add WPForms widget to a sidebar.

WPForms widget

Provide a title for your widget and then select the signup form you created earlier. Don’t forget to click on the ‘Save’ button to store your settings.

You can now visit your website to see your newsletter signup form in action.

Newsletter sign up form displayed in the sidebar

You can also add sign up form to your blog posts or pages. Simply edit the post and add the WPForms block to the content area.

Adding WPForms block to blog post

After adding the block, select the newsletter signup form you created earlier and WordPress will load it inside your post. You can now save or publish your post and visit your website to see it in action.

Newsletter signup form in a WordPress post

2. Add Newsletter Signup Form Using OptinMonster (Pro)

For this method, we will be using OptinMonster, which is the best tool in the market to help you get more email subscribers, faster!

It includes dozens of high-converting signup forms like lightbox popups with exit-intent technology, 2-step optins, slide-in forms, floating bar, and more. This gives you powerful tools that you need to quickly grow your email list.

For more details, see our complete OptinMonster case study to learn how we used it to increase our email subscribers by 600%.

First, you will need to sign up for an OptinMonster account. It is a premium service and their plans start from $9 per month.

You can use our OptinMonster coupon code: WPB10 to get 10% off your purchase.

Once you have signed up for OptinMonster, you will reach your account dashboard.

Let’s create your first OptinMonster campaign. Click on the ‘Create Campaign’ button to get started.

Create campaign

Next, you will be asked to select an optin type. For the sake of this guide, we will be creating a lightbox popup signup form. Below that you need to choose a template for your campaign.

Choose optin type and template

After that, you will be asked to provide a title for your campaign and enter your website address.

Campaign settings

This will launch the OptinMonster builder interface. It is a powerful drag and drop campaign builder where you can design your optin forms.

OptinMonster builder

You can point and click to edit any item on the screen. You can also add new blocks to add different elements to your optin.

Once you are satisfied with the design, it is time to connect the OptinMonster campaign to your Constant Contact account.

Switch to the ‘Integrations’ tab from the top menu and then click on the ‘Add new integration’ button.

Adding a new integration in OptinMonster

Next, you need to select Constant Contact as your ‘Email service provider’ and then click on ‘Register with Constant Contact’ button.

This will bring up a popup where you need to click on the ‘Allow’ button.

Allow OptinMonster to access your Constant Contact account

Switch back to the OptinMonster and provide a name for this connection. After that, click on the ‘Connect to Constant Contact’ button.

Connect Constant Contact to OptinMonster

OptinMonster will now fetch your Constant Contact account details. You need to select the email list you created for your newsletter.

Select your email list

Now, we will take a look at the display rules for your campaign. Display rules allow you to choose when and where to display your campaign.

Display rules

By default, OptinMonster will show the popup to any user after 5 seconds. The popup will only appear on their first pageview and will not bother your users again during the same session.

Next, you need to switch to the Publish tab and change campaign status to Live. After that, don’t forget to click on the ‘Save’ button to store all your campaign settings.

Publish your OptinMonster campaign

Your OptinMonster campaign is now ready, let’s add it to your WordPress site.

First, you will need to install and activate the free OptinMonster plugin on your site. This plugin acts as a connector between your WordPress site and OptinMonster.

Upon activation, you need to click on the OptinMonster menu item in your WordPress admin sidebar. On the next screen, click on the ‘Connect Your Account’ button to continue.

Connect OptinMonster to WordPress

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

Connect to OptinMonster

After entering the API key, click on the ‘Connect to OptinMonster’ button. The plugin will now connect your website to OptinMonster.

Next, you need to switch to the ‘Campaigns’ tab. This is where all your OptinMonster campaigns will appear. If you don’t see any campaigns here, then click on the ‘Refresh campaigns’ button.

Turn on campaign on your website

Now you need to click on the ‘Go Live’ live below the campaign you just created. After that, you can visit your website in a new Incognito browser tab to view your newsletter signup popup in action.

Newsletter sign up form

OptinMonster is an incredibly powerful tool to quickly get more subscribers for your website.

Following are a few other campaign types that you can create with OptinMonster.

  • A slide-in scroll box signup form
  • A sticky floating footer signup form
  • Triggering FOMO with a countdown timer signup form

Step 5. Sending Your First Email Newsletter

Once you have added newsletter signup forms to your website, you will gradually start getting subscribers. After getting your initial welcome email, these new subscribers will be waiting to see what you send them next.

You are now ready to start sending newsletter emails.

Let’s create your first email campaign.

The great thing about using Constant Contact is that it comes with an incredibly easy to use email builder with tons of beautiful templates.

Creating your campaigns and sending newsletter emails is quite easy. Simply log in to your Constant Contact account and click on the Campaigns menu from the top.

Create new Constant Contact campaign

The campaigns page lists all your current, past, and automated email campaigns. Click on the create button to start a new email.

You will be asked to select a campaign type. Click to select the ‘Email’ campaign type and continue.

Select email campaign type

Next, you need to pick an email template for your newsletter. Constant Contact comes with several ready-made template for different industries, campaigns, and email types.

Choose an email template

All these email templates are fully customizable, and you can add your own logo and images to customize them. Once you edit and save a template, you will be able to use it for your future campaigns.

We recommend starting with a simple newsletter template and customizing it with your own brand logo.

Simply click on a template to select it for your email newsletter. Constant Contact will then load the email builder with your selected template.

Editing your email template

This is the same email builder that you used to create your welcome email. You can add your brand logo, point and click to add text, link, and images.

Adding your blog posts to the email newsletter

You can also fetch and add your blog posts to the newsletter. Click on the ‘More’ button in the left column and then drag and drop the ‘Read More’ block to your email.

Adding blog posts with read more link

Next, you need to click on the ‘Read more’ block to edit it. This will bring up a popup where you need to enter the link of the blog post you want to add.

Add blog post to your email

Click on the preview button to fetch a featured image and article description and then click on the Insert button. Repeat the process to add more blog posts if needed.

Once you are satisfied with your email’s design and contents, click on the ‘Continue’ button to move forward.

Continue to email settings

On the next screen, first, you need to select the email address you want to send this message. After that, review other email settings on the page.

Email settings and scheduling

Lastly, you need to select whether you want to send this email right away or schedule it to send later.

We recommend sending your emails on a fixed schedule. This helps your users anticipate the arrival of your email and sets expectations. For more on this topic, see this guide on choosing the best time to send newsletter emails.

Click on the Schedule button at the top right corner of the screen to save your email.

That’s all, you have successfully created your first newsletter email and scheduled to send it.

Need help with writing effective newsletter emails? See these tips on writing effective email newsletters.

Step 6. Tips to Get More Email Subscribers

In 2018, the number of global e-mail users amounted to 3.8 billion users.

In another study, 48% of participants said that they would like to receive email updates from their favorite brands.

This means that users prefer to get emails from their favorite businesses. Now the only question that remains is how do you get them to subscribe to your newsletter?

Luckily, email marketing has been around for a very long time. Experts are regularly experimenting, sharing, and finding new ways to grow their email lists.

Here we will share some of our own tips that are tested and proven to work.

1. Use multiple signup forms

Many beginners just add a single newsletter signup form to their website and forget about it. Add multiple signup forms to your website using a variety of placements.

Multiple signup forms

However, you need to be careful not to ruin user experience with aggressive prompts to signup.

For example, in the screenshot above, the second prompt only appears when a user scrolls down and the first signup form is no longer visible.

Social Media Examiner uses multiple sign up forms and creative strategies which has helped them get over 250,000 email subscribers (case study).

Keep experimenting with different forms and placements to find out what gets you the best results.

2. Use lead magnets to capture more subscribers

Lead Magnets are special offers used as an incentive to join your email newsletter. These special offers could be an exclusive download, an ebook, a helpful resource, discount coupon, etc.

Lead Magnets work extremely well because they offer users instant gratification and value for performing an action.

You can see a live example of lead magnets just below this article, where we offer users a free download of our ultimate WordPress toolkit as an incentive.

Lead magnet example

3. Offer Content Upgrades

Similar to lead magnets, content upgrades offer users an additional piece of content or bonus content, which they can download after signing up for your newsletter.

You can easily add content upgrades to your existing content. This can be a checklist, a PDF download of the article, a case study, a research report, and more.

Content upgrade example

For more details, see our guide on how to add content upgrades in WordPress.

4. Use social media to grow your email list

Promoting newsletter on social media

Your website is not the only place to promote your newsletter and find new subscribers. Social media platforms can be another place to convert followers into email subscribers.

For detailed tips, see our guide on how to use social media to grow your email list

Need even more tips? Check out the following email marketing guides:

  • 73 proven tips to grow your email list
  • How to do lead generation in WordPress
  • 12 tips to grow your email list quickly

Step 7. How to Make Money from Email Newsletter

One of the popular sayings among digital marketers is that “The money is in the list”. Every dollar you spend on email marketing has a return average of $32 dollars.

As your subscriber count grows, you would want to explore opportunities to monetize your email newsletter.

Following are just some of the easiest ways to make money from your email newsletter.

1. Sell your products

Sell your own products

First, you would obviously want to use your email list to sell your own products. You can use your email list to send special offers and discount deals exclusive to your subscribers.

You can also bring them back to your website by adding calls to action, offer members-only content, demo, and free samples.

When trying to sell your own products, keep the ‘Value Value Value Pitch’ formula in your mind.

It basically suggests that you should offer three times more value than your sales pitch. Most marketers agree that such emails work better than those that are nothing more than a plain sales pitch.

2. Upsell products and services

Upselling is a sales technique to persuade customers into buying something additional like an upgrade or add-on. As your email list grows, you can send personalized offers to existing customers.

Upselling through email

Due to its highly targeted messaging and personalized offers, upsell emails tend to perform way better. This may lead many businesses to send more such emails.

You need to remember that your emails should offer value first, otherwise those emails would soon become annoying.

3. Affiliate marketing

affiliate marketing

Affiliate marketing is a referral program where an online retailer (advertiser) pays you a commission when users purchase their product using your referral link.

You can find products and services that might interest your users and add affiliate links, reviews, and coupons in your newsletter emails.

To get started, see our beginner’s guide to affiliate marketing.

4. Advertisement or renting out your email list

If your email list grows quickly, then you can make money by renting your email list.

You see, a lot of folks don’t realize the potential of email marketing until they realize that they could benefit immensely from an email list.

Lucky for you, they are now looking for someone who may already have a list of people interested in specific products, services, or industry.

You can approach such advertisers directly, or you can find email list brokers like Info USA, List Giant, or Mailing List Direct.

Step 8. Keep Your Newsletter Emails Out of Spam

How to make avoid ending up in spam

In 2012, 90% of all emails were spam. This number was reduced to 58% by the end of 2018.

The main reason for this decline was the improved spam detection and prevention technologies used by email marketing tools.

This is great news for all users and businesses. However, the AI-powered spam detection technologies are quite sensitive and can wrongfully mark your email messages as spam.

Following are the most common reasons for newsletter emails to end up in spam:

1. You didn’t use double opt-in

Basically, all email marketing services including Constant Contact require users’ consent for sending them emails. This is done by the user verifying their email address after signing up.

However, they also allow you to manually add email addresses. If you misuse this feature and add email addresses from random sources, then your messages will end up in spam.

2. Sender email address was used for spam

If your sender email address was used to send spam or malware, then your email campaigns with the same sender address will end up in spam. This is why you need to get a business email address to ensure high deliverability for your newsletter emails.

3. Misleading subject lines

Misleading email subjects are annoying and due to many users reporting such emails, spam algorithms can now identify many such lines and mark them spam.

Following are a couple of examples of common misleading subject lines.

  • Urgent: Update your information
  • Thanks for your order!
  • You have won a prize

Need some good examples? See these 160+ excellent email subject lines for inspiration.

4. Your email must have accurate information

The anti-spam laws in many countries require the sender to provide accurate from address (sender email address), complete physical address, and an unsubscribe link in the email message.

If any of these are missing from your newsletter email, then it would most likely end up in spam.

Basically, you need to follow the rules and guidelines provided by your email marketing software and you’ll be able to avoid the spam folder.

We hope this article helped you learn how to easily create an email newsletter. You may also want to see our article on how to get a free business email address to send your newsletter emails.

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 an Email Newsletter the RIGHT WAY (Step by Step) appeared first on WPBeginner.



Source link

How to Create a Custom Gutenberg Block in WordPress (Easy Way)


Do you want to create a custom Gutenberg block for your WordPress site? After the WordPress 5.0 update, you need to use blocks to create content in the new WordPress block editor.

WordPress ships with several useful blocks that you can use when writing content. Many WordPress plugins also come with their own blocks that you can use.

However, sometimes you may want to create your own custom Gutenberg block to do something specific.

If you’re looking for an easy solution to create custom Gutenberg blocks for your WordPress site, then you’re in the right place.

In this step by step tutorial, we’ll show you the easy way to create a custom WordPress block for Gutenberg.

Creating a custom WordPress block for Gutenberg

Note: This article is for intermediate users. You’ll need to be familiar with HTML and CSS to create custom Gutenberg blocks.

Step 1: Get Started

The first thing you need to do is install and activate the Block Lab plugin.

It’s a WordPress plugin that allows you to create custom blocks from your admin panel without much hassle.

Block Lab WordPress Plugin

To install the plugin, you may follow our beginner’s guide on how to install a WordPress plugin.

Once the plugin is activated, you can proceed to the next step of creating your first custom block.

Step 2: Create a New Block

For the sake of this tutorial, we will build a ‘testimonials’ block.

First, head over to Block Lab » Add New from the left sidebar of your admin panel.

On this page, you need to give a name to your block. You can write any name of your choice in the “Enter block name here” textbox.

Enter Custom Block Name

We will name our custom block: Testimonials.

On the right side of the page, you’ll find the block properties. Here you can choose an icon for your block and select a block category from the Category dropdown box.

The slug will be auto-filled based on your block’s name, so you don’t have to change it. However, you may write up to 3 keywords in the Keywords text field, so that your block can be easily found.

Custom Block Properties

Now let’s add some fields to our block. You can add different types of fields like text, numbers, email, URL, color, image, checkbox, radio buttons, and much more.

We’ll add 3 fields to our custom testimonial block: an image field for the image of the reviewer, a textbox for the reviewer name, and a textarea field for the testimonial text.

Click on the + Add Field button to insert the first field.

Image Field Options

This will open up some options for the field. Let’s take a look at each of them.

  • Field Label: You can use any name of your choice for the field label. Let’s name our first field as Reviewer Image.
  • Field Name: The field name will be generated automatically based on the field label. We’ll use this field name in the next step, so make sure it’s unique for every field.
  • Field Type: Here you can select the type of field. We want our first field to be an image, so we’ll select Image from the dropdown menu.
  • Field Location: You can decide whether you want to add the field to the editor or the inspector.
  • Help Text: You can add some text to describe the field. This is not required if you’re creating this block for your personal use.

You may also get some additional options based on the field type you choose. For example, if you select a text field, then you’ll get extra options like placeholder text and character limit.

You can click on the Close Field button once you’re done with the image field.

Following the above process, let’s add 2 other fields for our testimonials block by clicking the + Add Field button.

Final Custom Block Fields

In case you want to reorder the fields, then you can do that by dragging them using the hamburger icon on the left side of each field label.

To edit or delete a particular field, you need to hover your mouse over the field label to get the edit and delete options.

Once you’re done, click on the Publish button, present on the right side of the page, to save your custom Gutenberg block.

Step 3: Create a Block Template

Although you’ve created the custom WordPress block in the last step, it’ll not work until you create a block template named block-testimonials.php and upload it to your current theme folder.

Create a Block Template

The block template file will tell the plugin how to do display your block fields inside the editor. The plugin will look for the template file and then use it to display the block content.

If you don’t have this file, then it’ll display an error saying “Template file blocks/block-testimonials.php not found”.

Let’s create our block’s template file.

First, go ahead and create a folder in your desktop and name it blocks. You’ll create your block template file inside this folder and then upload it to your current WordPress theme directory.

To create the template file, you can use a plain text editor like Notepad.

Every time you add a new field to your custom block, you need to add the following PHP code to your block template file:

<?php block_field( 'add-your-field-name-here' ); ?>

Just remember to replace add-your-field-name-here with the field name.

For example, the name of our first field is reviewer-image, so we will add the following line to the template file:

<?php block_field( 'reviewer-image' ); ?>

Simple, isn’t it? Let’s do the same for the rest of our fields:

<?php block_field( 'reviewer-image' ); ?>
<?php block_field( 'reviewer-name' ); ?>
<?php block_field( 'testimonial-text' ); ?>

Next, we’ll add some HTML tags to the above code for styling purposes.

For example, you can wrap the reviewer image inside an img tag to display the image. Otherwise, WordPress will display the image URL which is not what you want, right?

You can also add class names to your HTML tags and wrap your code inside a div container to style your block content (which we’ll do in this next step).

So here’s our final code for our block template:

<div class="testimonial-block clearfix">
	<div class="testimonial-image">
		<img src ="<?php block_field( 'reviewer-image' ); ?>">
	</div>
	<div class="testimonial-box">
		<h4><?php block_field( 'reviewer-name' ); ?></h4>
		<p><?php block_field( 'testimonial-text' ); ?></p>
	</div>
</div>

Finally, name the file as block-testimonials.php and save it inside the blocks folder.

Step 4: Style Your Custom Block

Want to style your custom block? You can do that with the help of CSS.

Open a plain text editor like Notepad and add the following code:

.testimonial-block 
	width: 100%;
	margin-bottom: 25px;


.testimonial-image 
	float: left;
	width: 25%;
	padding-right: 15px;


.testimonial-box 
	float: left;
	width: 75%;


.clearfix::after 
	content: "";
	clear: both;
	display: table;

Once done, name the file as block-testimonials.css and save it inside the blocks folder.

Step 5: Upload Block Template File to Theme Folder

Now let’s upload the blocks folder containing our custom block template file to our WordPress theme folder.

To do that, you need to connect to your WordPress site using an FTP client. For help, you may check out our guide on how to upload files to your WordPress site using FTP.

Once you’re connected, go to the /wp-content/themes/ folder. From here you need to open your current theme folder.

Enter Theme folder using FTP

Now upload the blocks folder, containing the block template file and the CSS file, to your theme directory.

Once done, you can proceed to the final step to test your custom block.

Note: Block Lab plugin allows you to create theme-specific blocks. If you change your WordPress theme, then you need to copy the blocks folder to your new theme directory.

Step 6: Test Your New Block

It’s time to test our custom testimonials block. You can do this by heading over to Pages » Add New to create a new page.

Next, click on the Add Block (+) icon and search for the Testimonials block. Once you find it, click on it to add the custom block to your page editor.

Add Custom Block to Page Editor

You can now add a testimonial to this page using your custom block. To add more testimonials, you can always insert new testimonial blocks.

Once you’re done, you can preview or publish the page to check whether it’s working properly or not.

That’s all! You’ve successfully created your first custom WordPress block for your site.

Did you know that you can save time with reusable blocks in your editor? Check out our guide on how to easily create reusable blocks in the WordPress block editor and use them on other websites.

You may also want to see our guide on how to create a custom WordPress theme without writing any code.

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 Custom Gutenberg Block in WordPress (Easy Way) appeared first on WPBeginner.



Source link