Thursday, June 17, 2021

How to Verify Your WordPress Site on Pinterest (Step by Step)

Are you looking for a simple way to verify your WordPress site on Pinterest?

Verifying your website on Pinterest will unlock neat features like Pinterest analytics, ads program, stats for your photos, and more.

In this article, we will show you how to easily verify your WordPress site on Pinterest.

How to Verify Your WordPress Website on Pinterest

Why You Should Verify Your WordPress Site on Pinterest?

Pinterest is one of the most popular social media platforms to share your photos, videos, and other visual content. It allows you to create an account and manage your images like Instagram or Flickr.

It also allows other users to collect website links, and other visual content by creating boards.

If you are running a photography website or any other type of blog with images and videos, then Pinterest can be an important source of traffic.

Verifying your website on Pinterest will help you learn more about your visitors using Pinterest Analytics. You will also be able to participate in their ad program and plan a strategy to grow your Pinterest traffic.

That being said, let’s take a look at how to easily verify your WordPress blog on Pinterest.

How to Verify Your WordPress Site on Pinterest

Before we start, you’ll need to upgrade your Pinterest profile to a business account. This will allow you to use all their Pro tools like analytics, ads program, and more. The Pinterest business account is free and easy to set up.

Ready, let’s get started.

Step 1. Upgrade Your Pinterest Account to Business

First, you need to log into your Pinterest account and click on the down arrow at the top right corner of your screen. Next, click on the ‘Unlock business tools’ option.

Click the Unlock business tools option

On the next screen, you will see a list of features the business account will offer. To use these features, click the ‘Switch to business’ button.

Select the Switch to business button

After that, enter your business account details like a profile name, website URL, country, and language. Once you have entered all these details, click the ‘Next’ button.

Build your profile

Pinterest will now ask you to describe your business. You can select an industry from the drop-down menu and pick 3 goals from the given options. After that, click the ‘Next’ button.

Describe your business

Now select an option to get customized recommendations and click the ‘Next’ button.

Get customized recommendations

On the next screen, you can select an option if you are interested in advertising on Pinterest and then click the ‘Next’ button. For the sake of this tutorial, we selected the ‘No, I am not planning to advertise’ option.

Planning to run Pinterest ads

Next, Pinterest will show you different options to get started with your business account. You can click the ‘cross’ icon in the top right corner to skip this part.

Where would you like to start

Step 2. Claim Your Website on Pinterest

The next step is to claim your website on Pinterest.

To do that, you can click on the ‘Claim domain’ button from your Pinterest Business hub page, and it will directly take you to the claim settings page.

Claim domain in Pinterest

Another way to claim your website is by clicking on the down arrow in the top right corner and selecting the ‘Settings’ option. Then head over to the ‘Claim’ section in the left menu.

To get the credit for your content on Pinterest, click the ‘Claim’ button for Websites.

Click websites claim

Once you click the button, a popup window will appear with three options to claim your WordPress website.

Choose how you want to claim

We are choosing the ‘Add HTML tag’ option because it is the easiest.

However, if you prefer, you can choose the other option where you download the HTML file and upload it to your website’s root directory using an FTP client or your WordPress hosting file manager.

Alternatively, you can also add a verification record to your domain settings using your domain registrar.

Step 3. Add HTML Tag to Your WordPress Website

There are multiple ways to add an HTML tag to your website’s header, but we will only cover the two easiest methods.

First, you can use the All in One SEO (AIOSEO) WordPress plugin and enter the HTML tag to your website. For more details, follow our guide on how to install a WordPress plugin.

AIOSEO is the best SEO plugin for WordPress and makes it very easy to optimize your site for search engines without hiring an expert.

While we recommend the Pro version, you can also use the free version of AIOSEO to add Pinterest verification.

To add the HTML tag, go to All in One SEO » General Settings and then click the ‘Webmaster Tools’ tab from the top menu.

After that, click the ‘Pinterest Site Verification’ block.

AIOSEO Webmaster Tools

Now enter the HTML tag you copied in the previous step in the Pinterest Site Verification field and click the ‘Save Changes’ button.

Enter Pinterest Verification Code

Aside from using AIOSEO, another way of adding the HMTL tag is by installing and activating Insert Headers and Footers plugin.

Upon activation, you need to visit Settings » Insert Headers and Footers page in your WordPress admin area. In the Scrips in Header section, you need to paste the HTML tag and click on the Save button.

Insert HTML tag in header script section

Once the HTML tag is added in your website’s header section, you need to go back to the Pinterest screen and click on the Continue button in the popup.

It will now ask you to enter the URL of your website and then click the ‘Verify’ button.

Verify your site in Pinterest

Once you do that, you will see a message saying ‘Verification in progress.’ Normally, the process takes 24 hours, and you get an email about your website’s verification.

Verification in progress

That is it, you have now successfully verified your WordPress website on Pinterest.

Tip: If Pinterest fails to verify after you’ve added the verification code, then it means you need to clear your WordPress cache.

We hope this article helped you learn how to verify your WordPress site on Pinterest. You may also want to see our expert pick of the must-have WordPress plugins for your website, and our comparison of the best business phone services for small business.

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 Verify Your WordPress Site on Pinterest (Step by Step) appeared first on WPBeginner.


June 17, 2021 at 04:00PM

Wednesday, June 16, 2021

How to Remove Unused CSS in WordPress (The Right Way)

Do you want to remove unused CSS in WordPress so your site will load faster?

Unused CSS is any CSS code added by your WordPress theme or plugins that you don’t really need. Removing this CSS code improves WordPress performance and user experience.

In this article, we’ll show you how to easily remove unused CSS in WordPress without breaking your website.

Removing unused CSS in WordPress

What is Unused CSS in WordPress?

Unused CSS in WordPress is CSS code that loads on your website but isn’t actually needed in order to display the page.

The extra code can make a visitor’s browser take a bit longer to render a page, which creates a bad user experience. The slower loading times can even affect your search rankings, resulting in less traffic to your site.

You can see how unused CSS code is affecting your website by using Google Pagespeed Insights. It will show you a section titled ‘Remove unused CSS’ with details of which CSS files are affecting your loading times.

Unused CSS code issue in Google Pagespeed Insights

Why Is Unused CSS Added in WordPress?

CSS is used to style the appearance of your WordPress website. Your WordPress theme includes CSS, with most of it included in a single style.css file.

In addition to your theme’s CSS, your WordPress plugins will also load their own CSS. For instance, WooCommerce will load CSS to display products, a page builder plugin will add its own CSS to display your custom pages, and a form builder plugin will include CSS to style your forms.

Then, you have your web fonts, icon fonts, and other elements that will need to add their own CSS files as well.

Usually, these files are very small and load quickly. However, if your WordPress site has a lot of them, then the effects can add up and have a noticeable impact on your site speed.

How to Remove Unused CSS in WordPress?

There are a few different ways that you can reduce unused CSS on your WordPress website.

However, it would be quite a difficult task to completely remove all unused CSS in WordPress. Because of the way WordPress works behind the scenes, some unused CSS may be hard to find and remove.

That said, we’ll show you two methods to remove unused CSS, and you can choose the one that works best for you.

Method 1. Remove Unused CSS in WordPress using WP Rocket

This method is easier and is recommended for beginners. It greatly improves the overall delivery of CSS files on your WordPress website, including removing most of the unused CSS.

We think it is the best solution for beginners because it is easier and achieves the main goal of providing a better experience for your users. This means your website loads fast on speed testing tools and also feels fast to your users.

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

Upon activation, you need to visit the Settings » WP Rocket page and switch to the ‘File Optimization’ tab.

File optimization in WP Rocket

Next, you need to scroll down to the CSS files section. From here, you need to check the box next to the ‘Optimize CSS delivery’ option.

Optimize CSS delivery in WP Rocket

This option generates a CSS file that only contains the CSS code needed to display the visible part of your website. It loads that file first, displays the page to your visitors, and then loads other CSS files using a technology called deferred loading.

By removing this render-blocking CSS, your website becomes viewable to users much more quickly than it would if you had to load all the CSS files before the page is displayed.

After enabling the ‘Optimize CSS delivery’ option, click the Save Changes button and wait for WP Rocket to generate the necessary CSS file for all your posts and pages. It will also automatically clear the cache for your website.

Once finished, you can go ahead and test your website performance again using Google Pagespeed Insights.

Additional File Delivery Tweaks to Boost Performance

WP Rocket also allows you to remove query strings from static files, combine Google Fonts files, and minify HTML. All of these tweaks add tiny improvements to your overall speed, which add up to a faster loading experience for your visitors.

Basic file optimization

You’ll also see options to minify and combine CSS files. These options will reduce HTTP requests and give you an additional speed boost.

However, you’ll need to carefully check your website to make sure that nothing is broken after enabling these settings.

Minify and combine CSS files

Additionally, you can apply the same optimization for JavaScript files on your website. You can minify and combine them to serve as a single file and defer loading for JavaScript files to improve performance.

Optimize JavaScript delivery

For more details, see our step by step tutorial on how to properly setup WP Rocket in WordPress.

Method 2. Remove Unused CSS in WordPress using Asset CleanUp

This method is a little advanced but incredibly powerful and will let you easily remove any unused CSS from any page of your WordPress website.

However, it is a bit complicated and you will need to test your website functionality and appearance thoroughly to make sure nothing is broken.

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

Upon activation, you need to visit the Asset CleanUp » Settings page and switch to the Test Mode tab. From here, you need to turn on the ‘Enable Test Mode’ option.

Enable test mode option

This allows you to try out different settings and test them as an administrator without affecting website visitors.

After that, you need to visit the Asset CleanUp » CSS/JS Manager page. From here, you can unload unwanted CSS and JavaScript files on a page by page basis.

CSS / JS Manager

It will first fetch your homepage and will show you all the CSS and JavaScript files loaded on that page.

You need to scroll down and review the loaded files. If you see a file that you don’t need, then you can unload it for that particular page, post type, or sitewide.

Unloading files

The plugin also allows you to choose specific posts or pages from here, or you can access the same options by editing the post or page as you normally would.

On the post edit screen, you’ll find the Asset CleanUp box just below the post editor.

Asset Cleanup inside post editor

The plugin will automatically fetch and list all the files and assets loaded when a visitor views this page on your website. You can then simply unload the unused CSS or JavaScript files that you don’t need on that page.

Unload files for a particular page

Important: Don’t forget to test your website after removing any unused CSS or JavaScript to make sure that everything is working fine.

Once you are done unloading and removing unused CSS and JavaScript files, you can go to back to the plugin’s settings page and switch off the ‘Test Mode’.

Don’t forget to click on the Update All Settings button to store your changes.

You can now test your website using Google Pagespeed Insights to see the change in the unused CSS notice.

CSS reduced in WordPress

We hope this article helped you learn how to easily remove unused CSS in WordPress. You may also want to follow our complete guide on how much does it cost to build a website, and check out our list of the best managed WordPress hosting.

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 Remove Unused CSS in WordPress (The Right Way) appeared first on WPBeginner.


June 16, 2021 at 04:00PM

Tuesday, June 15, 2021

How to Create a Referral Program in WordPress

Do you want to create a referral program in WordPress?

Referral programs or affiliate programs are a great way to get more people to promote your products to a larger audience.

In this article, we’ll show you how to easily create a referral program in WordPress and get more customers.

Creating a referral program in WordPress

Why Create a Referral Program in WordPress?

A referral program or affiliate program allows you to get more people to help you sell your products and services. In return, you pay them a small commission on each sale they make. For more details, see our ultimate affiliate marketing guide to see how it works.

In simple terms, it is like building your own sales army without paying them a full-time salary.

Affiliate marketers are usually content creators who make money online by referring their users to the right products and services. There are several helpful affiliate marketing plugins and tools that affiliates can use to increase their sales.

But to manage your own referral or affiliate program, you’ll need a plugin that allows you to easily manage all aspects of an affiliate program. It should allow affiliate marketers to join your referral program while helping you track sales and traffic sent by each affiliate partner.

Now there are two types of affiliate management platforms that you can choose from.

  • A WordPress affiliate management plugin
  • A cloud based affiliate network

Both platforms have their pros and cons. For instance, using a WordPress plugin allows you to run your own affiliate program directly from your website. You wouldn’t be limited to the cloud platform’s policies and restrictions.

You also won’t have to pay a per transaction fee to any third-party network since you’re managing your own affiliate program. This is why most small businesses prefer to use a self-hosted affiliate management plugin.

On the other hand, cloud platforms like ShareASale, Partnerstack, and Impact make your affiliate program instantly accessible to thousands of affiliate marketers. They also have better tracking and payment systems which can streamline your workflow.

But for the sake of this tutorial, we’ll show you how to set up a referral program in WordPress using a plugin (no coding needed).

We’ll show you two top affiliate plugins that you can use with your WordPress website or WooCommerce store. You can pick one that works best for you.

Method 1. Create a Referral Program with Easy Affiliate (Recommended)

For this method, we’ll be using Easy Affiliate. It is the best WordPress affiliate management plugin on the market and allows you to easily add an affiliate program to your website.

It works with all top WordPress eCommerce platforms including WooCommerce and MemberPress.

Easy Affiliate is an all-in-one platform that comes with powerful features like affiliate dashboard, real-time reports, fraud detection, eCommerce integrations, email marketing, one-click payouts, and most importantly no transaction fees.

To get started, first you need to install and activate the Easy Affiliate plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the Easy Affiliate » Settings page and scroll down to the bottom. From here, you need to click on the ‘Launch Setup Wizard’ button to configure the plugin settings.

Launch set up wizard

Next, you’ll need to enter your plugin license key. You can find this information under your account on the Easy Affiliate website.

Enter your license key

If you have previously used another affiliate plugin, then the plugin will offer to import your data. If not, then you can skip to the next step.

After that, the plugin will attempt to detect the eCommerce plugin you’re using. Simply click on the toggle next to your platform and continue to the next step.

Select platform

Next, you need to provide your business information. Simply fill out the form and click on the continue button.

Add your business information

After that, you will be given the option to choose how affiliates will register on your website. You can allow affiliates to apply and then approve applications, allow public registration, or manually add affiliates.

affiliate registration settings

You can choose which information you want to collect from affiliate partners, such as business address and tax information. You can make it required, collect on registration, or allow affiliates to enter it in their account.

Below that, you can choose to show an affiliate agreement. The plugin also allows you to automatically generate an agreement by filling out a simple form.

Generate affiliate agreement

Next, click on the Save and Continue button to go the next step.

Now, you’ll be asked to set a default affiliate commission value as a percentage or fixed amount. Below that, you can configure payout options.

Commission and payout settings

East Affiliate supports recurring payments and allows you to send bulk payouts both manually and automatically.

After you click on the Save and Continue button, you’ll arrive at the Creatives section. These are marketing materials that you want to offer to your affiliates. You can share your website logo, product photos, banner ads, text documents, and more.

That’s all, you have successfully set up Easy Affiliate on your WordPress website. You can now click on the Finish Setup and Exit Wizard button.

Finish setup

Adding Links to Your Affiliate Referral Program

Easy Affiliate automatically generates pages where affiliate marketers can register, login, and manage their affiliate accounts.

You can view these pages by visiting Easy Affiliate » Settings. Simply scroll down to the Affiliate Pages section under the General tab.

Affiliate pages

You can now add the affiliate dashboard link to your website’s navigation menu or in the footer area. Users clicking on this link will be able to sign up or log in to their accounts.

Affiliate sign up page

Easy Affiliate Dashboard & Reports

Easy Affiliate makes it easy for both you and your affiliate partners to track their performance.

As the website owner, you can view all affiliate activity on your website by visiting the Easy Affiliate » Reports page.

Easy Affiliate reports dashboard

From here, you’ll see a graph overview of affiliate stats on your website with the same data in tables down below.

Easy Affiliate also includes link tracking. You can also switch to the Clicks tab and view which affiliate URLs are bringing you more clicks.

Clicks reports in Easy Affiliate

Managing Affiliates in Easy Affiliate

Depending on how your affiliate program is set up, Easy Affiliate makes it very easy to manage affiliates.

Simply go to the Easy Affiliate » Affiliates page and you will see the list of affiliates you have approved or added to your website.

Affiliate management in Easy Affiliate

You can approve new affiliate applications by switching to the applications tab. This will show you the list of affiliates awaiting approval.

Affiliate applications

You can click on an affiliate name to view more details of their application. If everything looks good, you can go ahead and approve them.

Using Addons to Extend Easy Affiliate Functionality

Easy Affiliate comes with a bunch of integrations and extensions that you can use to extend your affiliate program.

This includes integration with top email marketing platforms, a suite of fraud prevention tools, custom commission rules, advanced commission levels, and more.

Depending on your license plan, you can view the available addons by visiting the Easy Affiliate » Addons page.

Easy Affiliate addons

Overall, Easy Affiliate is a very robust affiliate management plugin for WordPress. It’s created by the same team behind MemberPress, so they genuinely understand the problem and have built a solution that’s both easy and powerful.

Method 2. Set up a Referral Program in WordPress with AffiliateWP

For this method, we’ll be using AffiliateWP. It is a great WordPress affiliate management plugin that helps you set up your own referral program in WordPress.

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

Upon activation, you need to visit Affiliates » Settings page to enter your license key. You can find this information under your account on the AffiliateWP website.

AffiliateWP license key

After activating your license key, you need to select a page to be used for Affiliate Area. AffiliateWP automatically creates one for you, but if you want to use a different page, then you can select it here.

Next, you need to choose the terms of service page. You can check out affiliate program terms pages on other websites to create one for your own site. After creating the page you can select it here.

After that, you need to review other settings on the page and set them up based on your own referral program policies.

Don’t forget to click on the ‘Save Changes’ button to store your settings.

Next, you need to switch to the integrations tab on the Settings page. From here you need to select the integrations you want to enable. AffiliateWP supports most popular eCommerce, membership, contact form, and LMS plugins.

AffiliateWP integrations

Click on the save changes button and then switch to the ‘Emails’ tab on the Settings page.

AffiliateWP allows you to edit emails sent out to your affiliates. You can also upload your business logo, create your own email templates, and choose a professional email address to use to send out affiliate emails.

Setting up emails

Note: If you are unable to receive email notifications, then follow our guide on how to fix WordPess not sending email issue.

Lastly, switch to the Misc tab on the settings page to set up advanced settings for your affiliate program. The first option on the page is to allow affiliates to register themselves. You can check this if you want affiliates to be able to sign up for your referral program.

Misc settings

Next, you would also want to enable reCAPTCHA to prevent bots from registering as affiliates.

You will need to carefully review each setting and change them as needed. Don’t forget to click on the save changes button to store your settings.

Adding Links to Your Referral Program

Now that you have set up your referral program, the next step is to add links to it. For example, if you have enabled affiliate registration, then you may want to add a link to the affiliate area so that interested marketers can register themselves.

Simply go to Appearance » Menus page and add your affiliate area page to a navigation menu. For detailed instructions, see our beginner’s guide to adding navigation menus in WordPress.

Add link to affiliate area

Clicking on the link will take users to the affiliate area where they can register to join as a new affiliate, or login to their account to see their reports.

Affiliate area

Managing Your Referral Program in AffiliateWP

AffiliateWP comes with powerful tools to manage your affiliates, view reports, and effectively run your affiliate program without leaving WordPress.

To view affiliates that have joined your referral program, simply go to Affiliates » Affiliates page.

Affiliates

On this page, you can see a list of all your affiliate partners, their earnings, unpaid earnings, referral visits, and more. You can edit any affiliate account individually.

To view each sale made through a referral partner, you need to visit Affiliates » Referrals page. Here you will see all referral sales, affiliate partner, amount, and more. You can also click on the ‘Reject’ link if you suspect a referral to be fraudulent.

Referrals

Viewing Your Referral Program Reports in AffiliateWP

Reporting is crucial to run a successful referral program, and AffiliateWP comes with powerful reporting features. Head over to Affiliates » Reports page for a full overview.

Reports overview

You can filter the reporting period by time and specific affiliate partner name. You can also view reports for affiliates, referral visits, and campaigns.

Sending Payments to Your Affiliates

AffiliateWP comes with two types of Payouts.

The first one is AffiliateWP’s Payout Services features. It allows you to easily send payments to your affiliates via AffiliateWP’s parent company. They will be using Stripe to directly deposit payments to your affiliate’s debit card or bank account.

You can enable this feature by visiting Affiliates » Settings page and switching to the Payouts Service tab.

Payouts service

The second method is to use PayPal, which is available as a separate add-on under the Professional license plan.

Alternately, you can also manually pay your affiliates by visiting the Affiliates » Referrals page and click on the ‘Pay Affiliates’ button.

Manually pay affiliates

You can then select a time period and generate a payout list which you can then use to manually pay your affiliates using PayPal, credit card, online banking, or any other payment method of your choice.

We hope this article helped you learn how to create a referral program in WordPress. You may also want to see our guide on how to get a free SSL certificate for your website, or check out our showcase of must-have WordPress plugins for business sites.

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 Referral Program in WordPress appeared first on WPBeginner.


June 15, 2021 at 04:00PM