Tag - Easy

How to Detect AdBlock Users in WordPress (3 Easy Ways)


Do you want to detect AdBlock users in WordPress and show them targeted messages?

Adblock Plus is a popular software which blocks advertisements on the internet. It is available as an add-on for all top browsers, mobile apps, and even as a dedicated browser.

Now the problem is that most bloggers rely on the ad revenue to support their website. Software like AdBlock plus hurt their revenue potential and ultimately their plans to grow their business.

In this article, we will show you how to detect Adblock users in WordPress and share ways to bypass the Adblock software.

Detect and bypass AdBlock users in WordPress

What is AdBlock and How it Hurts Website Owners?

Adblock Plus and other adblocking software allow users to automatically detect and block advertisement on websites.

While Adblock brings a cherished ad-free experience to users, it can hurt bloggers and website owners who rely solely on ad revenues.

Research published by Global Web Index shows that adblocker usage has increased over the past few years.

Nearly 47% of internet users have some kind of adblocking software installed on their devices.

Adblock usage study

Adblocking on mobile devices has increased many folds and is now higher than desktop computers.

Another research conducted by Ovum estimates that publishers will lose $32 Billion to Adblock software by the year 2020.

This is a serious problem affecting many websites particularly blogs that rely on advertisements as their primary source of revenue.

What should you do about Adblock as a publisher?

There are several measures that website owners have taken in this regard.

1. The Do-Nothing Approach

As the title says, you do nothing about the users with Adblock. You simply learn to live with the loss of revenue for the sake of happy users.

2. Passive Approach

You can nicely ask your users to whitelist your website with a promise of quality content and non-obtrusive ads. There is no way to know how effective such an appeal would be.

Another alternative is to create a membership website with paid subscription plans. You can promote paid plans as an ad-free experience with additional content and features.

Reddit is a great example of this approach with its ad-free Reddit Premium plan.

Reddit premium

3. Aggressive Approach

In this approach, you simply block access to your website for all users with AdBlock enabled. If they want to view your content, then they must disable AdBlock.

AdBlock wall on Forbes

This kind of anti Adblock approach is rather aggressive, and it will turn away users from your site. Studies show that 77% of Adblock users leave websites with Adblock walls.

It’s best to use the passive approach that we mentioned above.

How to Detect AdBlock Users in WordPress

Before you can request users to whitelist and support your website, you need to be able to detect the AdBlock users. Fortunately, there are plenty of ways to do that in WordPress.

We will show you a few different methods, and you can choose the one that best suits you.

1. Detect and Target AdBlock Users with OptinMonster

OptinMonster is the best lead generation software in the market. It helps you convert website visitors into subscribers and customers.

OptinMonster comes with a built-in ad blocking detector which allows you to show targeted campaigns to users with ad-blocking software installed on their devices. This includes popular software like AdBlock, AdBlock Plus, and uBlock Origin.

First you will need to sign up for an OptinMonster account. You’ll need at least their Growth plan to access the AdBlock targeting.

Once you have signed up, you can head over to your WordPress site to install and activate the OptinMonster plugin. For more details, see our step by step guide on how to install a WordPress plugin.

This plugin acts as a connector between your website and OptinMonster.

Upon activation, you need to click on the OptinMonster icon in your WordPress admin bar. You’ll be asked to connect your OptinMonster account authorizing your website or entering an API key.

OptinMonster API key

After authorizing OptinMonster, click on the ‘Create new campaign’ button at the top.

Create new campaign

This will take you to the OptinMonster website.

First, you will need to choose a campaign type. If you want to take the passive approach, then you can use the lightbox popup campaign type. On the other hand, if you want to aggressively lockout AdBlock users, then you can use the Fullscreen campaign type.

Choose a campaign type

Next, you need to choose a template for your campaign. For this tutorial, we are using the ‘Target’ theme, but you can choose a different template if you want.

Choose template

Now you will be asked to choose a title for your campaign. After that, you will be redirected to the OptinMonster’s campaign designer.

From here, you need to change your optin view to the ‘Yes/No’ view by clicking on the buton at the top and then turning on ‘Display Yes/No view’.

Enable Yes / No view

After that, you need to simply point on any element in the optin preview to edit it. You can click on the text to add your own copy.

Change campaign text

Next, you need to click on the yes and no buttons to edit their text. We have changed the yes button to ‘I have disabled AdBlock’ and the no button to ‘I will think about it’.

After that, you need to click on the ‘Display Rules’ tab. Under the first rule, you need to select ‘user has adblock enabled’.

Enable adblock detection rule

After that, make sure that the current URL path is set to every page. This will display the popup on all pages of your website.

Display popup on everypage

Click on the ‘Next step’ button to continue.

Now you’ll be asked to select the default view. Make sure that it is set to Yes/No view and then click on the ‘Next Step’ button.

Select view for your campaign

Your Adblock campaign is almost ready. Let’s publish it to make it available on your website.

Switch to the ‘Publish’ tab in the builder and change the status option to live.

Publish your Adblock tracking campaign

You can now save your campaign to store your changes.

Next, switch back to your WordPress admin area and click on the OptinMonster menu from the admin sidebar. You’ll see your new Adblocker tracking popup under ‘Campaigns’ tab. If you don’t see it, then click on the ‘Refresh campaigns’ button.

OptinMonster campaigns

Make sure that the campaign status is set to live.

That’s all, your Adblocker campaign is now live on your WordPress website.

You can test out your campaign by installing the AdBlock extension in your browser and visiting your website. You will see a popup asking users to support your website by disabling AdBlock.

AdBlock detector popup

For an aggressive approach, you may want to see this guide on how to lock out AdBlock users with OptinMonster’s AdBlock targeting feature. This will allow you to block adblock users from viewing your content until they disable adblock software.

AdBlock lockout

2. Target AdBlock Users with AdSanity Plugin

AdSanity is one of the best ad management plugins for WordPress. It has a paid ‘Adblock Detection’ add-on that allows you to detect users with ad blocking software and restrict their access to your website until they disable ad blocking.

First, you need to install and activate the AdSanity plugin. After that you need to install and activate their Ad Block Detection add-on. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation of both plugins, you need to visit AdSanity » Settings page and click on the Add-Ons tab.

AdSanity Ad Block detection settings

AdSanity allows you to detect AdBlock on posts and pages. You can show a warning popup to AdBlock users with your custom message, or you can redirect them to a custom page.

Both methods are aggressive and would require users to disable AdBlock to continue browsing your site.

3. Detect AdBlock Users with deAdblocker

If you are looking for a free option that allows you to detect AdBlock users, then you can try this method.

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

Note: this plugin shows an outdated notice in WordPress, but we tested it, and it works just fine with the latest version.

Upon activation, head over to Settings » deAdblocker page to configure plugin settings.

deAdblocker settings

The plugin allows two methods to show a custom message to AdBlock users. You can either display a notification bar on the top of your website or show a lightbox popup.

Both options are dismissible, and users will be able to ignore the message to continue browsing your website.

Don’t forget to save your settings. You can now visit your website with AdBlock extension installed in your browser to test the plugin.

AdBlock popup

Tips on Mitigating Adblock Losses

Internet users are finding more ways to block ads across the internet. Fighting ad blocking software can be tiresome and an unending struggle to recover lost revenue.

One thing to consider is changing the way you make money on your website. Finding new ways to monetize your content will give you the freedom to rely less on ads and build a sustainable business in the long run.

Diversify Your Revenue Streams

Publishers are finding new ways to combat ad blocking and protect their earnings. At the same time, ad blocking software are getting better every day.

Research shows that privacy, security, and bad user experience are the most common complaints among AdBlock users. Publishers can address these complaints by adapting different monetization methods that address those issues.

1. Affiliate marketing

Affiliate marketing is one of the most common ways to earn money from your content. You can recommend products and services to your users and earn commission when users make a purchase using your affiliate link.

There are plenty of plugins and tools for affiliate marketers that will help you get started.

For more details, see our beginner’s guide to affiliate marketing.

2. Selling direct ads

Advertise page on Buzzfeed

If you are serving ads through a third-party advertising network like Google AdSense, then you have limited control on ads, privacy, and the CPC.

Selling ads directly to advertisers allows you to ensure privacy, limit tracking, and control what you get paid.

WordPress ad management plugins like AdSanity allow you to serve your own ads as well. You can use hosted images on your own websites for ads and easily bypass most adblocking software.

Tip: Don’t wrap your ads around HTML elements with CSS classes like ads, advertisement, promo, etc. This is how AdBlocking software detect and block ads.

3. Sponsored Content

Allow advertisers to sponsor content on your website. You can write content about their product or service, and you can even include an affiliate link to get referral commission. You can also accept user-submitted posts directly on your website.

4. Premium Content

Another helpful strategy used by many online publications is premium content. You can adapt a pay per view model, membership plans, sell online courses, or simply restrict pages to paid users.

Paywall on the Washington Post website

For more ways to diversify your website’s revenue, take a look at our guide on different ways to make money online from your website and easy to start new online business ideas.

We hope this article helped you learn how to detect and bypass AdBlock in WordPress. You may also want to see our guide on how to create an email newsletter or 10 marketing data that you must track on every website.

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



Source link

How to Get a Free Email Domain (5 Quick and Easy Methods)


Are you looking for a free email domain? The email domain is part of an email address that comes after the @ symbol.

It is really important to get an email domain for your business instead of using a generic Yahoo, Gmail, or Hotmail email address.

Customers and other business owners are reluctant to trust emails coming from a generic email account. A custom domain email address looks more professional and gives credibility to your business.

In this guide, we will show you few different ways to easily get a free email domain for your business.

Getting a free email domain for your business

What is an Email Domain? (Definition)

An email domain is the web address that comes after the @ symbol in an email address. For example, in an email like syed@companyname.com, “compnayname.com” is the email domain.

Email domains allow you to setup an email address with @company name using your own business / brand name.

You can either buy an email domain, or you can get a free email domain for your business when you create a website.

Since there are multiple ways to get a free email domain for your business, we have covered the best options in this guide:

  1. Bluehost
  2. HostGator
  3. DreamHost
  4. G Suite (Paid but better)
  5. Office 365 (Paid but better)

Ready? Let’s get started.

Method 1. Get Free Email Domain with Bluehost

Normally, a custom domain name would cost you $14.99 per year and email hosting services start from $9.88 per month (usually paid annually).

This is a significant amount of money specially when you are first starting a business website.

Luckily our friends at Bluehost has agreed to offer WPBeginner users free email domain with discounted hosting packages.

Basically, you will get a free email domain with a shared hosting plan and a free SSL certificate for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

Each account includes webmail, email forwarding, spam protection, and the ability to use any email client on your mobile phone or desktop to send or receive emails.

Here is to get your free email domain with Bluehost.

Step 1. Set up your free email domain

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

Bluehost get started

Next, you will see the pricing page where you’ll be asked to select a plan. Basic and Plus plans are popular among businesses looking for an email domain.

Click to select a plan, and you will be taken to the next step. From here, you will choose a free email domain name.

Select your free email domain

After that, click on the next button to continue.

Bluehost will now check the availability of the domain name you entered. If the domain name is unavailable, then it will show you some alternative options to choose from, or you can just enter a new domain name.

For tips on choosing a domain name, see our article on how to choose a domain name for your business.

After you have selected the domain name, you’ll need to enter your account information and finalize the plan details.

Package details

You’ll notice some optional extras on this page. You can safely uncheck them to keep your costs down.

Lastly, you need to enter your payment information to complete the purchase.

You will now receive an email with details on how to login to your account control panel. This is where you manage everything including email accounts and other settings.

Step 2. Adding email accounts to your domain

Once you log in to your account dashboard, click on the ‘Email & Office’ menu from the left column and then click on the ‘Manage’ button.

Manage email

This will bring you to an email account management area. From here you need to click on the ‘Create’ button to add a new email account.

Creating a new email account in Bluehost

Next, you need to enter the email address you want to use and then enter a password. Optionally, you can choose how much storage you want to allow.

Creating a new email account

After that, click on the create button to save your new email account.

Bluehost will now create your email account, and you will see a success message.

Step 3. Using your custom domain email with Bluehost

Now that you have created your first account on your email domain. Let’s start using it.

There are multiple ways to use your new email account.

1. Webmail

Bluehost provides a neat interface to manage your email under your account using your browser.

Simply go to Email & Office » Manage page and click on the Check Email link next to the account you just created.

Check email in Bluehost

You’ll be asked to select a default webmail app. They all work the same, but Roundcube has a cleaner interface.

2. Other Devices and Apps

You can also send/receive email using any email app like Outlook, Thunderbird, or another mail app on your phone or computer.

Simply head over to Email & Office » Manage page and then click on the ‘Connect Devices’ icon.

Connect devices

On the next page, you’ll see a list of all popular email apps and devices. Click on the app you want to connect, and you’ll see step by step instructions to connect your email client.

Mail clients

Below the list, you’ll also find manual settings to connect any other device or app that is not already listed.

Manual mail settings

3. Use it with Gmail

Gmail not only allows you to send and receive emails to your Google account, but you can also use it as a full-fledged email client to get all your email in one place.

You will be able to send emails using your custom domain email directly from your free Gmail account or mobile app.

Simply log in to your Gmail account and click on the Gear icon to select the Settings page. From here, switch to the ‘Accounts and Import’ tab.

Add mail account

Scroll down to the ‘Check mail from other accounts’ section and click on ‘Add a mail account’ link.

This will bring up a popup where you will need to add your custom domain email address. On the next screen, you will be asked to provide your account details.

Connecting Bluehost email to Gmail

Your username and password will be the complete email address you created earlier and its password. The POP server value will be your domain name with a mail prefix.

You must select ‘Always use a secure connection (SSL)…’ option and then change the port value to 995.

Click on the Add account button to save your settings.

Next, Gmail will ask you if you would want to use that account to send emails. Select ‘Yes’ and then click on the Next button.

Send email via Gmail

After that, you will be asked to provide a sender name. You can also choose to use this account as an alias.

Basically, an alias is useful when you own two email addresses. For example, an individual’s company email account.

Uncheck the alias box, if you want to keep the ownership of this account separate. For example, if it is your business’s departmental address like support@example.com or info@yourdomain.com.

Sender information

Click on the ‘Next Step’ button to continue.

Now, you will need to provide your server’s SMTP information. SMTP (Simple Mail Transfer Protocol) is the industry standard to securely send emails.

SMTP information

Your SMTP outgoing server will be mail.yourdomain.com (replace yourdomain.com with your actual email domain). After that use your complete email address as the user name and enter the email account’s password.

Click on the ‘Add account’ button to continue.

Gmail will now send a verification code to the email address. Since you have already added that email address, you will get the email directly in your Gmail inbox. Copy the code and enter it to complete the SMTP setup.

That’s all. You can now use your Gmail account to send and receive emails using your custom domain.

Method 2. Get Free Email Domain with HostGator

Another easy way to get a free email domain is by signing up for HostGator’s hosting plan. They are one of the top hosting companies in the world and offer excellent plans for startups and small businesses.

Our founder Syed Balkhi has been a loyal HostGator customer since 2007. In fact, WPBeginner is hosted on their enterprise dedicated server cluster (see our case study of how we made WPBeginner blazing fast).

HostGator is offering WPBeginner users an exclusive discount on WordPress hosting + a free domain name. Basically, you’ll be able to get started for just $2.64 per month.

→ Click Here to Start with HostGator ←

You get free unlimited custom domain email addresses with your account. It also includes webmail, email forwarding, and support to send/receive emails using any email client of your choice.

Step 1. Sign up for a HostGator account

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

HostGator get started

Next, you will be asked to select a plan. Hatchling and Baby plans are the most popular among beginners and small businesses.

Click to select a plan and continue.

Choose plan

After that, you will be asked to select a domain name. Simply enter the domain you want to register to see if it is available.

Select domain name

If the domain name is available, then you can click to select it.

Scroll down a little to enter your personal and billing information. After that, you’ll reach the additional services section. We don’t recommend choosing them at this point, and you can add them later if you really need them.

Skip Addons

You can now review your order details and click on the ‘Checkout Now’ button to complete the purchase.

You will now receive an email from HostGator with details on how to login to your hosting dashboard.

Step 2. Create an email acccount

Login to your HostGator hosting dashboard and click on the Email section and then select ‘Email Accounts’.

Manage email accounts in HostGator

On the next screen, you will be able to create a new email account by entering an email username and password.

Create email account

Click on the ‘Create Account’ button to save your new email account.

Step 3. Using your custom domain email account on HostGator

HostGator provides the same methods of sending and receiving email as Bluehost above.

1. Webmail

You can view and send emails directly from your HostGator dashboard. Simply visit the webmail by adding /webmail at the end of your website URL. For example, https://yourdomain.com/webmail

HostGator webmail login

Once on the page, enter your email address and password to login and start using your email account.

2. Send or receive email using other mail clients and apps

You can also access your custom domain email account using third-party mail apps on your computer and phone.

Here is the information you will need to set up email on different devices and email clients.

Pop3:

Username: Your full email address
Password: The password for the address you wish to access.
Mailserver/ Server Hostname: mail.yourdomain.com
Port: 995
SSL: SSL/TLS

SMTP:

Username: Your full email address.
Password: The password for the address you wish to access.
Mailserver/ Server Hostname: mail.yourdomain.com
Port: 465
SSL: SSL/TLS

You will also use the same settings to send or receive emails using Gmail.

Simply log in to your Gmail account and click on the settings button. After that switch to the ‘Accounts and forwarding’ tab and click on ‘Add a mail account link’ next to the ‘Check mail from other accounts’ option.

Add mail account

This will bring up a popup, where you need to follow the on-screen instructions to add your account.

Method 3: Get Free Email Domain with DreamHost

Another easy way to get a free email domain is by signing up with DreamHost. They offer a free domain with all their shared hosting plans.

On top of that, they have agreed to offer WPBeginner users up to 47% discount + free SSL certificate. Your account comes with unlimited email accounts using your own domain name.

→ Click here to start with Dreamhost ←

Follow the instructions below to set up your free email domain with DreamHost.

Step 1. Sign up for a DreamHost account

First, you need to visit the DreamHost website and select a hosting plan.

Select your DreamHost plan

Next, you will be asked to register a domain name. Simply enter a domain name to see if it is available. If it is, then you can continue or look for another domain name.

Register your domain name

After that, you need to complete your purchase by entering account and payment information. Don’t forget to uncheck the additional options at left or at the bottom to reduce your costs.

Enter billing details

You can now review your selection and click on the submit order button to finish the purchase.

DreamHost will now send you an email with your login details.

Step 2. Create your custom domain business email

First, you need to login to your DreamHost hosting panel. From here, click on the Mail menu from the left and then click on the ‘Create New Email Address’ button.

Create new email account

After that, you need to provide a username and password you want to use and then click on the create button to save add your account.

Your custom domain name email account is now ready to be used.

Step 3. Using your custom domain email account

You can use your newly created custom domain email address through webmail or by using any of your favorite email clients.

1. Webmail

Dreamhost provides an easy to use and fully-functional webmail interface. You can check your email by simply adding webmail before your domain name. For example, webmail.yourdomain.com (replace yourdomain.com with your actual domain name).

Login to DreamHost webmail

You can login by entering the email address and the password you created earlier.

Dreamhost webmail UI

2. Access DreamHost custom domain email using third-party email apps

You can also use your email account with any third-party email clients and apps on your phone. DreamHost has extensive documentation for each individual email client.

Here is the information you’ll need to use your custom domain email with any mail app on your computer or phone.

POP3:

Mailserver: pop.dreamhost.com
Port: 995
username: Your complete email address
password: password for your email address

SMTP:

SMTP server: smtp.dreamhost.cocm
Port: 465
username: Your complete email address
password: password for your email address

Method 4: Create Custom Domain Email with G Suite (Paid Solution)

Email is crucial for the success of any business, which is why we recommend using G Suite.

G Suite is Google’s suite of applications for small businesses. It allows you to use the same Google apps like Gmail, Drive, Docs, Sheets, and Calendar, but with your own domain name.

You also get Google’s powerful spam filtering and security features for your business email. It is much easier to use and works on all your devices.

To get started, you need to visit the G Suite website and select a plan.

G Suite plan

Their basic plan starts from $6 per user per month with 30 GB of storage. You can also choose the business plan which starts from $12 per month per user and gives you unlimited storage.

Next, you will be asked to enter your company name, size, and country.

Company information

After that, you need to enter your contact information and click on the Next button.

This will bring you to the domain selection screen.

If you already have a domain name that you would like to use, then you can use that. Otherwise, go ahead and select ‘I’d like to buy a domain name’ option.

Buy domain name

You can now enter the domain name you want to register and click on the Next button. If your entered domain is available you will see its pricing.

Domain selection

Click on the next button to continue.

After that, you will enter your business information and payment details to finish the process.

G Suite account created

You can now click on the ‘Go to Set up’ button to start adding email accounts and users.

On the setup screen, you can create your first email account. After that, you can add more accounts for your employees or departments or just click on ‘I have added all user email addresses’ and click on the Next button.

Adding new users

That’s all you can now use your newly created email account in Gmail and use it with your own custom domain.

Sign in Gmail with your custom domain email

If you need more detailed instructions, then please see our guide on how to create a professional email with G Suite.

Most business owners do not buy an email domain from G Suite. Instead they start with the free email domain services offered by their web hosting companies and then later switch to G Suite when they can afford it.

We use G Suite for our business because it allows us to better data retention, easy file management, calendar, and tons of other useful apps to grow our business.

Method 5: Create Domain Email with Office 365 (Paid Solution)

Microsoft Office also provides its office suite called Office 365 with support for custom domain email. In terms of features and functionality, it is similar to G Suite.

Want to see compare both platforms, then see our comparison of G Suite vs Office 365 to find out how they stack up against each other.

Here is how you would set up your custom domain email with Office 365.

Step 1. Setting up Office 365 with custom domain email

First, you need to visit the Office 365 website and click on ‘Buy Now’ button under the plan you want to purchase.

Select a plan

This will bring you the Office 365 sign up page, where you will be first asked to provide an email address.

Office 365 signup

After this, you will be asked to provide your personal and business information.

Next, you will be asked to choose a domain name. Microsoft only provides a subdomain, and you will have to purchase and add a custom domain name separately.

Subdomain

Go ahead and enter a suitable subdomain for your business and click on the Next button.

After that, you will fill in your payment information to complete the sign up process.

Step 2. Add Custom Domain to Office 365

Microsoft does not provide domain registration service, which means you’ll need to separately buy a domain name or use an existing domain name to add in Office 365.

There are a number of domain registrars that sell domain names. We recommend using Domain.com as they are the best domain registrar on the market.

Simply visit the Domain.com website and look for the domain name you want to purchase. WPBeginner users can use our Domain.com coupon code to get additional discount.

Search domain name

If your selected domain name is available, then you can proceed to the billing and complete the purchase.

Complete domain registration

Now, let’s add this domain to Office 365.

Head over to your Office 365 admin dashboard and then click on Set up » Domains page.

Add domain to Office 365

Next, click on the ‘Add Domain’ button and then add the domain you purchased earlier.

After that, you will be asked to verify your ownership of that domain name and point it to work with Office 365.

Verify domain name

You will see some DNS records on screen which you need to add to your newly registered domain’s settings.

Switch back to the Domain.com and login to access your domain settings. Select your domain name and then click on the DNS and Nameservers menu.

Domain DNS Settings

First, you need to select TXT/SPF record and enter the value shown by Office 365.

Adding TXT record

Next, click on the ‘Add DNS’ button to save the settings.

After that, you need to switch to MX Records and add MX Records shown on Office 365 settings page.

Add MX record

Don’t forget to click on the ‘Add DNS’ button to store your changes.

That’s all, you have successfully added custom domain to your Office 365. If you are using some other domain registerar or need more details, then see the instructions in our guide on how to branded email address with Office 365.

Step 3. Create custom domain email addresses in Office 365

Now that you have added your email domain to Office 365, let’s create a custom business email address.

From your Office 365 dashboard, go to Users » Active Users and then click on Add a user button.

Add user in Office 365

On the next screen, you need to provide the user’s personal information and then choose an email address for them.

User information and email address

Don’t forget to click on the Add button to save user settings.

Step 4. Using your Office 365 custom domain email account

Microsoft offers a web version of their popular Outlook email software called Outlook.com. From here, you can simply log in using the email address you created earlier.

Sign in Outlook

Your Office 365 subscription also allows you to download Microsoft Office apps on your computer. This includes their popular Outlook email client.

Microsoft Outlook on Mac

You can also use your custom domain email address with Outlook app on your mobile phone.

If you would rather prefer to use another app, then your email address will work with just about any mail client and app without any special configuration.

Which is Truly The Best Free Email Domain Option?

We have shown you three free email domain solutions and two paid ones. All of them would work well for a small business, and even large enterprises.

Most small business owners start with a free custom email domain offered by their web hosting company. This option is extremely affordable because it’s included in a package deal when you build a website.

Companies like Bluehost, HostGator and Dreamhost, give you a free business email address with your own free domain when you use their hosting service to build a WordPress website.

As your business grows and you can afford the extra $6 per month, then you can use G Suite by Google. It gives you the familiar Google apps Gmail, Drive, Calendar, and more with your own business name. It is easy, secure, and comes with the best spam protection in the industry.

We use G Suite in our own business.

But remember, you don’t want to register your domain with G Suite because you likely want to build a website using that domain name too, and Google does not offer a website builder.

Instead you should register your domain name with a proper domain registrar like Domain.com or use a WordPress hosting company like Bluehost to get a domain and build a website.

And after that, you can use this custom domain in your G Suite settings, so you can retain full control over your domain at all times.

We hope this article helped you learn how to get a free email domain for your business. You may also want to see our guide on the best business phone service to help you manage all your business calls, and the best email marketing services to easily send bulk emails to improve communication with your users.

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 Get a Free Email Domain (5 Quick and Easy Methods) appeared first on WPBeginner.



Source link

17 Tested and Easy Ways to Grow Your Email List Faster


Are you looking for proven ways to grow your email list subscribers?

Often beginners simply install a sidebar optin form on their website and wait for users to subscribe. This results in slow subscriber growth.

For faster growth, you need to clearly communicate the value and offer your users multiple opportunities to join your email newsletter before they leave your site.

In this article, we will share our tested and proven ways to grow your email list that are easy to implement and drives huge results, fast.

Ways to quickly grow your email list

Getting Started

First, you need is to make sure that you are using a professional email marketing service.

Using the best email marketing company ensures that your emails don’t end up in the spam folder. It also provides you with the right set of tools to build and grow your email list.

We recommend using Constant Contact. It is one of the largest and most popular email marketing service provider in the world.

For complete step by step instructions, see our guide on how to start an email newsletter the right way.

Next, you will need OptinMonster. It is the best lead generation software in the world. It helps you convert abandoning website visitors into email subscribers.

Now that you have the best tools, let’s take a look at some of the most effective ways to grow your email list.

1. Use Multiple Sign up Forms

Use multiple optins

As we mentioned earlier that many beginners start with a simple newsletter signup form in their sidebar.

If you want to get more email subscribers, then you need multiple signup forms. This gives your users more opportunities to join your email list.

We recommend combining your sidebar sign up form with a sticky floating bar or a lightbox popup. These highly effective campaign types make your signup forms more noticeable.

Using OptinMonster’s Display Rules, you can set time and action based triggers, so your users don’t see all the optins at once.

For example, you can set a display rule to only show floating footer bar optin when the user has scrolled past the sidebar optin, and show a lightbox popup only when they’re about to leave.

2. Use an Exit-Intent Popup

Using an Exit-Intent popup

Exit-Intent® is an advanced technology built by OptinMonster that tracks your user’s mouse behavior and show them a targeted email signup form at the precise moment they are about to leave your website.

Think of it as On-site Retargeting.

You can use this technology in combination with full-screen welcome gates, lightbox popups, or other optin types to convert abandoning visitors into subscribers.

We use an exit-intent popup on WPBeginner, and it has helped increase our subscribers by 600%.

Michael Stelzner from Social Media Examiner used it to add over 250,000 new email subscribers.

3. Offer Content Upgrades

Offering content upgrades

Content Upgrade is a marketing technique where you offer users a chance to get exclusive bonus content by signing up to your email list.

For example:

  • If you run a podcast, then you can offer show notes + transcription as a content upgrade.
  • If you have a long form blog post, then you can offer a PDF downloadable version as a content upgrade
  • You can turn your blog posts into a checklist or cheat sheet and offer it as a content upgrade

Here are 30 other content upgrade ideas that you can use.

Human psychology plays an important role in the effectiveness of content upgrades. The psychology principle known as Zeigarnik Effect states that people are most likely to complete a task if they initiate it themselves.

Because when the user initiates (click to download the content upgrade), they are more likely to complete the task (subscribe to your list).

See our step by step guide on how to add content upgrades in WordPress to grow your email list.

4. Add Full or Partially Gated Content in WordPress

Gated content to boost email sign ups

Gated Content is the content on your website that can’t be accessed until the visitor enters their email address. You can use plugins to hide some of your content or hide the entire blog post until the user enters their email address.

In the old days, this used to have a negative impact on your SEO rankings. However with modern JavaScript based technology, this does not impact your SEO rankings.

Here’s a step by step guide on how to add content locking in WordPress.

5. Run Giveaway and Contests

Run giveaway and contests

An easy way to quickly get a lot of new followers and subscribers is by running viral giveaway or contest. You don’t need an expensive prize to launch a successful giveaway campaign.

Users can join your contest by providing their email address, social sharing, or following you on social media. This creates a snowball effect and helps you reach many new users.

We recommend using RafflePress, which is the best WordPress giveaway plugin on the market. It comes with a drag and drop giveaway builder with tons of social actions to make your campaign a success.

For details, see our guide on how to run a successful giveaway / contest in WordPress.

6. Create Multiple Lead Magnet Pages

Lead Magnet

Lead magnet (also known as opt-in bribe) is an incentive you offer to potential buyers in exchange for their contact information such as name, email, phone number, etc.

Your blog posts with locked content, content upgrades, and premium content all fall into the lead magnet category.

Lead magnets must offer additional value to your users. This could be an ebook, a resources newsletter, checklists, workbooks, etc. See these 69 highly effective lead magnet ideas for inspiration.

7. Use Discounts and Deals

Discounts and deals

Sometimes a discount or exclusive coupon is what encourages a customer to finally make a decision. However, why not use this opportunity to nudge them into joining your email list?

If you are using WooCommerce, then you can simply go to WooCommerce » Coupons page to create a coupon. After that, you can use OptinMonster’s ‘Success’ view to reveal the code after users enter their email address.

Success view to reveal discount code

8. Use Contact Form to Grow Your Email List

Contact form optin

Contact forms offer another great opportunity to ask for a user’s email address. Users already enter their email address and a tiny checkbox can allow them to subscribe without entering it again.

We recommend using WPForms, which is the best WordPress form builder on the market. It allows you to connect your forms with top email marketing services and helps you easily build forms with simple drag and drop tool.

For detailed instructions, see our article on how to use the contact form to grow your email list in WordPress.

9. Add Sign up Call to Action on Your Facebook Page

Facebook has introduced call to action buttons for business pages. These buttons are prominently displayed on top of your cover image and are visible without scrolling.

Call to action button on a Facebook business page

Here is how to add a signup button as a call to action on your Facebook page.

You need to visit your Facebook page, and you will notice a blue ‘Add a button’ button.

Add a button

This will bring up a popup with multiple choices. You need to click on ‘Get in touch with us’ tab and then select ‘Sign up’.

Next, you need to provide a link to your website where users will be taken when they click signup.

Don’t forget to click on add button to save your changes.

10. Use Twitter Lead Generation Cards

Twitter Ads

Twitter Ads offers another social platform that you can use to boost your lead generation efforts.

In fact, Twitter even allows you to run lead generation directly from Twitter. This way users can sign up for your email list without leaving Twitter.

You can also drive traffic to your website and use the email signup forms as a conversion. You can create special offers for Twitter users and tweet the links to your followers.

11. Use YouTube Call to Action Cards

YouTube action cards

YouTube is one of the largest social media platforms and the second most popular search engine in the world. If you are using YouTube videos as part of your marketing strategy, then you can utilize your YouTube channel to grow your email list.

YouTube action cards allow you to add interactive information cards to your videos. You can use them to add call to actions and link them to lead magnets on your website.

Here is how to add YouTube action cards to your videos.

YouTube gives you plenty of opportunities to promote your email list. For more ideas see this guide on how to build your email list using YouTube videos.

Bonus: Check out WPBeginner’s YouTube channel to see how we use Cards.

12. Use After Post and In-Line Optin Forms

After post optin forms appear when a user has already scrolled down an entire article. This means that they are already interested in your content and are much more likely to sign up.

After post and inline optin forms

You can also use in-line optin forms within your blog posts. The middle of a long read is the point where users are most engaged with the content. Reminding them to sign up at that point, works like a charm.

13. Add Polite Slide-in Scroll Box Forms

As we mentioned earlier that users simply ignore most static signup forms. The goal is to divert the user’s attention to your offer and sign up form.

Slide in forms

Slide-in scroll box forms do that beautifully. They stay out of the way so that users can look at the content while diverting user attention to the sign up form with slide in animation.

14. Prominent Headers with Call to Action

Prominent call-to-action in header

Header area of your website is most prominently visible to visitors when they first arrive. This makes it the most effective spot to place your call to action.

You will need a WordPress theme that comes with large or full screen header. You can also use a page builder plugin like Beaver Builder to create custom pages with your own layout.

15. Use Social Proof to Encourage More Sign ups

Add social proof to get more subscribers

Social Proof is a psychological effect used to describe a social behavior where people feel more comfortable following other people. Marketers use social proof as a tactic for easing the minds of worried customers and increasing conversions.

There are many ways you can use social proof to get more subscribers. You can use testimonials on your landing pages, add reviews, show number of registered users, etc.

You can also use bubble notifications like TrustPulse to increase newsletter signups and eCommerce conversions.

TrustPulse Social Proof Bubble

16. Use Gamified Campaigns

Gamified Spin a Wheel Campaign

Experts agree that gamification helps boost user engagement. Did you know that you can use gamified campaigns to boost newsletter conversions as well?

We use Spin a Wheel gamified campaign on our MonsterInsights blog to grow our email list as well as boost eCommerce conversions.

To create a similar campaign, simply follow the coupon wheel guide on OptinMonster website.

17. A/B Test Your Optin Forms

Run A/B tests to find best performing optin forms

Many beginners continue to rely on guesswork to understand what works on their website. You need to understand how your audience react to different call to actions, optin placements, colors, design, and copy.

With A/B testing, you can find out which optins work better on your website. You can use these A/B testing tips to continuously test and improve your optins.

We hope this article helped you find the best ways to grow your email list. You may also want to see our list of the best SEO tools & plugins as well as proven tips on how to increase your website traffic.

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 17 Tested and Easy Ways to Grow Your Email List Faster appeared first on WPBeginner.



Source link

How to Check Domain Name Availability (Easy Domain Search Tools)


Choosing a domain name can be overwhelming because first you need to come up with an idea, and then you have to check domain name availability.

Since a lot of good domains are already taken, often beginners feel stuck.

Wouldn’t it be nice if you can check domain name availability faster and even find new ideas while you do it?

In this article, we’ll show you how to check for domain name availability with some of the easiest domain search tools.

Checking for domain name availability using domain search tools

1. Domain.com

Domain.com

Domain.com is one of the best domain registrars on the market. They offer a wide range of domain extensions at discounted rates, and have the best domain management tools for beginners.

Most importantly, they have a powerful domain search tool that let’s quickly check domain name availability. Simply go to their website and enter your desired keywords or phrase.

Check domain availability on Domain.com

Domain.com will show if the domain is available for registration. If it is, then congratulations you can go ahead and get it registered right away. Bonus: use our Domain.com coupon code to get an additional discount.

Domain available

If the domain you are looking for is not available, then it will show you different combinations to help you brainstorm and come up with a unique idea.

Once you have found a domain name, you can simply add it to cart and click on the ‘Continue’ button to register it.

Continue registration

On the next screen, enter your billing and payment information to complete the purchase.

Proceed to payment

2. Nameboy

Nameboy Best Domain and Blog Name Generator

Nameboy is one of the oldest and the most reliable domain name generator tool on the market.

If you want to quickly generate dozens of domain name ideas, then you can use this tool. Simply enter your desired keyword or phrase and it generates a list of domain names to choose from.

You can click on any domain name to view details and register the domain name. The downside is that it does not show you the availability of domain names right away.

3. IsItWP

IsItWP Domain Generator

IsItWP offers a bunch of useful tools like a WordPress security scanner, website uptime checker, password generator, and a powerful domain generator.

The domain generator allows you to look up for a domain name by simply entering keywords or phrases. It then creates a number of different domain names.

This gives you a ton of possible choices to go through. However, you will need to click on the view details button to actually register or check the availability of the domain name.

4. Blog Tyrant

Blog Tyrant

Blog Tyrant is a popular blogging resource site with several free tools including a domain name generator.

It helps you look up for domain ideas for your selected keyword or phrase. You can click on a domain name to see more details or try a different keyword combination to get even more domain name suggestions.

5. Bluehost

Bluehost

Bluehost is one of the biggest web hosting companies in the world. If you want to make a website right away, then their domain availability checker will be a good option for you.

They are offering WPBeginner users a free domain name and a generous discount on WordPress hosting. Basically, you’ll be able to start a blog or website for $2.75 per month.

→ Click Here to Claim This Exclusive Bluehost Offer ←

You can simply visit their website and click on the get started button. After that, you will be asked to choose a plan.

Select a plan

On the next screen, you will be asked to choose a domain name. Enter your desired domain name or keywords to check availability.

Bluehost domain checker

If your preferred domain name is not available, then it will show you several suggestions to choose from or search for another domain name.

Once you have found the domain name you like, then you can simply go ahead and complete the purchase.

6. GoDaddy

GoDaddy

GoDaddy is one of the biggest domain name companies on the market. You can use their website to look for domain name availability as well.

However, their suggestions usually include hyphens, lesser-known and uncommon domain extensions, or premium domain names which are available for a higher price.

There are many excellent GoDaddy alternatives that are cheaper and more reliable.

How to Choose The Perfect Domain Name?

Many beginners find it difficult to find the perfect domain name. More than 350 million domain names are already registered, and it feels like that all the good ones are already taken.

If the domain name you want is not available, then you’ll need to get creative. Here are a few quick tips that will help you find the perfect domain name for your website.

  • Stick with .com domain names and don’t choose a new domain extension
  • Use keywords associated with your business. See our guide on how to do keyword research to learn more.
  • Avoid hyphens and numbers in domain name. They would make it harder to spell and pronounce.
  • Choose a domain name that is easily memorable, doesn’t require you to spell it, and represents your brand

For more in-depth tips, see our complete guide on how to choose the best domain name.

I’ve Found a Domain Name, Now What?

You need to act fast and register that domain name.

Thousands of new domain names are registered every day. Domain names are a lucrative business and people are always looking for good domain names to register and then resell for a better offer.

If your domain name idea is good, then there is a great chance that it will not be available for long. You need to just go ahead and register your domain name.

Do I Need a Website to Get a Domain Name?

No, you don’t.

You can register a domain name without creating a website. To understand how these two things are related, see our guide on the difference between domain name and web hosting.

To make a website you’ll need to sign up with a hosting company. This is where you will store your website’s files.

Domain names are sold by domain name registrars. These are the companies licensed by ICANN (an international body that manages domain names worldwide) to register domain names.

To make a website, you need both domain name and web hosting. However, if you are not yet ready to make a website, then you can simply register a domain name.

This will give you the ownership of that domain name for the licensed period. You can make a website or start an online store later when you’re ready.

Which is The Best Tool to Check for Domain Name Availability?

We recommend using Domain.com as the best tool to check for domain name availability.

It allows you to quickly do your domain name research. You can instantly register the domain name without visiting a third-party website. They also offer the easiest domain tools and a simple domain management area.

If you just want to explore different domain name ideas, then Nameboy helps you instantly generate dozens of domain names using your keywords or business name.

We hope this article helped you learn how to check for domain name availability using smarter domain search tools. You may also want to see these easy online business ideas that you can start with your new domain name.

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



Source link

How to Build a WordPress AJAX Form (in 4 Easy Steps)


Do you want to build an AJAX contact form in WordPress?

AJAX contact forms allow users to submit the form without reloading a page. This enables you to increase user engagement while offering a better form submission experience to your users.

This comes in handy when you run an eCommerce website and want to collect user feedback without diverting user attention.

You can also use the same AJAX functionality for other custom forms on your website. For example, a custom user login form will allow users to login without an additional page load.

In this article, we will show you how to easily build a WordPress AJAX contact form with step by step instructions.

Creating an Ajax contact form in WordPress

What is Ajax and Why Use it For Your Forms?

Ajax, short for Asynchronous Javascript and XML, is a JavaScript programming technique which allows developers to transfer data without reloading a page.

It is most commonly used in web forms allowing users to submit form data without reloading a page. This makes form submission easy and fast, which improves the overall user experience.

Web applications like Gmail and Facebook extensively use this technique to keep users engaged while making everything work seamlessly in the background.

You can also use Ajax for your WordPress forms. It will save users from unnecessary page reload and keeps them engaged on the page they are currently viewing.

That being said, let’s take a look at how to easily make a WordPress Ajax contact form in 4 simple steps.

1. Install WPForms Plugin

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

WPForms is the best WordPress form builder plugin on the market. It allows you to easily create Ajax powered forms aswell.

Upon activation, you need to visit WPForms » Settings page to enter your license key.

WPForms license key

After entering the license key, you’ll be able to receive automatic updates and install add-ons.

You are now all set up to make beautiful ajax forms in WordPress.

2. Create Your First Form

Let’s go ahead and create your first form.

Simply visit WPForms » Add New page in WordPress admin area. You’ll be asked to provide a title for your form and select a template as a starting point.

Choose form template

For the sake of this tutorial, we will be creating a contact form. However you can create any other type of form you need.

WPForms will now load your form with basic fields already added to it. You can simply point and click on any form field to edit it.

Editing form fields in WPForms

You can also add any new form field from the left column by simply clicking on it. The new field will appear at the bottom of your form just above the submit button.

Click to add a new form field

You can easily drag and drop form fields to move them up and down in the form.

Once you are finished editing the form, you can move on to the next step.

3. Turn On Ajax Form Submission Feature

WPForms does not enable Ajax form submission by default. You will need to manually enable it for your form.

Simply switch to the Settings tab in the form builder and check the box next to ‘Enable AJAX form submission’ option.

Turn on Ajax form functionality

Checking the box will turn on the Ajax functionality for this form.

Now let’s set up what happens after the form submission.

First, switch to the ‘Confirmation’ tab under settings. This is where you inform your users that you have received their form submission.

Confirmation settings

WPForms allows you to do that in different ways. For example, you can redirect users to a URL, show them a specific page, or simply display a message on screen.

Since we have enabled Ajax functionality for the form, redirecting users to another page will defeat the purpose of creating an Ajax form.

You need to select the message option and edit the confirmation message. Feel free to use the formatting toolbar on the editor or add a link or two to tell users where to go next.

After that, you can set up how you would like to be notified about a form submission.

Switch to the Notifications tab in the form settings and configure notification email settings.

Form notification email settings

Once you are done, you can save your form and exit the form builder.

4. Add Your Ajax Enabled Form in WordPress

WPForms makes it super easy to add forms into your WordPress posts, pages, and sidebar widgets.

Simply edit the post or page where you want to add the form and insert the WPForms block to your content area.

Add WPForms block to WordPress post or page

After that, you need to select the form you just created from the block’s settings. WPForms will immediately load a live preview of the form in the content editor.

Select your form

You can now save or publish your content and then visit your website to test the form’s ajax functionality.

Ajax contact form preview

You can also add your form to a sidebar widget in WordPress. To do that, go to Appearance » Widgets page and add the WPForms widget to a sidebar.

Add your ajax powered form to a sidebar widget

Select the form you created earlier and click on the Save button to store widget settings. You can now visit your website to see your Ajax powered form in action.

We hope this article helped you learn how to create a WordPress Ajax contact form for your website. You may also want to see our guide on how to create a contact form popup 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

12 Tips to Get a 100% in WordPress Site Health Check Score (Easy)


WordPress introduced a site health check feature in version 5.1 which was further improved in WordPress 5.2 to include a site health check score.

This feature helps website owners keep an eye on the performance and security issues that may affect their site.

Many of our readers have asked us about how to properly utilize the site health feature, and what it can or cannot do.

In this article, we will show you how to get a 100% score in WordPress site health check. We will also answer some commonly asked questions about the site health feature.

Tips to get a 100% site health score in WordPress

What is WordPress Site Health Check Score?

WordPress Site Health check score is a feature in WordPress, which looks for common performance and security issues and gives a health check score based on various tests.

You can view your site health score by visiting Tools » Site Health page in your WordPress admin area.

Getting a perfect score in WordPress site health

WordPress powers more than 34% of all websites on the internet. Most people who make a website using WordPress are beginners and non-techy users.

Site Health feature runs a series of tests to see if their website is performing with optimal settings and latest server software.

How can a good site health score help your WordPress site?

Site health feature runs a series of tests to look for common performance and security issues on a WordPress website.

One example is a test that checks if your website is running the latest PHP version. Using older PHP versions can make your website slow and/or misbehave with many popular WordPress plugins.

Getting a better site health check score ensures that your website is running under optimal conditions.

That being said, let’s take a look at how to get a 100% score in WordPress site health check.

1. Get a Better WordPress Hosting

Nothing impacts a website’s performance more than the web hosting service. This is the most important decision you make for a website.

Using an unreliable hosting provider can affect your WordPress site in many ways.

They tend to use older software, do not have all the PHP modules installed, and there is no easy way for users to fix those issues.

Choosing a WordPress hosting company with a proven track record provides you a solid platform to build your website.

We recommend using Bluehost, SiteGround, or Dreamhost. They are all officially recommended WordPress hosting provider and the biggest names in the hosting industry.

For more hosting recommendations, see our complete guide on how to choose the best WordPress hosting for your website.

2. Install SSL / HTTPS in WordPress

SSL protects your website by encrypting the data transfer from server to user’s browsers. SSL enabled websites use HTTPs instead of HTTP in their URLs and have a padlock icon in the address bar.

SSL Enabled website

To switch from HTTP to HTTPs, you will need to install an SSL certificate on your website. Most of our recommended WordPress hosting providers offer free Let’s Encrypt SSL certificate that you can use.

For more details, see our guide on how to get a free SSL certificate for WordPress with step by step instructions on how to set it up.

3. Keep WordPress Up to Date

Keep your WordPress site up to date

WordPress is a regularly maintained open-source software. Each new WordPress release brings new features, bug fixes, and improves the security of your website.

Many beginners fear that updating WordPress could break their website. They ignore WordPress updates and as a result, leave their websites vulnerable to security threats.

You need to make sure that you are always using the latest WordPress version. For detailed instructions see our guide on how to update WordPress with step by step instructions.

4. Keep WordPress Plugins and Theme Updated

Update WordPress plugins

Just like WordPress itself, WordPress themes and plugins are also regularly updated. You need to keep an eye out for the available updates and install them to keep your site updated.

Plugins and themes use updates to deliver new features, fix bugs, and close security issues. You need to install updates to make sure that your website is not vulnerable to any known security issue.

For plugins, see our guide on how to properly update WordPress plugins.

For WordPress themes, you can simply go to Appearance » Themes page to install an update. You can also update a WordPress theme manually.

5. Use The Latest MySQL or MariaDB Version

Upgrade MySQL

WordPress stores all your website content in a database. By default, WordPress supports database management software like MySQL and MariaDB (a fork of MySQL).

Using the latest version of MySQL or MariaDB ensures that WordPress can safely store your website data. An older version may cause your website to behave unexpectedly.

You need to make sure that your website is running the latest stable version of MySQL/Maria. You can find the information about your database software version by switching to the info tab in site health.

MySQL version

If your website is using an older version of MySQL or MariaDB, then you need to contact your WordPress hosting provider and ask them to update it.

6. Use The Latest PHP Version

Upgrade PHP

WordPress is written in the PHP programming language. It is a server-side language, which means it runs on your hosting server to dynamically generate WordPress pages.

Using the latest PHP version gives your website a performance boost. It also ensures compatibility with new WordPress plugin features that may require the latest PHP version to work correctly.

For more details, see our article on how PHP updates affect your website.

If your website is using an older version of PHP, then you will need to ask your hosting provider to update it for you. Some hosting companies like Bluehost and WP Engine allow you to change the PHP version from the control panel.

7. Keep WordPress Automatic Updates Enabled

Automatic WordPress updates

WordPress comes with built-in ability to update itself and install the latest security releases. These are minor releases but crucial for the safety and security of your website.

However, site-owners do have the ability to turn off automatic WordPress updates. This can be done by using an update manager plugin or by adding code in the wp-config.php file.

These security updates are automatically installed on millions of websites. Make sure that automatic updates are enabled on your WordPress site to keep your site secure with these timely updates.

8. Remove Unused WordPress Plugins & Themes

Delete inactive plugins

Technically, you can use any number of WordPress plugins on your website as long as they are well-coded.

You can keep inactive plugins installed on your WordPress site. They are not loaded by WordPress and do not affect your website’s performance or speed.

However, it is recommended that you delete any inactive plugins that you don’t need. They take up space, can be used to hide malware, increase security scan time, and there is a chance you may accidentally activate them.

For more information, see our article on why you should delete inactive WordPress plugins.

9. Keep Rest API Enabled

JSON REST API

REST API in WordPress allows developers to securely use HTTP requests to perform actions on a WordPress site.

Many site owners disable REST API to protect their websites against brute force attacks.

However, site health does not recommend it because you may need REST API to use third-party apps or some WordPress plugins. Make sure that REST API is enabled to improve your WordPress site health score.

Editors note: We keep the REST API disabled on our sites to prevent against brute force attacks.

10. Make Sure Required PHP Modules are Installed

Install PHP extensions

PHP Modules and extensions are additional libraries that extend the functionality of the PHP programming language. WordPress recommends several PHP modules to be installed for optimal performance.

You can find a list of extensions on the WordPress website. Some of these extensions are required and others are recommended but not necessary.

Now, how do you install a missing module?

You will need to ask your hosting providers to install these extensions for you. Some web hosting providers allow you to install them from hosting dashboard (look for PHP PEAR Packages). However, you would still need to configure them in php.ini file which may not be easier for beginners.

11. Disable WordPress Debug Mode

WordPress debug mode

WordPress comes with a built-in debug mode which allows you to see if a plugin, theme, or custom code is throwing some errors. This feature is intended to be used by developers or advanced users.

It is not recommended to turn on the WordPress debug mode for a live website. It may show warnings and notices in the WordPress admin area which affect user experience.

For details, see our article on how to turn off PHP errors in WordPress.

12. Make Sure WordPress Can Run Scheduled Jobs

WordPress cron jobs

Your WordPress website needs to perform scheduled tasks like checking for updates. These tasks use a system called cron jobs.

Sometimes your hosting environment may block them from running or you may accidentally end up stopping WordPress cron jobs.

You need to make sure that WordPress can run these scheduled tasks to improve your site health score.

Frequently Asked Questions about WordPress Site Health Feature

WordPress site health feature provides excellent suggestions and recommendations. However, there are still some questions that may arise in your mind.

Here we will try to answer some of those questions.

Do I need to get a 100% site health check score in WordPress?

No, you don’t need to get a 100% site health check score. Any score above 80% is considered good enough to run a WordPress website without significant issues.

However, it does feel great to get a 100% site health score. It also ensures that you are not missing out on any of the recommended WordPress suggestions for your website.

Which site health checks are more important?

Site health tests are given three status labels:

  • Good (Passed tests)
  • Recommended (changes are recommended but not necessary)
  • Critical (Significant issues that you must consider fixing)

Critical issues are more important, and you should consider fixing them first.

Does the perfect site health score means my WordPress website is secure?

No, the site health score indicates that your WordPress installation uses the recommended WordPress settings. You would still need to improve WordPress security to protect your website against common threats.

How do I troubleshoot a WordPress site?

Site health feature also provides you debugging information that can be used for troubleshooting. Simply switch to the info tab and from here you can find detailed information about your WordPress install.

Site health debug information

For example, you can find which PHP version your site is using or how much memory limit is allowed on your site.

However, if you need to troubleshoot further, then see our guide on how to troubleshoot WordPress issues step by step.

We hope this article helped you learn how to get a 100% score in WordPress site health check. You may also want to see our guide on choosing the best WordPress caching plugin and best WordPress page builder plugin for your website.

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

The post 12 Tips to Get a 100% in WordPress Site Health Check Score (Easy) appeared first on WPBeginner.



Source link

How to Create AMP Forms in WordPress (The Easy Way)


Do you want to create AMP-friendly forms on your WordPress site?

Accelerated Mobile Pages or AMP is a Google project that makes websites load faster on mobile devices.

While AMP offers a great mobile browsing experience by making your webpages load faster, it disables many useful features on your website.

One of them is contact forms. Since AMP uses a limited set of HTML and JavaScript, it cannot load your WordPress forms properly on AMP pages.

But thankfully, now there is an easy solution available. WPForms, the most beginner-friendly WordPress form plugin now helps you create AMP-ready WordPress forms. Their team recently worked with Google to make AMP forms easy for WordPress.

In this article, we will show you how to create AMP forms in WordPress using WPForms (the easy way).

Creating AMP Forms in WordPress (The Easy Way)

Creating AMP Forms in WordPress (Step by Step)

In order to use AMP with WordPress, you need to install and activate the official AMP plugin for WordPress. For more details, see our step by step guide on how to install a WordPress plugin.

Once activated, the plugin will automatically add Google AMP support for your WordPress site.

However, you can change AMP settings for your website by going to AMP » General from your dashboard.

AMP for WordPress Settings

From the AMP settings page, you can enable or disable AMP on your website, choose a website mode for AMP, and choose supported templates.

Once you have configured AMP, the next step is to create an AMP compatible contact form on your WordPress site.

Step 1. Create a WordPress Form with WPForms

To get started, install and activate the WPForms Lite plugin on your site. It is the lite version of the WPForms Pro plugin.

Both the lite and pro version of WPForms allows you to create a basic AMP ready contact form. In our article, we will be using the free version for screenshots.

Once the plugin is installed and activated, you need to head over to WPForms » Add New page to create a new WordPress form.

On the form setup screen, you can choose a form template to get started quickly. You can select the Blank Form if you want to start from scratch.

Form Templates WPForms

Next, it will open the form builder page.

Drag and Drop Form Builder WPForms

From here, you can add or remove form fields. To add a new field to your form, you can simply click on a form field from the left panel, and it will appear in the form builder panel on the right.

After that, you can configure the field options. Simply click on a field, and then Field Options will appear.

Configuring Field Options in WPForms Plugin

Similarly, you can customize all the other fields.

After that, you can click on the Settings tab to configure your form settings.

WPForms General Settings

The General Settings allow you to change your form name, submit button text, submit button processing text, enable anti-spam Honeypot, and more.

Next, you can click on the Notifications tab to set up email notifications to notify you when a user completes the form.

WPForms Notification Settings

Next, you can click on the Confirmation tab to set up a confirmation message to be shown when a user submits the form.

WPForms Confirmation Message Settings

After the configuration is complete, you can save your form.

Step 2. Add Your AMP Form to a Page

Now that your WordPress form is ready, you can add it to a page.

First, you need to create a new page or open an existing one where you want to add the form.

On your page edit screen, click on the Add New Block icon and select the WPForms block.

Add WPForms Block to WordPress Page Editor

After that, you can see the WPForms widget added to your page edit screen. You just need to select the form you created earlier, and the widget will instantly load it in the page editor.

Add Contact Form to WordPress Page with WPForms

Next, you can publish or update your page.

That’s all! You don’t need to configure anything else. The WPForms Lite plugin will add full AMP support to your form now.

If you want to see how it looks, then you can open the page on your mobile phone.

Or you can open the page on your desktop browser by adding /amp/ or /?amp at the end of your page URL. For example, https://www.example.com/contact/?amp.

Adding Google reCAPTCHA to Your AMP Form

By default, WPForms includes anti-spam honeypot to catch and block spam. Additionally, you can use Google reCAPTCHA to reduce spam submissions.

To use Google reCAPTCHA with your AMP forms, you need to register your site for Google reCAPTCHA v3 and get the Google API keys.

Go to the Google reCAPTCHA website and click on the ‘Admin Console’ button at the top right corner of the page.

Visit Google reCAPTCHA website

After that, you need to sign in with your Google account. Once done, you will see the ‘Register a new site’ page.

Register a New Site for Google reCAPTCHA

First, you need to enter your website name in the Label field. Google AMP only supports reCAPTCHA v3, so you need to choose it from the reCAPTCHA type options.

After that, enter your domain name under the Domains section.

Add Domain Name and Owner for Google reCAPTCHA

The Owners section shows your email address by default. You can also add another email if you want.

Next, you need to accept the reCAPTCHA Terms of Service to continue. Also, select the ‘Send alerts to owners’ checkbox, which will allow Google to notify you about problems like misconfiguration and suspicious traffic on your site.

Accept Google reCAPTCHA Terms of Service

Once done, click on the Submit button.

Next, you will see a success message along with the site key and the secret key to add reCAPTCHA on your site.

reCAPTCHA Keys

Now you have the Google API keys to add reCAPTCHA to your forms. However, there is one more adjustment required to ensure AMP compatibility with the reCATCHA. Click on the ‘Go to Settings’ link there.

Next, you will see the reCAPTCHA settings again with ‘Allow this key to work with AMP pages’ checkbox. Simply check the box and click on the Save button below.

Allow reCAPTCHA to work on AMP Pages

Now that you have Google API keys to add reCAPTCHA on AMP forms, you need to open WPForms » Settings » reCAPTCHA page in your WordPress dashboard.

WPForms reCAPTCHA Settings WordPress

On this screen, you need to choose reCAPTCHA v3 option and paste the site key and secret key. After that, click on the Save Settings button.

Now that Google reCAPTCHA is added to WPForms, you can enable it in your forms where needed. Go to WPForms » All Forms and select the form where you want to enable the reCAPTCHA.

Edit a Form Created with WPForms

Once the form setup screen appears, click on the Settings tab and select the General Settings section. At the bottom, you can see ‘Enable Google v3 reCAPTCHA’ checkbox.

Enable Google v3 reCAPTCHA in WPForms

Check the box and then save your form by clicking on the Save button at the top right corner.

After that, you can revisit your contact page and see the AMP form with reCAPTCHA in action.

We hope this article helped you to learn how to create AMP forms in WordPress easily. You may also want to see our guide on how to create GDPR compliant forms 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

How to Add Header and Footer Code in WordPress (the Easy Way)


Have you ever been asked to add some code snippets to <header> or <footer> section of your WordPress website?

Often you are asked to add header and footer code in WordPress when trying to integrate with web services like Google Analytics, Facebook Pixel, Google Search Console, etc.

You may also come across WordPress tutorials that might ask you to add some custom CSS or Javascript code to your WordPress header or footer.

By default, WordPress doesn’t provide an option to insert code in your website’s header and footer. Luckily there is an easy solution for beginners.

In this article, we will show you how to easily add header and footer code in WordPress. The goal is to safely add the code without directly editing your WordPress theme files.

How to Add Header and Footer Code in WordPress

The Best Way to Add WordPress Header and Footer Code

If you want to add WordPress header and footer code, there are three possible solutions:

  1. Manually, by editing you theme’s header.php and footer.php files
  2. With your theme’s built-in header and footer code feature
  3. Using a plugin

The first option is not beginner friendly because it requires you to add header and footer code by directly editing the header.php and footer.php files manually.

Another disadvantage of using this method is that your code will be removed if you install an update to your theme.

The second option is using your theme’s built-in feature. Some WordPress themes like Elegant Themes and Genesis Framework by StudioPress offer a built-in option for quickly adding code and scripts to your WordPress header and footer.

If you are using a theme with a built-in feature, then it seems like a safe and simple solution. However if you change your theme, then all the code snippets added to your website will be gone. This includes site verification in Google Search Console, website analytics via Google Analytics, etc.

This why we always recommend users to use the third option, a headers and footers plugin. This option is by far the easiest and safest method to add header and footer code in WordPress.

After a lot of request from readers, our team has built a 100% free Insert Headers and Footers plugin to let users easily add code to the header and footer in WordPress.

Insert Headers and Footers

Here are some benefits of using the Insert Headers and Footers plugin:

1. Easy, Fast, and Organized: It lets you add codes to your site’s header and footer easily and quickly. Plus, it keeps you organized by allowing you to store all your footer and header codes in one place.

2. Prevents Errors: It helps prevent errors which may occur if you edit your theme files manually.

3. Upgrade or Change Your Theme Without any Worry: The plugin will save your header and footer code in a separate place, so you can update or change your theme without worrying about the code being erased.

With that said, let’s see how to easily add header and footer code in WordPress using Insert Headers and Footers plugin.

Adding Code to Header and Footer in WordPress

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

Once the plugin is activated, go to Settings » Insert Headers and Footers from your admin panel. After that, you will see two boxes for adding code to header and footer.

Insert Headers and Footers plugin settings

Simply paste the code in one of the two boxes. Once done, don’t forget to click the Save button to store your changes.

The plugin will now automatically load the code in the respective locations on your WordPress site.

You can always edit and remove any code that you don’t want to keep.

You’ll need to keep the plugin installed and activated at all times. Deactivating the plugin will stop adding all custom code to your site.

If you accidentally deactivate the plugin, the code will still be safely stored in your WordPress database. You can simply reinstall or reactivate the plugin, and the code will start appearing again.

Note: You may have to clear your WordPress cache after saving changes, so the code properly appears on the front-end of your website.

We have found the biggest reason why a lot of beginners use the Insert Headers and Footers plugin is to add Google Analytics to their website. For that, we actually recommend using the free MonsterInsights plugin. It’s the best Google analytics plugin for WordPress which helps you properly setup Google analytics tracking with just a few clicks, and it shows you helpful stats right inside your WordPress dashboard.

We hope this article helped you to learn how to add header and footer code in WordPress easily. You may also want to see our comparison of the best email marketing services and the best business phone services.

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 Header and Footer Code in WordPress (the Easy Way) appeared first on WPBeginner.



Source link

How to Add Free Live Chat in WordPress (The Easy Way)


Are you looking for a solution to add free live chat in WordPress?

Adding the live chat functionality to your website lets you interact with your visitors. You can answer their questions and solve their problems in real-time.

This helps you to convince your potential customers to purchase your product. It also allows you to provide faster support to your existing customers, so they stay loyal to your brand.

In this article, we will explain how to add live chat in your WordPress site, the easy way.

Adding free live chat in WordPress

Why Use Live Chat on Your WordPress Site?

In this age of instant gratification, customers want to get instant answers to their questions. This helps them make a quick decision to purchase a product or service.

According to eConsultancy, live chat has the highest level of satisfaction among all the customer service channels.

Live chat has a satisfaction level of 73% where as email satisfaction is 61%, phone is at 44%, and SMS satisfaction rate is at 41%.

Live chat is an incredibly powerful tool to recover abandoned carts and improve overall conversion rate across your website, specially if you run an online store.

Aside from being a powerful sales tool, you can also use live chat to provide support to your existing customers which can help turn your loyal customers into brand ambassadors.

That being said, let’s take a look at how to easily add a free live chat in WordPress.

Adding Live Chat to WordPress

While there are many live chat solutions available for WordPress, we’ll be using LiveChat Inc. for the sake of this tutorial.

It is the best live chat software in the market. We can confidently recommend it because we use it on one of our own business websites, OptinMonster.

While the WordPress live chat plugin is free, you will need to have a paid subscription to the LiveChat service. This is one of the most cost-effective solutions in the market.

There is no good free live chat plugin for WordPress.

LiveChat Inc’s paid solution starts at $16.99 per month, but they offer a free 30-day trial for testing their product.

We believe that it is the best option for small businesses that are just starting out. It is worth spending money on it because it will help grow your business.

You can add it to your website for free and give it a try.

To get started, head over to the LiveChat website to create a new account.

LiveChat Inc Website

Next, you need to click on the Sign up free button located at the top-right corner of the screen.

This will take you to a new page where you have to provide some basic information like your full name, email address, and password.

Create a LiveChat account

Click on the Continue button to move forward.

In the next step, you have to provide the URL of your website and the purpose for creating the LiveChat account. It can be for support, sales, or both.

Create a LiveChat account step two

Once done, click on the Continue button to proceed forward.

Now, you have to provide some information about your business. You can select the company size, industry of your business, and type of audience.

Create a LiveChat account step three

Once you’ve filled in the required information, you can click on the Create Account button to complete the process.

Customizing the Appearance of the Live Chat Window

Your LiveChat window needs to grab user’s attention while blending in with the rest of your website design. LiveChat allows you to make changes to the appearance of the chat window to match your needs.

To do that, you need to click on the Settings link on the left sidebar of your LiveChat account area.

This will take you to the Customization page where you can style the live chat window and see your changes applied in real-time.

LiveChat account settings page

On the right side of your screen, you can select a theme for the maximized window and the minimized version. You can also pick a color for the chat window to match it with your website’s colors.

Customize LiveChat Window

To replace the LiveChat Inc. logo with your website logo, you need to click on the Advanced window tweaks link.

This will take you to a new page where you need to click on “Upload your logo”.

Upload Logo and Add social links to LiveChat

You can also add the links to your social media pages. Once done, click on the “I’m done editing” button.

If you want to add custom CSS, then you need to click on the “Customize using own CSS” link.

Once you are finished with the customization, click on the Save Changes button to store the settings.

Customize LiveChat using custom CSS

Setting up Live Chat on Your WordPress Website

LiveChat comes with a free WordPress plugin that allows you to add it to your website within a few minutes.

Go ahead to install and activate the LiveChat plugin. You can check out our beginner’s guide on how to install a WordPress plugin for help.

Upon activation, head over to LiveChat » Settings from the left sidebar of your admin panel.

Connect with LiveChat Inc account

On the Settings page, you’ll have to connect to the LiveChat account by clicking on the “Connect with LiveChat” button.

This will open up a popup window where you need to click on the Sign in link and then log in to your LiveChat account.

Next, WordPress will ask for your permission to access your LiveChat account from the admin area. Click on Allow to complete the process.

Allow WordPress to Access LiveChat account

Now you’ll find some new options on the settings page.

You may click on the “Hide chat on mobile” toggle box to display live chat on desktop only.

LiveChat WordPress plugin settings page

You can also hide the chat feature for guest visitors to test the software.

Now you can visit your website to see the Live Chat bubble added to the bottom-right corner of your screen.

LiveChat added to WordPress site

You’ll receive notifications on your LiveChat account whenever someone uses it to contact you. You can then interact with them, from your account area to answer their queries.

How to Find Trained Live Chat Agents

The above method allows you to add the live chat feature to your site easily.

However, the biggest challenge for most small businesses is to maintain a team of support or sales professionals.

You’ll have to hire and train the team so that you can provide live support to your customers.

The easiest solution is to outsource the service to LTVPlus. It is a managed live chat service for online businesses.

LTVPlus website

LTVPlus is started by the co-founder of MaxCDN, the content delivery solution that we use on WPBeginner website.

They offer affordable live chat agents who can provide 24/7 support on your website. This will help reduce your expenses and grow your business without worrying about hiring more support and sales staff.

You can use the combination of LiveChat and LTVPlus to add live chat functionality to your website and take your business to the next level.

We have used the combination of these two services to increase the sales on our sister company, OptinMonster.

We hope this tutorial helped you learn how to easily add free Live Chat in WordPress. You may also want to see our list of the best CRM software for small businesses.

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



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