How to Help Gutenberg Become a Success

Some fists, bumping.

As practically everyone connected with WordPress knows, Gutenberg has been big news in 2018. While it hasn’t been met with universal adulation, the project is still moving forward. This means it needs the community to pull together, in order to ensure its success.

There are plenty of ways to contribute to Gutenberg, including fixing bugs and implementing specific features. Gutenberg also interacts with various WordPress elements (specifically other plugins), and those all need to be assessed for compatibility. Fortunately, the Gutenberg Plugin Compatibility Database presents an easy way to do this.

In this post, we’ll outline the history of the Gutenberg project and its goals. Then, we’ll look at some ways you can help make this project another WordPress success. Let’s get started!

A History of the Gutenberg Project

The Gutenberg plugin has been one of 2018’s biggest talking points.

Before we look at how you can help with the project, it’s worth discussing its history. In its current incarnation, WordPress uses the TinyMCE editor for writing posts and pages. This editor is a mainstay of the platform, although its implementation made a poor first impression – especially when compared to the rich post and page layout tools offered in rival platforms (such as Squarespace and Medium).

The Gutenberg project (and the associated plugin) was created with this in mind. The tag line is that Gutenberg is “more than an editor”, mainly due to the way it helps users create layouts. The focus is now on content ‘blocks’. This system combines a number of existing WordPress elements – such as shortcodes, widgets, custom post types, theme options, and more – to create simplified content structures that practically anyone can understand.

For example, imagine a block that populates an ‘Author Bio’ page with content such as a profile image, short description, website link, and various other author-specific information. By using a dedicated block, all of this data can be added with one drag of the mouse. It’s a simple concept in theory, but very powerful under the hood.

Of course, the Gutenberg plugin has had a number of teething troubles while in beta. These have been pointed out by many members of the WordPress community, as you can see from the plugin’s reviews. However, the goal is still to merge Gutenberg into core by WordPress 5.0, so the priority for the community as a whole is to make sure the implementation is as smooth as possible.

How to Help Gutenberg Become a Success

The primary way to assist with the Gutenberg project is to get directly involved in developing the plugin. If you have JavaScript knowledge, and especially if you have experience with Node.js, you may want to get your hands dirty and fork Gutenberg on GitHub. However, you can also get involved with bug fixing, which offers less scope for feature implementation but is no less vital to the success of the project.

There’s one other big way to help get Gutenberg ready. Gutenberg is a significant feature, which is likely to interact with many other plugins. Testing every existing WordPress plugin, therefore, will be just as key for a smooth implementation as developing the core code. That’s where the Gutenberg Plugin Compatibility Database comes into play.

An Introduction to the Gutenberg Plugin Compatibility Database

The Gutenberg Plugin Compatibility Database main screen.

An undertaking as big as trying to make sure all WordPress plugins are compatible with Gutenberg is enough to drive anyone insane. The Gutenberg Plugin Compatibility Database project – created by Daniel Bachhuber – is an attempt to organize (and administer to) the task. At present, there are around 4,000 to 5,000 plugins that need verifying for compatibility, and as the screenshot above shows, we’re only 25% of the way through the entire database.

However, carrying out a test takes only a minute or so per plugin. Therefore, if enough users contribute just a small amount of time to testing, the project will near completion at a far quicker rate.

For a plugin to be Gutenberg “compatible”, it needs to meet two main criteria:

  1. It must contain a feature that can be used within Gutenberg. For example, a plugin-specific Add Media button is considered Gutenberg-compatible when it has a block registered within Gutenberg.
  2. It must not contain clear errors when the WordPress plugin and Gutenberg are both active.

For those subscribing to the Five For The Future initiative, testing plugins is a great way to help a crucial WordPress project. If you’d like to contribute, the GitHub page has a lot more detailed information on the compatibility efforts as a whole.

How to Use the Gutenberg Plugin Compatibility Database

The Gutenberg Compatibility Database is relatively simple to use. This is good news, considering the amount of work the Gutenberg project still requires. Since the project is hosted at GitHub, you’ll (of course) need to have an active account. You’ll also have to be accepted into the project. Once you’ve received confirmation and your credentials, you can log in.

Your first step should be to go through the Gutenberg Plugin Compatibility README. This document outlines the history and goals of the project, along with how to actually begin testing. Once you’re ready, you’ll need to carry out the following steps:

  1. Create a testing environment via the given link (hosted at WP Sandbox).
  2. Click the Open Editor button on the next page to head to your sandbox environment, which contains a plugin and Gutenberg installation.
  3. Manually evaluate compatibility by first checking WordPress’ classic editor for any plugin-specific functionality, then checking to see if you can perform the same task within Gutenberg.
  4. Record your findings via the Edit Plugin page within the database.

There’s also an official walkthrough video covering the process. This is also a handy resource to send to others, and quickly demonstrate how easy the project is to join:

If you can spare the time to test a number of plugins (and not just your own), the project would love to hear from you. The more users who contribute their talents productively, the more of a success Gutenberg is likely to be.

Conclusion

Despite the misgivings from certain areas of the WordPress community, Gutenberg is here to stay and will likely be merged into core before the end of the year. It’s necessary, therefore, that the entire community helps to make the project a success, given that it’s going to become central to how all WordPress users create posts and pages.

Of course, working on the project’s core code is the most direct way to enhance the project, but there’s also another facet of Gutenberg to consider – compatibility with other plugins. The Gutenberg Plugin Compatibility Database is easy to use, and once you’ve signed up, running through a plugin test only takes about a minute.

Do you have any questions about how to test plugins in Gutenberg? Let us know in the comment section below!

Featured image: mohamed_hassan.

John Hughes

John is a blogging addict, WordPress fanatic, and a staff writer for WordCandy.

The post How to Help Gutenberg Become a Success appeared first on Torque.

Read Full Article Here

Matt Mullenweg Delivers WordCamp Europe 2018 Keynote

Matt Mullenweg Delivers WordCamp Europe 2018 Keynote

Co-founder of WordPress Matt Mullenweg took the stage in Belgrade to give a mid-year update on where the CMS has been and where it is going. He referred to this as a “summertime update.”

Over the past six years, Mullenweg has held a Town Hall during WordCamp Europe, but this year he decided to present what has been happening since WordCamp US in December, and what will happen in the coming months.

He began by announcing St. Louis will be the 2019-2020 WCUS location, then he moved onto his updates.

Core

There have been six core releases since WCUS. Customization was improved by turning widgets to blocks. The WP-CLI saw two new releases, and we can expect version 2.0 in July, which will show better packing for dependencies.

The REST API was a huge focus this year because Gutenberg is built on it. The core team improved Gutenberg groundwork, autosaves, and search, getting it ready for the eventual Gutenberg merge.

Mobile apps have had a huge few months. There has been improved RTL and according to Mullenweg, mobile apps are one of the most accessible ways to interact with WordPress today and in the future. In just the last month, 1.3 million posts and 3.7 million photos have been posted via mobile apps.

Gutenberg

One of the biggest updates was centered around Gutenberg. There have been 30 releases of Gutenberg since its inception and 12 since December. 1,764 issues have been opened and 1,115 have been closed in that time, and 14,000 sites are currently using it.

The major features we’ve seen so far are block-based writing experiences, it is fully adaptive across all devices, optimized for direct manipulation of content, block API with support of static and dynamic blocks and more.

One of the things Mullenweg himself was most excited about the copy and paste feature. Previously it’s been very difficult to make something that has been copied and pasted into WordPress look good. Now, copy and paste is fully supported from places like Microsoft Word, Office 365, Evernote, random web pages, Google docs, and more with Gutenberg.

Mullenweg also touched on how Gutenberg is moving forward.

During the month of June, there will be new features in Gutenberg. The core team will encourage hosts, agencies, and teachers to opt-in sites they have influence over, and there will be an opt-in available for wp-admin users on wp.com. Key data and information will be gathered from these users. Lastly, mobile app support for Gutenberg will be enhanced in iOS and Android.

The next phase of Gutenberg will happen in July with the next release. With that, there will be a strong invitation to either install Gutenberg or opt for the Classic Editor plugin. Instead of an opt-in option for wp.com, there will be an opt-out. The team will pay attention to who opts out and why. There will be heavy triage and bug gardening that will try to get the blockers to zero. July will also see an exploration of expanding Gutenberg beyond just the post and into site customization.

August is the hopeful release of 5.0, though Mullenweg couldn’t guarantee a date, this seems like the most likely. At this time, all critical issues will be resolved, there will be integration with Calypso. Mullenweg is hoping to get 100,000 sites and 250,000 posts using Gutenberg by that time, and of course Gutenberg merge with core.

Moving Forward

The presentation ended with a Q&A section. Many members of the audience stood up and asked questions.

Being in Europe there was little chance GDPR wouldn’t come up. One attendee expressed his concern over not having a WordPress representative in meetings with decision-makers working on the online data and privacy laws. Mullenweg lightened the mood by first asking the attendee if he would accept a cookie, and handing him one. He then admitted that though there are members of the open web at these meetings, there isn’t official WordPress representation. Instead, he suggested hammering out a WordPress policy on the matter then seeing how the community feels about it.

When asked what problem Mullenweg is trying to solve with Gutenberg he responded with what he sees for the future of the platform itself.

“The foundation of WordPress that is now served us well for 15 years will not last for the next 15. When WordPress started, there was barely any Javascript in the entire application. Gutenberg not only provides a modern interface, it leapfrogs the best of what all modern web builders are doing out there,” he said.

Emily Schiola is the Editor of Torque. She loves good beer, bad movies, and cats.

The post Matt Mullenweg Delivers WordCamp Europe 2018 Keynote appeared first on Torque.



Read Full Article Here

Torque Toons: Git Clippy

Torque Toons: Git Clippy

The biggest story in tech this week is Microsoft’s acquisition of GitHub for $7.5 billion. How do you think it will change the platform?

Don’t forget to check out our other editorial toons!

Doctor Popular is an artist and musician living in San Francisco. As a full disclaimer, he is neither a doctor nor popular.

The post Torque Toons: Git Clippy appeared first on Torque.



Read Full Article Here

BuddyPress 3.1.0 Maintenance Release

BuddyPress 2.9.2 Security and Maintenance Release

BuddyPress 3.1.0 is now available. This is a maintenance release that fixes 23 bugs and is a recommended upgrade for all BuddyPress installations.

For more information, see the 3.1.0 milestone on BuddyPress Trac.

Update to BuddyPress 3.1.0 today in your WordPress Dashboard, or by downloading from the wordpress.org plugin repository.

Questions or comments? Check out the 3.1.0 changelog, or stop by our support forums or Trac.

Read Full Article Here

CSS for Beginners: The CSS Box Model and How to Use it Correctly

CSS for Beginners: The CSS Box Model and How to Use it Correctly

When you run your own WordPress website, it’s only natural to want to gain more control over its design and functionality. One of the best ways to make sweeping changes to a site’s looks is CSS. With proficiency in CSS, you can change anything from the page layout over colors to fonts and background images.

One of the most basic concepts to learn for this is the CSS box model. It’s a fundamental principle of web design. Understanding it enables you to almost endlessly customize your site’s layout to your desire.

In this post for beginners, we will explain to you what the CSS box model is and how it works. We will first go over it theoretically and then work through a number of practical examples to make it even clearer.

So, put on your web designer hat and let’s get going.

The CSS Box Model – How It Works

As a first step, let’s dive into the idea behind the CSS box model.

Boxes – Boxes Everywhere!

The first thing you need to understand to effectively use CSS is that everything you see on a web page is made up of rectangles. Any website you look at is nothing but rectangular boxes arranged next to, on top of, below and nested within each other.

Header? Rectangle. Sidebar? Rectangle. Featured image? Also a rectangle. Of course, we don’t usually call them rectangles but HTML elements instead. And there are different kinds of those.

Block vs Inline Elements

HTML elements come in two different varieties: inline and block elements. They have some striking differences that also have an impact on the usage of the CSS box model.

One of the main features of block elements is that they take up the entire space of the container they are placed in. Unless otherwise instructed (meaning via CSS), they will stretch out to occupy however much space is available, moving any other elements below them.

This blockquote is an example for a block element. I have added a background color so you can see that it stretches across the entire screen and not just the area where the text appears.

In addition to that, block elements can contain other block or inline elements and will automatically adjust their height to fit their content. Examples of them are heading tags, div boxes, paragraphs, and lists. You can find a full list here.

Inline elements are actually something that, as a WordPress user, you are likely deeply familiar with, even if you are not aware of it. When you create content and set text to bold or italic, the WordPress editor adds <strong>...</strong> or <em>...</em> around it to achieve these effects.

Just click on the Text tab of the editor to look at the code of your content and you will see it.

In contrast, to block elements, inline elements take up only as much space as they need. They also don’t move to a new line or push other elements below them. You can find more information about them in this place.

However, because of these behaviors, much of the CSS box model only applies to block elements. You will soon understand why.

So, What is this CSS Box Model Already!?

What you might not know is that whenever you create an HTML element, it basically comes with a box wrapped around it. This box consists of different layers that you can manipulate independently via CSS. Doing so allows you to arrange elements in relation to one another and style them in many ways.

Here’s what these layers are made up of:

  • Width — The width of the content area of an element. For block elements, this is by default 100%. For inline elements, it however much space their content needs.
  • Height — As you can imagine, this denotes an element’s height. It is usually controlled by the content inside it but you can also apply a specific height if needed. Again, this only works for block elements.
  • Border — Borders run around every HTML element, even if you don’t see them. They can take on different sizes, styles, and colors. More on that below.
  • Padding — This signifies the space between an element’s border and the content within. This is important, for example, so text inside an HTML element remains readable.
  • Margin — Finally, margin denotes the space outside of the border. It effectively controls the space between different elements and is very important for page layout, positioning and spacing.

And that, in effect, is the CSS box model. It becomes even clearer when you look at it in a diagram:

css box model

Since each of the layers above also has a corresponding CSS property, the box model represents the most basic ways to determine the size, position and look of an HTML element. As a consequence, it allows you to change a lot about you web pages. Let’s look at some examples to see how that works.

How to Use the CSS Box Model – Examples

To help you understand the theory of the box model in practical terms, I have created an example page with a block element in it.

<!DOCTYPE html>

<html>

  <head>
    <title>Example Site for CSS Box Model</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

  <body>
    
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</body> </html>

It’s basically an HTML document with some sample text inside a div box. In the browser, it looks like this:

css box model example site

Note that I have also given the box some background color so you can see where it stretches on the screen. This will make it easier to understand the upcoming changes. So far, the corresponding CSS this:

.example-element {
	background-color: deepskyblue;
}

Now let’s make some changes to it.

Changing the Width

The first thing we will do is declare a width. As mentioned, right now it is automatically set to 100%. If I want to change that, I need to deal with the width property.

We have several ways of setting it. You can use a fixed width like pixels or a proportional value like percentages. The latter is really important for things like responsive design. However, for simplicity’s sake, I will go with pixels.

So, I add this here to my style sheet:

.example-element {
	background-color: deepskyblue;
	width: 300px;
}

When I now reload the page, my example looks like this:

css box model apply width

You will quickly notice how the div box is now limited in how far it stretches to the right. You can also see that it’s height adjusted automatically to make room for the text it contains. Let’s increase that further.

Increasing the Element’s Height via CSS

While the content fits neatly within the rectangle, there are good reasons to further increase the height. For example, what if I want the element to be a perfect square? I can easily achieve this with the width property, which is next in our CSS box model.

For height, we have the same possibility as for width. You can go for fixed values or proportions. Me, I am adding this here to my style sheet:

.example-element {
	background-color: deepskyblue;
	height: 300px;
	width: 300px;
}

As a consequence, my example page now looks like this:

css box model apply height

As you can see, the element has taken on the desired shape because width and height are now the same value.

Introducing a Border

Next, I want to change the border. As mentioned, the border is already there, you just can’t see it. Time to change that via the border property.

What’s important to know about this operator is that it takes three values: border width, style, and color. Width is the thickness of the border (usually in pixels), style can be solid, dashed, dotted and a whole lot of other things and color is either a declaration like “red” or the hex value of a color.

Theoretically, it’s enough to only define the border width. However, most of the time you achieve better results setting all three values. Here is what I went with:

.example-element {
	background-color: deepskyblue;
	border: 15px solid blue;
	height: 300px;
	width: 300px;
}

And that’s how it shows up on the web page:

css box model apply border

Looks awesome, right? I know, I’m quite the designer.

Be aware, that you can also set different types of borders on different sides of an element via border-top, border-right, border-bottom and border-left.

Putting in Some Padding

Looking at the example, one of the main things that stands out is that the text is bordering directly on the side of the element. That makes it very hard to read and is far from pleasant to look at. Luckily, we can change that via the padding rule. Here’s how I am using it in my example:

.example-element {
	background-color: deepskyblue;
	border: 15px solid blue;
	height: 300px;
	padding: 16px;
	width: 300px;
}

And this is the effect of the code:

css box model apply padding

Much better, isn’t it? All because I introduced some padding on all sides of the element.

Be aware, however, that, just like for border, it’s also possible to set different padding values on different sides of an element. For that, use padding-top, padding-right, padding-bottom and padding-left.

You can also go with a shorthand like padding: 10px 5px 15px 10px;. The numbers denote the padding at the top, right, bottom and left respectively.

Padding is also one of the few properties on this list that can also be applied to inline elements. However, you run the risk of the top and bottom padding encroaching into other elements, so be careful.

Adding a Margin

Finally, we are getting to margin. As mentioned, this determines the space outside of an element, influencing its position on the page and in relation to other elements.

To make this clearer, I am adding the following to my style sheet:

.example-element {
	background-color: deepskyblue;
	border: 15px solid blue;
	height: 300px;
	margin: 25px;
	padding: 16px;
	width: 300px;
}

Here’s how that manifests:

adding margins

As you can see, doing so has moved the elements away from the sides of the page. However, I have set it up in a way that the margin extends all around the element. You can see this even better if I copy my div box and input it into the page a second time and how the boxes relate to each other.

css box model adding a margin and second element

Right now I have an equal margin on every side. However, again, it’s also possible to define different values for different directions. This works exactly the same way as for padding. You can either use margin-top, margin-left etc. or the shorthand.

Margin also partially applies to inline elements, however, only the sides, not on top or bottom.

A Quick Note on Element Sizes

When it comes to element sizes, it’s important to note that all parts of the CSS box model contribute to it. So, if you set an element’s width to 200px that only applies to the content area.

Any border, padding and margin will also contribute to the absolute horizontal size of the element. The same is true for the height. Here, too, all layers of the box model add up.

There are ways to get around this, such as setting box-sizing to border-box for an element. In that case, defining width will include the border and everything inside will automatically adjust to fit inside those confinements.

css box model box sizing

However, margin still contributes to the overall size of the element. Just keep this in mind when working with your page layout. More information on box-sizing here.

Wrapping Up

And there you have it, the basics of the CSS box model. Learning the above will help you a lot with understanding how websites work. Doing so makes it much easier to manipulate your design to whatever you want and change the layout of your web pages.

It’s also a great springboard to learn more CSS. Once have mastered the above, it’s very easy to keep going and acquire more knowledge about how to make changes to your site. Very soon, you will find yourself building your own custom themes.

What is another basic CSS concept your think everyone should learn? Let us know in the comments section below!

Nick Schäferhoff is an entrepreneur, online marketer, and professional blogger from Germany. He found WordPress when he needed a website for his first business and instantly fell in love. When not building websites, creating content or helping his clients improve their online business, he can most often be found at the gym, the dojo or traveling the world with his wife. If you want to get in touch with him, you can do so via Twitter or through his website.

The post CSS for Beginners: The CSS Box Model and How to Use it Correctly appeared first on Torque.



Read Full Article Here

Community Spotlight: James Huff (MacManX)

Community Spotlight: James Huff (MacManX)

Providing support on the WordPress.org forums is one of the easiest ways to contribute to WordPress and those who do are some of the unsung heroes of the project. One of those heroes is James Huff known as MacManX on the forums.

Huff has been supporting users for 13 years and recently celebrated an awesome milestone reaching 50K replies.

In this spotlight, we learn what drives Huff to provide support, what he’s learned, and what users can do to improve the likelihood a support request will be resolved.

What drives your desire to help people with WordPress on the support forums?

I like helping people succeed with WordPress. It’s kind of a legacy for me, because you never know if solving one blocker will lead to a life-changing site or service. If anything, I hope I made a few days better for a few folks.

Any trends or common issues you’ve noticed in the past few months/years?

Nothing out of the ordinary. Plugin and theme conflicts will always be the most common.

What tips or suggestions do you have for users to increase the likelihood of solving their problem?

Try the Health Check plugin first, its Troubleshooting Mode is great!

What lessons have you learned by providing support in the forums?

I learned about almost everything I have done to customize my sites first by helping someone else do it. Overall, I have learned quite a bit about WordPress just by helping other people.

To learn more about James and how he got involved with supporting the WordPress community, watch this presentation by Andrea Middleton from WordCamp Seattle 2017.



Read Full Article Here

Torque Toons: Guten Intolerant

Torque Toons: Guten Intolerant

Will you use the new “try Gutenberg” feature when WordPress 4.9.7 comes out?

Don’t forget to check out our other editorial toons!

Doctor Popular is an artist and musician living in San Francisco. As a full disclaimer, he is neither a doctor nor popular.

The post Torque Toons: Guten Intolerant appeared first on Torque.



Read Full Article Here

How to Boost Conversions on Your Site Right Now

How to Boost Conversions on Your Site Right Now

It doesn’t matter how much traffic your website brings, if no one is converting, you’re not generating sales.

That’s why it’s important to take conversions seriously and continuously tweak your campaigns to optimize for the actions you want your users to take. Whether it’s giving you their email address or completing a sale, every website owner should have a goal in mind.

Today we are going to take a look at some of the best strategies for boosting your site’s conversion rates so that you can manage a website that not only draws in a lot of traffic but also boasts conversion rates that others can only hope for.

Regularly A/B Test

You will never know what works and what needs improvement on your website if you don’t test it. For instance, EczemaCompany.com saw a 158 percent increase in conversions by using OptinMonster to split test their opt-in forms.

Their first mobile opt-in form did well in converting 6.35 percent of mobile visitors.

But their second form did even better, converting 13.76 percent of mobile visitors!

So what did they do differently? In this case, EczemaCompany.com A/B tested a regular opt-in form against one with a 2-step signup. The reason many 2-step signup forms are successful is thanks to the Zeigarnik Effect, which simply says that people are more likely to complete an action if they started it. Therefore, visitors are more likely to sign up for your form if they were the one that clicked on the button.

Here are some of the most common things you can A/B test on your website that can help increase conversions rates:

  • Headlines. The headline is what grabs people’s attention, the written content afterward is what keeps them engaged. You can use a tool like Optimizely to start testing different blog headlines easily.
  • Page Layout and Navigation. Your site visitors want to be able to skim your pages to see if there is something valuable there for them. They also want to be able to navigate your site easily to find exactly what they are looking for. Use a tool like Instapage to test different layouts and image placements to see what pushes site visitors down your sales funnel to the end, or what entices people to sign up for your email marketing list.
  • CTAs. Calls to action are the crux of your conversion rates. You can use a tool like OptinMonster to A/B test different opt-in forms, button colors, sticky headers, and incentives to see what inspires visitors to convert the most. For example, HubSpot found that a red button outperformed a green button by 21%.

Make sure you split test on your website regularly. You will never achieve perfection, and there is always room for improvement. But by consistently A/B testing, you can quickly learn what your site visitors like, and don’t like, on your website.

Provide Social Proof

Whether you are hoping to get site visitors to buy your latest product, or subscribe to your email list so they can receive free access to online tutorials, you must prove that what you offer is worth it.

Take a look at these great ways to offer social proof on your website as evidence that you are an authority in your industry, offer something valuable to your customers, and can be trusted when you make claims that you are number one:

Testimonials

Testimonials, such as the ones left by satisfied Decadent Cakes customers, are a great way to show others thinking about converting that what you say about your company is true.

After all, no company is going to claim they are second best, mediocre, or not that valuable. But actual customers will be truthful about their experiences with your brand and are often willing to share those positive experiences with others.

Reviews

Don’t stop at customer testimonials. Keep going and provide third-party reviews that highlight the benefits of what you have to offer.

Were you mentioned in another article as being the top choice in your industry? Share that information with prospective customers.

In addition, anytime your product or service is used by a big name brand, make sure to share that with potential customers as well. This kind of social proof helps you establish authority and makes you stand out from the rest of the competition.

Case Studies

Case studies are an exceptional way to show others that what you do is actually working in real life with real customers. Craft well-written, authoritative case studies based on solid facts. That way there is no disputing that what you offer works.

As seen above, HubSpot does a great job of showcasing case studies for those looking for a little more proof.

Share the Numbers

Though social proof is often geared towards those trying to sell something to customers, you can utilize social proof to boost opt-ins as well. Include statistics showing how many people have subscribed, liked, or followed you. If everyone else is doing it, new visitors will be more apt to join in.

For instance, Men with Pens not only includes testimonials on its website to gain authority, it shows you just how many people have subscribed, and thus benefited, from what they have to offer.

In the end, showing site visitors that what you say about your brand is true is only going to shed a positive light on your business. Plus, it makes you more trustworthy, which is what customers are looking for.

Identifying where your website lacks in terms of conversion optimization is the first step to boosting conversions rates. Once you’ve done that, try implementing some of the above strategies into your optimization efforts and see how visitor behavior changes.

You might be surprised how one little change can have a major impact on site visitor subscribe rates and purchases.

Syed Balkhi is an award-winning entrepreneur and online marketing expert. He is the co-founder of WPBeginnerOptinMonsterWPForms, andMonsterInsights.

The post How to Boost Conversions on Your Site Right Now appeared first on Torque.

Read Full Article Here