Tips for Mastering Typography on Your WordPress Website

Having the most beautifully designed WordPress website is great. That is, unless you ruin it with hard to read fonts. Fonts are fun and exciting. And there are so many to choose from. Think about it. How many themes have you seen boasting access to 700+ Google fonts? Fonts make up the bulk of your website. This is how your visitors engage with your ideas, products, and even some images. But without the right typography, your readers are sure to become frustrated.

The post Tips for Mastering Typography on Your WordPress Website appeared first on WPLift.

5 Ways to Integrate LinkedIn to Your WordPress Website

Want to add a dose of professionalism to your WordPress site? LinkedIn is by far the most popular social network for professionals. So if your site is focused on business or other topics professionals concern themselves with, then it’s a good idea to take advantage of this fact and add some of the social network’s elements to WordPress.

But how? That’s the question, and I’ve got the answer…

In this post, I’ll go over the different methods of integrating this social network with WordPress. Then, I’ll give you the best plugins and tools to accomplish each method. Let’s get into it…

1. Embed LinkedIn Profile Information in Your WordPress Site

One of the simplest ways to integrate your profile with WordPress is embedding the profile information. The exact information that you’re embedding will depend on your specific situation:

  1. If you’re an individual, you can embed your personal profile in various ways.
  2. If you’re representing a company, you can embed your company’s profile on your WordPress site.

I’ll show you solutions to accomplish both. Here’s how you can do it:

Use the Manual LinkedIn Developer Embed Code

For this one, you don’t even need a plugin. Plugins might make your life easier, but the network provides a handy embed code that you can use to add personal or company profile information to WordPress.

Just head to the LinkedIn Developer Network’s Plugin page. Then, click on the embedded object you’re interested in. For example, if you click on Member Profile, you’ll see a preview page for your own profile (assuming you’re logged in). Then, you just need to click Get Code:

LinkedIn Get Code

You can add that code to any WordPress post or page to embed your profile. It’s also possible to add it to the Divi Code Module to embed profiles when building pages with Divi:

Divi code module

You can play around with other LinkedIn Developer plugins to integrate even more profile information. For example, if you’re creating a company website and you want to highlight the employees working at your company, you can use the Company Insider plugin:

Company Insider plugin

Price: Free | More Information

WP LinkedIn – Plugin to Help Embed Profile Information

WP LinkedIn

If you don’t want to deal with embed codes, you can also turn to a plugin to help you include your profile on WordPress. WP LinkedIn provides simple shortcodes to display your profile anywhere on your WordPress site.

For example, to add your profile card, all you need to do is use the “[li_profile]” shortcode in a post, page, or Divi module.

Price: Free | More Information

WP LinkedIn for Companies

A premium extension to the above plugin, WP LinkedIn for Companies allows you to embed similar cards for company profiles. You can also include company updates via shortcode.

Price: $40 | More Information

2. Add LinkedIn Sharing and Follow Buttons

Another simple method for integrating this social network with WordPress is using follow and social share buttons. Many social sharing plugins include this network as a default option, but I’ll also share some plugins to add social buttons.

Monarch – Add LinkedIn Sharing and Follow Buttons


If you’re subscribed to the Elegant Themes Developer package, you’ve already got access to a social sharing plugin that can handle LinkedIn. Monarch lets you add social share buttons to all of your posts and pages.

You can also use Monarch to add follow buttons to your sidebar.

Price: Included in the $89 Elegant Themes’ Developer package | More Information

LinkedIn by BestWebSoft

LinkedIn by BestWebSoft

If you don’t need a full social sharing plugin, LinkedIn by BestWebSoft lets you create share and follow buttons exclusively for this network. You can choose whether to display your buttons before or after your post content and whether or not to display share numbers.

Price: Free | More Information

3. Cross-Publish Content Between WordPress and LinkedIn

Both WordPress and LinkedIn allow you to publish content. But if you don’t have time to create unique content for each platform, you may find yourself wanting to cross-post content between your WordPress site and your profile. These tools will help you accomplish that…

LinkedIn Auto Publish

LinkedIn Auto Publish

LinkedIn Auto Publish lets you automatically publish your WordPress posts to your profile. It also lets you customize how exactly this happens and which posts get published.

For example, you can choose whether or not to include images when posting content to this social network. You can also choose to exclude certain post types from being published to your social profile.

Price: Free | More Information

LinkedIn Company Updates

LinkedIn Company Updates

LinkedIn Company Updates allows you to bring content from your social profile onto your WordPress site. The plugin gives you a shortcode which you can use to display an updated feed of all of your company’s latest updates.

Price: Free | More Information

IFTTT LinkedIn and WordPress Recipe

IFTTT LinkedIn

This one isn’t a plugin, but if you’re familiar with the automation website called IFTTT (If this, then that), you can set up a recipe to automatically publish your WordPress posts to your social profile. No need to create your own recipe – there’s already an existing recipe which lets you cross-post WordPress content straight to your profile.

Price: Free | More Information

4. Add LinkedIn Login to WordPress

You’re probably familiar with Facebook login for third-party websites. But did you know that this social site has its own login functionality? You can add this login method to your WordPress site to allow your users to log in or sign up with their profile.

LinkedIn Login

LinkedIn Login

LinkedIn Login lets your visitors sign up to your site with a single click. If they’re already signed up, they can log in just as seamlessly.

To create a user’s WordPress profile, the plugin will automatically pull their first and last name from their social profile. Adding the sign up/log in button is as simple as inserting a shortcode wherever you want it to appear.

Price: Free | More Information

5. Accept Job Applications on WordPress via LinkedIn

If you have job postings on your WordPress site, you’re probably looking for the most efficient way to accept applications. Well, let me submit one idea:

Allow readers to apply via their social profile.

Apply with Linkedin For WordPress

Apply with LinkedIn

Apply with LinkedIn For WordPress lets you add an “Apply with LinkedIn” button anywhere on your WordPress site.

But here’s the best part:

You can view all of your job applications directly from your WordPress dashboard. Yup – you can download CVs and view basic profile information without leaving the comfort of your WordPress site

Price: $17 | More Information

Wrapping Things Up

There you go! Five different ways to integrate LinkedIn with WordPress with all the tools and plugins you need to utilize each method.

Whether you just want to add share buttons or go more advanced with cross-published content and  job applications, you should have everything you need.

Do you actively make an effort to integrate LinkedIn with WordPress? I’d love to hear why or why not in the comments.

Article thumbnail image by Gamegfx / 

The post 5 Ways to Integrate LinkedIn to Your WordPress Website appeared first on Elegant Themes Blog.

TravelKit, the Full-Fledged Travel and Tourism WordPress Theme

TravelKit is a premium responsive WordPress theme for the tourism sector. If you are in charge of a travel business or agency, TravelKit is the ultimate thing you need to launch a super-functional tour site. The theme is loaded with tons of industry-specific features that will make your site incredibly user-friendly and easily manageable.

Why a Website Badge Could Increase Your Traffic (and How to Create One)

Website badges are an often unsung element of modern marketing. Using them gives you the opportunity to both take advantage of endorsements, and increase your site’s traffic to boot. They’re both simple to implement and offer a number of clear benefits – so they should definitely form part of your current marketing strategy.

This post will firstly explain what website badges are, then offer up why you might consider creating your own. From there, we’ll also give you instructions for creating a badge that links back to your site, and some tips for sharing it.

An Introduction to Website Badges (and How They Can Increase Your Traffic)

Website badges are typically small graphics that contain a link to an associated website. In the past, badges were mostly used for awards, validations, and accreditations. For example, you could have a badge for creating a well-coded website:

Validation badge examples

Another common use was professional accreditations:

A public relations accreditation badge with a message to recipients

While these applications are still fairly commonplace, the role of badges has broadened – and they can be applied to virtually any business. For example, you can use a badge to show where your work has been featured, or to display the companies involved in a particular project. They can also be excellent marketing tools to help you gain exposure for your blog, sell your product, or promote an event.

Let’s take a look at an example of an event-specific badge. Attendees are encouraged to add it to their site to help gain exposure, and as a result, attract more participants:

A BlogHer16 event attendee badge

Having your own badge for other people to place on their site offers a way to show their affiliation or endorsement to your brand. For you, it results in referral traffic directed from their website. Similarly to a logo, a website badge is representative of your brand. If it’s designed well (which we’ll discuss later), having an official badge can add credibility and entice new visitors.

Another important point to note is that badges take advantage of people’s tendency to process visuals faster than they do text. While it’s beneficial to have people link back to your site through text links, visuals are more likely to grab attention and hence get clicks. People also tend to remember and recognize images more easily, so a badge makes it easier to promote familiarity and create a longer-lasting impression.

How to Create Your Own Website Badge (in 3 Steps)

Let’s move on to creating your website badge. Here we’ll walk through the three key steps to creating your own.

Step #1: Design Your Badge

The first step is to create a visual that represents your brand, and entices people to click. If you already have a great logo, you may want to use this (or an adapted version of it) to maintain a cohesive brand representation. For example, Ruffled uses its title text against one of the brand accent colors to create a badge for featured websites throughout the year:

A Ruffled badge for those featured on the site in 2016

NAMC’S 3–6 Montessori Homeschool Program uses an exact copy of its logo, title text, and tagline to create this badge for supporters to share:

A badge issued by NAMC's 3-6 Montessori Homeschool Program incorporated into a blog post

As for creating badges, there are lots of tools you can use such as Photoshop, Canva, and PicMonkey. Photoshop users will be able to find numerous tutorials for designing badges, and for other tools you can start with tutorials for creating logos, which are similar in concept:

A website badge in Canva's design interface

Canva’s design interface

There are also dedicated online tools to create badges such as ImageFu and Webestools. However, these tend to offer very limited design options, and often have less intuitive interfaces than the tools mentioned above:

ImageFu's design interface

ImageFu’s design interface

Here are four elements to bear in mind when designing your badge:

  1. Size. It’s common to offer multiple size and/or shape options to users. A common size is 125px x 125px. Ultimately, you want the badge large enough to see easily, but to also have a small footprint.
  2. Colors. Your own website color palette may clash with those of other sites, preventing them from wanting to display your badge. Therefore, selecting colors for your badge may be even more difficult than normal. A neutral or monochromatic palette for at least one version of your badge is a good idea, although you can again offer multiple options to suit a myriad of websites.
  3. Text. Just as in a logo, text in a badge is optional. However, since people may not be familiar with your brand, most cases warrant the use of at least some text such as your company name or a slogan.
  4. Overall Design. If designed properly, a badge can grab people’s attention and compel them to click. Try to make it intriguing and enticing through interesting imagery and engaging content. Combining the concepts of logo design and button design is a good idea, and doing so enables you to create something that encourages familiarity, while also attracting clicks.

Of course, if you’re not design-savvy (or you simply don’t have the time), you can opt to hire someone to design your badge for you. There are tons of graphic designers ready to tackle these sorts of job at a wide range of prices. If this sounds like a route you’d like to take, some places you can look for a designer are Dribbble, 99designs, Fiverr, Upwork, and Freelancer.

Step #2: Convert Your Design Into a Clickable Image

Once you have an image you’re happy with, you can convert it into a badge that links to your website when clicked. However, before that you need to decide where to host it. One option is your own website, but this will mean a bandwidth hit every time the image is uploaded onto someone else’s site. If those are high-traffic sites, you stand to lose a lot of bandwidth.

However, there is a simple solution – Jetpack’s Photon. This free service will host your images on the server, lessening the load on your own, and accelerating the speed that images are delivered to your readers.

Once Jetpack is installed, navigate to Jetpack > Settings on your WordPress dashboard. From here, select the Appearance tab and click the Photon button so that it is in the activated (blue) position:

A section of the Jetpack Appearance tab

Now you can upload your image as usual to your Media Library. Doing this will generate a URL:

The image URL highlighted within the Media Library interface

Next, you’ll need the code to display your badge. Copy and paste your image URL into the following line of code, along with your website’s URL and any relevant ‘alt’ text:

<a href="link URL"><img src="image URL" alt="alt text"></a>

Code snippet source: Rockstar Finance.

You can now issue this line of code to anyone who might want to place their badge on your site.

If you’re not using Jetpack, there are some alternative options for hosting your images. You could use a Content Delivery Network (CDN) such as Cloudflare, or a photo hosting site such as Photobucket.

Step #3: Share Your Badge

Now that you’ve created a clickable badge, you can share it with others. It’s here you’ll need to flex your promotion and marketing muscle – so ask your readers, guest posters, and other affiliates to share it on their website. Some people may already be referencing your site using a text link or non-clickable image. Simply contact them, letting them know you have a badge available to use instead.

You can also search for other sites that may be appropriate for sharing your badge. There are lots of resources to help you find influencers in your niche and approach them professionally. Once they agree to display your badge, offer them your code snippet.

There is also a simple way to get people to display your badge without asking. You can add a specific ‘Grab a Badge’ page or sidebar section to your website. That way, if someone wants to endorse your site, they can simply copy and paste the code without you having to do any extra work. It’s a passive approach to building a following – another great reason to use website badges.

How to Add a Badge Page to Your Divi Website

If you’re a Divi user, it’s simple to create an easy to use Grab a Badge page or sidebar section for your site:

A Grab a Badge page with two different colored badges above their corresponding code.

Using the Divi Builder,  you can create almost any type of layout for your page. Ours looks like this:

The Divi Builder layout for the "Grab a Badge" page

The Code modules let you insert the line of code you created above, enabling the clickable image to be displayed. The Text modules let you display the line of code via the Visual tab. Columns and rows can be added as required to display multiple badges for your visitors to choose from.


Creating a website badge can drive referral traffic and improve your overall brand image. However, for various reasons, these simple clickable images are often overlooked as a solid marketing tool.

In this article, we’ve outlined why you might want a website badge of your own, and the steps you can take to create one. Let’s recap those quickly:

  1. Design your badge.
  2. Convert your badge to a clickable image.
  3. Share your badge with others.

Do you think a website badge will help increase your traffic? Let us know in the comments section below, and don’t forget to subscribe so you can follow the conversation!

Article thumbnail image by rzarek /

The post Why a Website Badge Could Increase Your Traffic (and How to Create One) appeared first on Elegant Themes Blog.