Categories
Using WordPress

Is It the Best Translation Plugin?

Are you looking for a translation plugin for your WordPress website? When you build a website, you want people from all over the world to visit it and be able to read and understand the content. By simply providing your content in more than one language, you can increase the amount of traffic your site gets and open your content up to a wider audience. So, if you want your website to be multilingual, you’ll need a translation plugin.

In this TranslatePress review, we’ll share with you the features, functionalities, pricing, pros and cons, and more, to help you determine if it’s the best translation plugin for your needs.

About TranslatePress

translatepress-review-website

TranslatePress is a WordPress translation plugin that’s easy for anyone to use. What makes TranslatePress different from other translation plugins is that it allows you to translate posts and pages directly from the frontend of your website. This means that you can see what you’re translating in real-time.

translatepress-frontend

The TranslatePress interface lets you easily translate any of the written content that you see on the page including posts, pages, meta data, plugins, and even your WordPress theme.

TranslatePress also offers Google Translate API integration which allows you to accelerate the translation process, if the manual translation is not for you or is too time-consuming. If any of Google’s AI-powered translations are incorrect, you can go in and manually fix them.

Aside from being easy-to-use, TranslatePress is loaded with a number of awesome features including:

  • Multiple Languages – Support for 221 languages.
  • SEO Pack – SEO support for page slug, page title, description, and more to give you a boost in local search rankings.
  • Automatic User Language Detection – When a user first visits your website they be redirected to their preferred language based on their browser settings or IP address.
  • Translator Accounts – Create translator accounts and assign the role to any user on your site. This user can translate your content without having access to your full admin area, in order to keep your website secure.
  • Navigation Based on Language – Configure your website navigation menu for different languages.

TranslatePress Review: Getting Started with TranslatePress

Getting started with TranslatePress is super easy. But before you start translating your site, you’ll want to configure the settings first. After purchasing and installing TranslatePress, simply hover over the Translate Site button at the top of the WordPress dashboard, then click on Settings.

translate-site-settings

In the General settings area, you can set your default language and select all the languages you want to make your website available in. To add a language, go to the All Languages section and click the arrow next to “Choose…” to open the dropdown menu. From the list, choose the language you want.

choose-language

Once you’ve selected the language you want, click the Add button.

add-language-translatepress-review

Repeat the process again to add as many languages as you want.

In the general settings area you can also choose whether you want languages to display in their native names or in English, enable and disable Google Translate, add a language switcher to any page or menu, and more.

When you’ve got the settings how you want them, don’t forget to click the Save Changes button.

Now you’re ready to start translating your website. To start translating your site, click the Translate Site tab in the settings area.

translate-site-button

After clicking the button, you’ll be redirected to the TranslatePress visual editor. The visual editor is straightforward and easy-to-use even for complete beginners.

translatepress-review-interface

To start translating your content, all you have to do is choose the string of text you want to translate from the dropdown menu, manually enter in the translation, and press the Save Translation button at the top of the screen.

You can simply hover any string, and click the edit button that appears on the left and translate your string in the left translation interface. This makes everything more visual as opposed to searching the drop-down.

translate-content-manually

Important Note: Automatic translation is only available after you activate the Google Translate API.

To preview your translation, simply click on the language switcher you added in the settings section.

language-preview

That’s it! See, making a website that’s multilingual is incredibly easy with TranslatePress.

TranslatePress Plugin: Pricing

TranslatePress offers a free version of their plugin as well as 3 different pricing plans: Personal, Business, and Developer. Each paid plan comes with the advanced translation interface, support for dynamic fields, integration with Google Translate, flexible language switcher, and 1 year of support and updates.

translatepress-review-pricing

The free version of the TranslatePress plugin only allows you to translate your site into 1 language, which makes it suited for bilingual websites. So, if you want the ability to translate your site into many languages, you have to choose one of their paid plans.

The Personal plan costs €79/year, which comes out to about $88 US. With the Personal plan you get the use of the plugin for 1 site as well as the multiple languages addon and SEO pack addon.

If you want the ability to use the plugin on 3 websites as well as other advanced features such as translator accounts, navigation based on language, automatic user language detection, and more, then you’ll need to choose the Business plan which costs €139/year, or approximately $155 US.

With the Developer plan, you get all of the same features and addons as the Business plan, but you get the ability to use the plugin on an unlimited number of websites. The Developer plan costs €199/year, or $222 US.

TranslatePress Plugin: Pros and Cons

Now that you know more about TranslatePress, let’s take a look at the pros of using TranslatePress to translate your website content.

Pros

  • Free Version: You can get started with TranslatePress for free.
  • Easy to Use: TranslatePress is easy to get started with and allows you to translate everything from the frontend, including WooCommerce products, page builder content, forms, etc.
  • SEO Support: TranslatePress offers SEO support for multilingual sites.

Next, let’s take a look at some of the limitations of TranslatePress.

Cons

  • Limited Free Version: The free version of TranslatePress is quite limited. You can only translate your site into 1 language.
  • No SEO Support: The free version also offers no SEO support features. So, if you want to boost local search rankings, the free version won’t work for you.
  • Costly: If you’re just starting out, a paid plan with TranslatePress might be a bit costly for you.

Our Verdict on Using TranslatePress to Translate Your WordPress Website

TranslatePress is a highly-rated translation plugin that makes it easy for anyone to translate their WordPress site into multiple languages. The fact that you can translate pages and posts on your site in real-time from the frontend is really what makes this translation plugin stand out from the crowd.

While the free version is fine to get started, in order to create a successful multilingual website that’s optimized for SEO, you’ll need to invest in one of their paid plans. The paid plans might seem costly to some but TranslatePress isn’t just a simple translation plugin. TranslatePress is packed with features such as SEO support, automatic user language detection, navigation based on language, translator accounts, and much more to give your multilingual website added power and increased performance.

We give it a 4.5 out of 5 stars. Here’s the breakdown of our review score:

We hope that you enjoyed this TranslatePress review and that you now know whether TranslatePress is the best translation plugin for your needs. If you still want to check out some other translation plugins, check out our article on the Best WordPress Translation Plugins Compared.

Get TranslatePress Now »

If you liked this article, then please consider following us on Twitter and Facebook. If you have any questions, please let us know by leaving a comment below.



Source link

Categories
Website

How to Disable Theme and Plugin Editors from WordPress Admin Panel

Did you know that WordPress comes with a built-in theme and plugin editor? This plain code editor allows you to edit your theme and plugin files directly from the WordPress dashboard.

Now, this may sound really helpful, but it can also lead to issues such as breaking your site and potential security issues when combined with other vulnerabilities.

In this article, we will explain why and how to disable theme and plugin editors from the WordPress admin area.

Disable theme and plugin editors in WordPress admin area

Why Disable Theme and Plugin Editors in WordPress?

WordPress comes with a built-in code editor which allows you to edit WordPress theme and plugin files directly from the admin area.

The theme editor is located at Appearance » Theme Editor page. By default, it will show your currently active theme’s files.

Theme editor in WordPress

Similarly, the plugin editor can be seen at Plugins » Plugin Editor page. By default, it will show you one of the installed plugins from your site that comes up first in the alphabatical order.

Plugin editor in WordPress

If you visit the theme or plugin editor page for the first time, WordPress will warn you that using the editor can break your website.

Theme editor warning in WordPress

In WordPress 4.9, theme and plugin editors were upgraded to protect users from accidentally breaking their website. In most cases, the editor will catch a fatal error and will revert back the changes.

However, this is not guaranteed and some code may still slip through and you would end up losing access to the WordPress admin area.

The biggest problem with the built-in file editor is that it gives full access to add any kind of code to your website.

If a hacker broke into your WordPress admin area, then they can use the built-in editor to gain access to all your WordPress data.

Hackers can also use it to distribute malware or launch DDOS attacks from your WordPress website.

To improve WordPress security, we recommend removing the built-in file editors completely.

That being said, let’s see how to easily disable theme and plugin editors in WordPress.

How to Disable Theme and Plugin Editors in WordPress

Disabling theme and plugin editors in WordPress is quite easy.

Simply edit your wp-config.php file and paste the following code just before the line that says ‘That’s all, stop editing! Happy publishing’ :

define( 'DISALLOW_FILE_EDIT', true );

You can now save your changes and upload the file back to your website.

That’s all, plugin and theme editors will now disappear from themes and plugins menus in the WordPress admin area.

You can also add this line of code to your theme’s functions.php file, a site-specific plugin, or by using the code snippets plugin.

If you don’t want to edit the files directly, then you can install the Sucuri WordPress plugin which offers 1-click hardening feature.

Proper Way to Edit WordPress Theme and Plugin Files

Many users actually use WordPress theme and plugin editors to look up the code, add custom CSS, or editing code in their child themes.

If you only want to add custom CSS to your theme, then you can do so by using the theme customizer located under Appearance » Customize.

Adding custom CSS via theme customizer

For more details, see our guide on how to add custom CSS in WordPress without breaking your site.

If you want to look up the code in a plugin, then you can do so by using an FTP client.

For better file management and syntax highlighting, you can use one of these code editors for editing WordPress files on your computer.

Last but not least, you can also create a custom WordPress theme without writing any code.

We hope this article helped you learn how to easily disable theme and plugin editors from WordPress admin panel. You may also want to see our ultimate guide to improving WordPress performance and speed.

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



Source link

Categories
Website

How to Create a WordPress TinyMCE Plugin

If you are WordPress developer, then at some point you may come across customizing or extending the WordPress Visual Editor. For example, you may want to add a button to the Visual Editor’s toolbar to allow your client to easily insert a text box or a call to action button without writing any HTML code. In this article, we will show you how to create a TinyMCE plugin in WordPress.

Tiny MCE toolbar in WordPress Visual Editor

Requirements

This tutorial is intended for advanced users. If you are a beginner level user who just wants to extend visual editor, then please check out TinyMCE Advanced plugin or take a look at these tips on using WordPress visual editor.

For this tutorial, you will need basic coding skills, access to a WordPress install where you can test it out.

It is a bad practice to develop plugins on a live website. A minor mistake in the code can make your site inaccessible. But if you must do it on a live site, then at least backup WordPress first.

Creating Your First TinyMCE Plugin

We will begin by creating a WordPress plugin to register our custom TinyMCE toolbar button. When clicked, this button will allow user to add a link with a custom CSS class.

The source code will be provided in full at the end of this article, but until then, let’s create the plugin step-by-step.

First, you need to create a directory in wp-content/plugins folder of your WordPress install. Name this folder tinymce-custom-link-class.

From here, we’ll begin adding our plugin code.

The Plugin Header

Create a new file in the plugin directory we just created and name this file tinymce-custom-link-class.php. Add this code to the file and save it.

/**
 * Plugin Name: TinyMCE Custom Link Class
 * Plugin URI: http://wpbeginner.com
 * Version: 1.0
 * Author: WPBeginner
 * Author URI: https://www.wpbeginner.com
 * Description: A simple TinyMCE Plugin to add a custom link class in the Visual Editor
 * License: GPL2
 */

This is just a PHP comment, which tells WordPress the name of the plugin, as well as the author and a description.

In the WordPress admin area, activate your new plugin by going to Plugins > Installed Plugins, and then clicking Activate beside the TinyMCE Custom Link Class plugin:

Installed plugin

Setting Up Our Plugin Class

If two WordPress plugins have functions with the same name, then this would cause an error. We will avoid this problem by having our functions wrapped in a class.

class TinyMCE_Custom_Link_Class {
	
	/**
	* Constructor. Called when the plugin is initialised.
	*/
	function __construct() {
		
	}

}

$tinymce_custom_link_class = new TinyMCE_Custom_Link_Class;

This creates our PHP class, along with a construct, which is called when we reach the line $tinymce_custom_link_class = new TinyMCE_Custom_Link_Class;.

Any functions we add inside this class shouldn’t conflict with other WordPress plugins.

Start Setting Up Our TinyMCE Plugin

Next, we need to tell TinyMCE that we might want to add our custom button to the Visual Editor‘s toolbar. To do this, we can use WordPress’ actions – specifically, the init action.

Add the following code inside your plugin’s __construct() function:

if ( is_admin() ) {
	add_action( 'init', array(  $this, 'setup_tinymce_plugin' ) );
}

This checks if we are in the WordPress Administration interface. If we are, then it asks WordPress to run the setup_tinymce_plugin function inside our class when WordPress has finished its initial loading routine.

Next, add the setup_tinymce_plugin function:

/**
* Check if the current user can edit Posts or Pages, and is using the Visual Editor
* If so, add some filters so we can register our plugin
*/
function setup_tinymce_plugin() {

// Check if the logged in WordPress User can edit Posts or Pages
// If not, don't register our TinyMCE plugin
	
if ( ! current_user_can( 'edit_posts' ) && ! current_user_can( 'edit_pages' ) ) {
	        return;
}

// Check if the logged in WordPress User has the Visual Editor enabled
// If not, don't register our TinyMCE plugin
if ( get_user_option( 'rich_editing' ) !== 'true' ) {
return;
}

// Setup some filters
add_filter( 'mce_external_plugins', array( &$this, 'add_tinymce_plugin' ) );
add_filter( 'mce_buttons', array( &$this, 'add_tinymce_toolbar_button' ) );
		
	}

This checks if the current logged in WordPress user can edit Posts or Pages. If they can’t, there’s no point in registering our TinyMCE Plugin for that User, as they’ll never see the Visual Editor.

We then check if the user is using the Visual Editor, as some WordPress users turn this off via Users > Your Profile. Again, if the user is not using the Visual Editor, we return (exit) the function, as we don’t need to do anything else.

Finally, we add two WordPress Filters – mce_external_plugins and mce_buttons, to call our functions which will load the required Javascript file for TinyMCE, and add a button to the TinyMCE toolbar.

Registering the Javascript File and Button to the Visual Editor

Let’s go ahead and add the add_tinymce_plugin function:

/**
* Adds a TinyMCE plugin compatible JS file to the TinyMCE / Visual Editor instance
*
* @param array $plugin_array Array of registered TinyMCE Plugins
* @return array Modified array of registered TinyMCE Plugins
*/
function add_tinymce_plugin( $plugin_array ) {

$plugin_array['custom_link_class'] = plugin_dir_url( __FILE__ ) . 'tinymce-custom-link-class.js';
return $plugin_array;

}
    

This function tells TinyMCE that it needs to load the Javascript files stored in the $plugin_array array. These Javascript files will tell TinyMCE what to do.

We also need to add some code to the add_tinymce_toolbar_button function, to tell TinyMCE about the button we’d like to add to the toolbar:


/**
* Adds a button to the TinyMCE / Visual Editor which the user can click
* to insert a link with a custom CSS class.
*
* @param array $buttons Array of registered TinyMCE Buttons
* @return array Modified array of registered TinyMCE Buttons
*/
function add_tinymce_toolbar_button( $buttons ) {

array_push( $buttons, '|', 'custom_link_class' );
return $buttons;
}

This pushes two items onto the array of TinyMCE buttons: a separator (|), and our button’s programmatic name (custom_link_class).

Save your plugin, and then edit a Page or Post to view the Visual Editor. Chances are, the toolbar isn’t displaying right now:

wordpress-tinymce-plugin-missing-toolbar

Don’t worry – if we use our web browser’s inspector console, we’ll see that a 404 error and notice have been generated by TinyMCE, telling us that it can’t find our Javascript file.

wordpress-tinymce-plugin-js-404

That’s good – it means we’ve successfully registered our TinyMCE custom plugin, and now need to create the Javascript file to tell TinyMCE what to do.

Creating the Javascript Plugin

Create a new file in your wp-content/plugins/tinymce-custom-link-class folder, and name it tinymce-custom-link-class.js. Add this code in your js file:

(function() {
	tinymce.PluginManager.add( 'custom_link_class', function( editor, url ) {
		
	});
})();

This calls the TinyMCE Plugin Manager class, which we can use to perform a number of TinyMCE plugin related actions. Specifically, we’re adding our plugin to TinyMCE using the add function.

This accepts two items; the name of the plugin (custom_link_class) and an anonymous function.

If you’re familiar with the concept of functions in coding, an anonymous function is simply a function with no name. For example, function foobar() { ... } is a function that we could call somewhere else in our code by using foobar().

With an anonymous function, we can’t call that function somewhere else in our code – it’s only being called at the point the add() function is invoked.

Save your Javascript file, and then edit a Page or Post to view the Visual Editor. If everything worked, you’ll see the toolbar:

wordpress-tinymce-plugin-visual-editor-toolbar

Right now, our button hasn’t been added to that toolbar. That’s because we’ve only told TinyMCE that we are a custom plugin. We now need to tell TinyMCE what to do – that is, add a button to the toolbar.

Update your Javascript file, replacing your existing code with the following:

(function() {
	tinymce.PluginManager.add( 'custom_link_class', function( editor, url ) {
		// Add Button to Visual Editor Toolbar
		editor.addButton('custom_link_class', {
			title: 'Insert Button Link',
			cmd: 'custom_link_class',
		});	
	});
})();

Notice our anonymous function has two arguments. The first is the editor instance – this is the TinyMCE Visual Editor. In the same way we can call various functions on the PluginManager, we can also call various functions on the editor. In this case, we’re calling the addButton function, to add a button to the toolbar.

Save your Javascript file, and go back to your Visual Editor. At a first look, nothing seems to have changed. However, if you hover your mouse cursor over to the right of the top row’s rightmost icon, you should see a tooltip appear:

wordpress-tinymce-plugin-button-noicon

We’ve successfully added a button to the toolbar, but it needs an image. Add the following parameter to the addButton function, below the title: line:

image: url + '/icon.png',

url is the URL to our plugin. This is handy if we want to reference an image file within our plugin folder, as we can append the image file name to the URL. In this case, we’ll need an image called icon.png in our plugin’s folder. Use the below icon:
icon

Reload our Visual Editor, and you’ll now see your button with the icon:
wordpress-tinymce-plugin-button-icon

Defining a Command to Run

Right now, if you click the button, nothing will happen. Let’s add a command to TinyMCE telling it what to do when our button is clicked.

In our Javascript file, add the following code below the end of the editor.addButton section:

// Add Command when Button Clicked
editor.addCommand('custom_link_class', function() {
	alert('Button clicked!');
});

Reload our Visual Editor, click the button and an alert will appear confirming we just clicked the button:

wordpress-tinymce-plugin-alert-button-clicked

Let’s replace the alert with a prompt, asking the user for the link they want to wrap around the selected text in the Visual Editor:

// Add Command when Button Clicked
editor.addCommand('custom_link_class', function() {
	// Check we have selected some text that we want to link
	var text = editor.selection.getContent({
		'format': 'html'
	});
	if ( text.length === 0 ) {
		alert( 'Please select some text to link.' );
		return;
	}

	// Ask the user to enter a URL
	var result = prompt('Enter the link');
	if ( !result ) {
		// User cancelled - exit
		return;
	}
	if (result.length === 0) {
		// User didn't enter a URL - exit
		return;
	}

	// Insert selected text back into editor, wrapping it in an anchor tag
	editor.execCommand('mceReplaceContent', false, '' + text + '');
});

This block of code performs a few actions.

First, we check if the user selected some text to be linked in the Visual Editor. If not, they’ll see an alert telling them to select some text to link.

wordpress-tinymce-plugin-alert-select-text

Next, we ask them to enter a link, again checking if they did. If they cancelled, or didn’t enter anything, we don’t do anything else.

wordpress-tinymce-plugin-prompt-url

Finally, we run the execCommand function on the TinyMCE editor, specifically running the mceReplaceContent action. This replaces the selected text with our HTML code, which comprises of an anchor link with class=”button”, using the text the user selected.

If everything worked, you’ll see your selected text is now linked in the Visual Editor and Text views, with the class set to button:

wordpress-tinymce-plugin-link-visual

wordpress-tinymce-plugin-link-html

Summary

We’ve successfully created a WordPress plugin which adds a button to the TinyMCE visual editor in WordPress. This tutorial has also covered some of the basics of the TinyMCE API and WordPress filters available for TinyMCE integrations.

We added code so that when a user clicks our custom button, they’re prompted to select some text in the Visual Editor, which they can then link to a URL of their choice. Finally, our plugin then replaces the selected text with a linked version that contains a custom CSS class called button.

We hope this tutorial helped you learn how to create a WordPress TinyMCE plugin. You may also want to check out our guide on how to create a site-specific WordPress plugin.

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



Source link

Categories
Website

Which is the Best WordPress Popup Plugin? (Performance + Quality Compared)

Converting website visitors into email subscribers and paying customers is the main goal of all businesses. Did you know that more than 70% of people visiting your website will probably never come back again unless you offer them a chance to subscribe. This is where a WordPress popup plugins and lead generation tools come in handy. Considering there are tons of great WordPress lead generation plugins in the market, we have decided to compare the top ones to determine which is the best WordPress popup plugin overall.

Best WordPress Popup Plugin

The Problem With WordPress Popup Plugins

There are so many WordPress popup plugins available both free and paid. The main problem with most popup plugins is that they can become very annoying for users. This has a negative impact on user experience.

Another common problem with popup plugins is that they can slow down your website. Some take too much time to load while others are very resource intensive on your servers resulting in a slow page load time which negatively affects your SEO.

The main purpose of using a popup plugin is to generate leads and boost your email list subscribers. Many popup plugins fail to do that properly because they don’t have the right balance of features and functionality.

Last but not the least, some of these popup plugins aren’t very easy to use. Setting them up is not easy for an average WordPress user.

So how do you go through hundreds of popup plugins and find the best one for your needs? Well you don’t have to. We did the research for you and below are our results for the best WordPress popup plugin.

The Contenders for the Best WordPress Popup

To keep things simple, we are only going to compare the 4 most popular WordPress popup plugins in the market today.

We decided to try them out and run performance tests to see how each of them perform on a test website. The criteria we looked for in our comparison are: speed, ease of use, aesthetic appeal, and features.

The contenders for the best WordPress popup plugin are:

Let’s take a look at how each of those performed during our tests.

Speed

Speed is an important factor to consider whenever you are adding something new to your WordPress site. A faster website not only ranks higher on search engines, but it also offers a better user experience for the visitors. This is why it is #1 priority in our comparison.

We added a default popup for each plugin with minimum customization and set them to appear on the page load. This is how they each stacked up for speed.

As you can see in the test above, OptinMonster was the fastest loading WordPress popup plugin.

The reason for this is because OptinMonster is highly optimized for speed. It uses the powerful Amazon cloud infrastructure to minimize your server load thus producing the best performance.

Features of Each WordPress Popup Plugin Compared

You want your popup plugin to help you build your mailing list, generate leads, and convert visitors into actual customers. For that, you will need a lot more than just a shiny popup.

You will need different kind of optin forms, lead generation tools, analytics, A/B testing, and more.

Let’s see how our contenders stack up in terms of features.

OptinMonster

You want to give users multiple chances to sign up. OptinMonster comes with multiple optin types that you can place on different locations on your landing pages and throughout your website. It supports the following optin types:

  • Lightbox popup
  • After post / inline
  • Floating bar
  • Slide in
  • Mobile Optins
  • Sidebar Optin
  • Fullscreen takeover (Welcome Gates)
  • Canvas
  • MonsterLinks

One of the features that OptinMonster became famous for was their signature Exit-Intent® technology. This means that your popup only appears when a user is about to leave your website.

exitintent-popup

MonsterLinks is a lightbox popup that can be embedded into any ordinary link or a button. The lightbox popup appears when a user clicks on a call to action button or a link.

OptinMonster allows you to design your own optin forms using their visual designer. You can choose fonts, colors, add your images, and choose from multiple ready to use templates. This gives you to create very powerful, completely brandable, and stunning optin forms for your website.

OptinMonster optin designer tool

Apart from that you can get detailed analytics on how each of your optin is performing. OptinMonster is a certified Google Analytics partner, and it integrates directly with your Google Analytics account to provide you with the most accurate analytics.

You can run A/B tests to see which optin types are bringing you the most subscribers, and use highly customized page level targeting to show custom optins based on which page the user is on.

Most importantly, OptinMonster works on all websites not just WordPress sites. This is a huge advantage if you run multiple sites on different platforms or want to start a few in the future.

Last but not least, OptinMonster comes with a Canvas feature which allows you to create any type of popups (not just email capture). You can add custom HTML / CSS or use WordPress shortcodes. Think outside the box: related post popups, related WooCommerce popups, contact form popups, contest popups, and more.

Bloom

Bloom comes with multiple optin types.

  • Automatic lightbox popup
  • Sidebar Optin
  • Slide in Optin
  • Below post/Inline Optin
  • Signin to Unlock

Bloom does not have exit-intent technology. Instead it uses the standard timed delay to display automatic popups. Now the problem is that studies have shown us that users usually decide whether they want to stay or leave a website in the very first few seconds. If your optin is set to display too late, then the user is probably already gone. If it’s set to display too early, then this will annoy the user and they will leave.

Optin types available in Bloom

Bloom does have a locked content functionality that requires users to enter their email to unlock the content which can be very effective.

Bloom comes with a lot of ready to use templates that you can customize to use your own images and fonts. They do not have a visual customizer, so you can’t see the changes you make without clicking on the preview button.

ThriveLeads

Just like Bloom and OptinMonster, ThriveLeads also comes with multiple optin types.

  • Automated Lightbox Popup
  • Sidebar Forms
  • Slide in forms
  • In Content Forms
  • Post footer form
  • Content Locking Optin
  • Fullscreen Optins

Thriveleads has a lot of similar features to OptinMonster. It even has exit intent technology for popups.

Choosing template in ThriveLeads

Just like other plugins in the list, ThriveLeads also comes with pre-built templates for optin forms. You can customize those templates in ThriveLeads on visual composer.

ThriveLeads allows you to create Leadgroups and leadshotcodes, so you can create different targeting campaigns with different kind of optins.

SumoMe

SumoMe is a free plugin with limited features, and you can upgrade to unlock additional features.

The free plugin comes with a few optin types. However, the big catch is that all these optin types include prominent SumoMe branding.

  • Lightbox Popup
  • Slide-in optins
  • Floating optin
  • Welcome Mats

You will need to signup for a free SumoMe account in order to use the plugin. All your users will see a prominent blue menu bar across your site unless you pay SumoMe to remove that branding.

SumoMe comes with control panel where you can install add-on plugins, and setup your email optins. It offers some basic customization options to design your signup forms.

Similar to OptinMonster, SumoMe can also work on all type of websites (not just WordPress).

Conclusion

As far as the features go, OptinMonster comes out as the clear winner here. It offers the most comprehensive set of tools that you will ever need to grow your business and website.

Ease of Use

We believe that lead generation and growing your website is such a crucial thing that every site owner should be able to do that without hiring a developer. Let’s see which WordPress popup plugin is the most user friendly.

OptinMonster

Getting started with OptinMonster is very quick. You just signup for a plan, install a plugin and then you are good to go.

Creating new optin forms is easiest with OptinMonster

Creating new optins is also extremely easy. Just click on New Optin button, choose your optin type and customize the design. After that, you can go to your website and select how you want to display your optin.

The user interface is clutter free, and is inspired from the WordPress user-interface.

Bloom

Bloom is a standalone plugin. Getting started is easy because all you need to do is install the plugin and activate it.

Creating new optins with Bloom is straightforward and the user interface is quite easy to figure out. The trouble comes in when you are configuring display settings. There are too many options to choose from making the UX confusing, so you will have to configure them carefully.

Bloom display settings

ThriveLeads

Getting started with ThriveLeads is quite difficult even for experienced WordPress users. First of all the plugin itself is quite heavy, so if your WordPress host hasn’t increased your upload limit, then your plugin upload will fail in the middle. It is 15MB in size which is actually heavier than WordPress itself.

Upon activation, you will need to provide your activation key. After that you will notice font manager, icon manager, api connections, and thrive leads menu items in your admin dashboard.

ThriveLeads comes with cluttered and bloated user interface

When you reach the ThriveLeads dashboard you will see leadgroups, leadshortcodes, and 2 step lightboxes.

It will take you quite some time before you can actually figure out how to get to the actual optins that you wanted to add.

SumoMe

SumoMe is a bit unconventional because they don’t have a centralized admin panel. You have to click on their badge to load the admin options in a popup.

This experience alone is not intuitive.

Before you could add a popup to your website, you will have to install another app from Sumo store which has free and paid apps. It will take you sometime to figure out how you would actually get to the point where you can add a popup to your site.

SumoMe dashboard

However once you’re in their design builder, the steps are very easy and straight-forward.

Conclusion

In terms of ease of use and beginner friendliness, OptinMonster is a clear winner. Beginner users with very little experience can quickly create and add popups and other optin forms into their website.

Pricing

Another decisive factor when choosing a plugin is pricing. The chart below highlights the pricing, but we will explain the pros and cons of each.

OptinMonster comes with the most clear cut pricing options. You pay $49 per year if you just want the basic features, $99 per year for more advanced optins, and $199 pear year for the full suite. They also offer monthly pricing, but annual plans are on average 40% cheaper.

Bloom is not a standalone plugin. It is part of a yearly membership of Elegant Themes club. So for $89 per year, you get all Elegant Themes plugins and themes which is a great bargain. The $249 is a one-time fee option.

ThriveLeads offers a single site license, a multi-site license, and agency license. All the plans come with one year of support and updates.

SumoMe is free, but it can become the most expensive if you purchase their $100 per month upgrade. If you use their free version, they show prominent SumoMe branding on your entire site (not very professional).

Conclusion:

There isn’t a clear winner here.

If you have no budget, and you don’t mind compromising on features and displaying someone else’s branding on your site, then SumoMe is the best choice for you.

If you have a small budget, want additional goodies, and don’t mind sacrificing on some features and site speed, then Bloom is perfect because the Elegant Themes membership comes with tons of other themes and plugins.

If you’re looking for the most comprehensive and powerful WordPress popup and lead generation plugin, then OptinMonster is the best option.

And The Winner Is….

Considering the criteria we set in the beginning of this article, we found that OptinMonster is the best WordPress popup plugin in the market. It offers the most bang for your buck considering the features and ease of use.

Use our OptinMonster Coupon to get an extra 10% OFF.

We hope this article answers the question regarding the best WordPress popup plugin in terms of performance and quality. Which is your favorite WordPress popup plugin? Let us know by sending us a tweet to @wpbeginner on Twitter.

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



Source link

Categories
Website

How to Add Facebook Like Reactions to Your WordPress Posts

Do you want to add Facebook like reactions to your WordPress blog posts? Emotional reactions allow users a way to provide quick feedback on your articles. In this article, we will show you how to add Facebook like reactions to your WordPress posts.

Adding Facebook Type Reactions for WordPress Blog Posts

What is Reactions?

Facebook recently added more ways for users to show their reaction on posts in their timelines. Aside from just clicking like on the post, they can also show other expressions.

Facebook reactions

However this Facebook feature is not yet available for WordPress sites. You can still use the old Facebook like button.

However there are other WordPress plugins that allow you to engage readers with post reactions or with points system.

Since Facebook’s implementation is the fastest and more visually appealing, we found a WordPress plugin that allows you to add facebook like reactions to your WordPress posts..

Let’s see how you can add the functionality similar to Facebook reactions in your WordPress blog posts.

Setting up Emotional Reactions in WordPress

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

Upon activation, you need to visit Settings » Reactions page to configure the plugin settings.

Reactions Settings

For automatic display of reactions in your blog posts, check the boxes next to Show reactions button and Show reactions count options.

By default, the plugin allows registered and logged in users to react. You can change that by unchecking the box next to ‘Users must be registered and logged in to add reaction’ option.

After that click on the Save changes button to store your plugin settings.

You can now visit your website to see the plugin in action.

Facebook type Reactions in WordPress

If you only want to show reactions on selected posts and pages, then you need to disable automatic display by unchecking the first two options in the plugin settings.

After that, you can use the [reactions] shortcode in your posts and pages where you want to display reactions.

That’s all, we hope this article helped you add Facebook like reactions to your WordPress blog posts. You may also want to see our guide on adding a post rating system in WordPress.

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



Source link