Loading...

Follow WordPress Themes Loved By Over 430k Customers on Feedspot

Continue with Google
Continue with Facebook
or

Valid

If you were a kid in 1994 or later, then you know what a rainbow tastes like: Skittles. It’s so simple, yet so memorable – Skittles come in a rainbow of colors and flavors. That’s it. One of the simplest metaphor examples, yet it’s stuck with us for over 20 years.

This is the power of metaphors. They create vivid, easy-to-recall images in your head, and they stay there without budging. As a marketing tool, this sticking potential is what every brand is after.

Metaphors 101

A metaphor is a figure of speech that has an implied comparison. Ideas that are not typically related are related to one another in order to make a point.

Metaphors are part of figurative (not literal) language. Figurative language is when common, ordinary or even boring statements are spiced up in engaging, creative and emotionally-appealing ways. They’re often exaggerated, but not for the purpose of being dramatic, just to make the point stronger.

6 Types of Metaphors

There are several different types of metaphors, and familiarizing yourself with them will help you choose the right one (and know which one not to choose – dead metaphor, I’m looking at you). Let’s explore six different types, along with a few metaphor examples.

There are many more types of metaphors that you can look into, but for the sake of this article, I’ve stuck with basic definitions of the metaphor types that will be most important to understand for marketing purposes.

1. Absolute Metaphors

Absolute metaphors are also called anti-metaphors or paralogical metaphors; they’re not easily understandable and are often confusing. “The old man was dead as a doornail” is an example of an absolute metaphor.

The problem with the absolute metaphor is that it’s not always simple enough. “Dead as a doornail” has been around for long enough that you know this means “very, super dead,” even if you have no clue what a doornail has to do with it. Other absolute metaphor examples are trickier to decode, though.

For example, if I say, “This vacation is a wave pool,” what do I mean? Is my vacation pretending it’s something it’s not – is there some type of falsity to it? Or is it bombarding me with problems every time I solve the last one? Or maybe I’m just spending a lot of time in a wave pool? You have no idea, which makes it a poor metaphor if you’re trying to get a point across.

2. Dead Metaphors

Dead metaphors have been overused so much they’re now cliche and not nearly as impactful as they once were (you’ll read a lot of them in this article as I give you examples). “The teenage girl was fishing for compliments” is an example of a dead metaphor.

3. Extended Metaphors

Shakespeare can provide numerous extended metaphor examples, like his “all the world’s a stage” metaphor in As You Like It (read it here) and when Juliet is compared to the sun in Romeo and Juliet. Extended metaphors are lengthy and create more complex comparisons than a basic metaphor.

For marketing purposes, you may want to stay away from this. Extended metaphors (and complex metaphors in general) are lengthy and you can easily lose your audience. Plus, it’s hard to recall what you were talking about in the first place once you’re seven innings deep in a sports metaphor.

4. Mixed Metaphors

Mixed metaphors combine two or more metaphors for comparison’s sake: “He broke my heart, but I’m back in the game and soon I’m sure it’ll be raining men.” Unless you’re doing this on purpose to be funny, steer clear of it.

5. Root Metaphors

Root metaphors are a pervasive part of a person’s viewpoint; they shape or express how a person innately feels. Some of them are dead metaphors, too. “Life is a journey” is an example of a root metaphor that’s also – depending on who you ask – a dead metaphor.

In marketing, you can create your own root metaphor for your brand and use it as a tagline or campaign slogan. This will be especially helpful if you have a cutting-edge product, nothing like anything anyone’s ever seen, that you need to explain in a way that people will relate to.

6. Sensory Metaphors

Sensory language describes an action or scene using words that connect to the senses – sight, sound, smell, taste or touch. The reader feels like they’re experiencing the scene firsthand, which makes it extra memorable. Sensory metaphors use sensory words to make the comparison. “Your voice is music to my ears” and “that surprise birthday present was the cherry on top” are sensory metaphor examples.

Metaphor: Not a Simile, Kind of an Analogy

Metaphors say that one thing is another thing. Your book is a snore.

A simile uses “as” or “like” to make the comparison. Your book is like a long nap.

An analogy makes comparisons on multiple levels. This is similar to an extended metaphor, but an analogy may use a combination of metaphor, similar and sensory language:

How do you perk up a boring book? Pay attention to the parts that are a snore. Action can wake the reader up, alert and ready for the next thing that happens.

How to Write Your Own Metaphors

Think about your personal interests or hobbies – it’ll be easier to make comparisons to topics you know inside-out. Do you like cooking, movies, music or sports? Come up with comparisons to cooking ingredients, movie genres, famous musicians or your sport-of-choice.

Not only will this clarify your comparison, but it’s a non-egotistical way to help your audience get to know you without coming straight out and saying “I like this” or “I hate this.” For example, if I said, “Freelance writing is a horror movie where every time you think you can take a break, another monster is waiting around the corner,” you know that (a) I’m a freelance writer and (b) I’m a movie fan.

P.S. If you’re developing a brand voice to use in your marketing, choose one or two hobbies to use for all of your metaphors. Make sure it’s something your audience will love. For example, the hosts of The Popcast, a pop culture podcast, use a lot of sports metaphors – it’s in-line with both pop culture and the hosts’ interests. (Knox also refers to people as a bologna sandwich when they’re boring.)

As you’re playing around with ideas and reading metaphor examples, jot down whatever comes to mind. It doesn’t matter if it’s lame, unclear or silly – great writing, especially when it comes to short, thought-provoking metaphors, often starts out messy and jumbled.

Visual Metaphors

Metaphors aren’t limited to text, especially if you have a creative graphic design team supporting you. Here are three visual metaphor examples:

Be Forewarned

There are “Truth in Advertising” guidelines that companies have to follow. Even if you think a metaphor is harmful, you could end up like Red Bull, having to clarify that the energy drink does not, in fact, cause you to grow wings.

Final Thoughts

Instead of over-using metaphors, pick and choose which ones you use and when you use them. If an idea or feeling will be better explained through a metaphor, or if you think that a metaphor will make a lighthearted situation more humorous, go for it. You can also A/B test emails and social media posts to see if the one with the metaphor or the one without gets better engagement.

Speaking of split testing, learn how to do this on your website with Divi.

The post Using Sensory Language and Metaphors to Boost Your Marketing’s Effectiveness appeared first on Elegant Themes Blog.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Simple Overlay Solution is a third-party plugin for Divi that makes it easy to create full-screen overlays, popups, and mega menus with the Divi Builder. Add multiple overlays to any page. Choose between a click or an automatic timed delay trigger, a light or dark loader, and a light or dark background. Style the close button, or create your own background and buttons with the Divi Builder. Each overlay has a 30-day cookie.

Simple Overlay Solution

Upload and activate the plugin as normal. Then, you’ll need to activate the license. In the dashboard menu, go to Settings > Divi SOS Activation and enter your API key and email.

Import SOS Samples

The SOS plugin comes with a set of demos as a JSON file that you can import into the SOS library. First, unzip the download file to access the JSON file. These are great to get you started.

In the dashboard menu, go to Divi > SOS. Select Import & Export.

Import the JSON file like any layout.

You now have 5 demos in the SOS library. You can see the demos at the developer’s website.

Creating SOS Layouts

SOS Layouts are also created in the SOS library. Go the library and click Add New.

Name the layout something that makes sense to you. Choose Layout for the Layout Type.

Select SOS Layouts for the category.

I chose a premade layout and then selected the Contact page from the Resort layout pack. To the right (or at the bottom if you’re viewing with visual mode) is the layout settings. This gives you the HREF code for the layout so you can trigger it on any page (anywhere that allows for a URL). This is the link you’ll use for buttons, text, etc., to trigger the overlay.

You can also have it to show automatically (this opens a setting for time and to enable a cookie so it knows the visitor has seen the overlay or popup). Set the transition to fade, slide, or none. Choose a light, dark, or no background. Select a light or dark loader color. Select whether or not to show the close button. You can style the button and its background.

The loader can be light or dark. Here’s the dark loader over a light background.

Example SOS Overlays

I’m creating an overlay that will show booking information when the visitor clicks on the Book Your Getaway button. Add the link to your button URL in order to trigger the overlay.

I set the section’s background to transparent, chose a light background in the SOS settings, and customized the layout to use only one of the sections. Clicking on the Book Your Getaway button opens the section to book the stay. The background includes the white overlay. I’ve also added the close button and styled it to match the layout. The layout is placed at the top of the screen and takes the full width. This can be customized with padding.

I’ve added a little bit of padding to the top of the section. I’ve also disabled the background so I can control it with the Divi Builder.

For this one, I’m using the contact form from the same layout. This time, I’ve added a box shadow to the bottom row so it will stand out from the overlay’s background.

I added the link to a button on the same page as the first overlay (you can add as many as you want). This one opens a contact form when they click on the Message Us button.

The result looks interesting. I didn’t add a close button to this one. The visitor can click anywhere off of the form to close the overlay. I’ve added a background to the row and set the opacity so just a little of the background shows through.

This one uses a section from the Investment Company layout. I want to create a popup with a call to action. I’ve set it to show automatically with a 1000 millisecond delay. When showing automatically, you don’t have to add the link anywhere. It automatically shows on every page. I’ve also set the cookie to only show the popup once every 30 days.

The popup shows 1 second after the page loads. This creates a CTA as a popup, and it will only show once every 30 days. You can’t tell in this image, but I also gave it a parallax background, just because. This allows you to be as creative with popups as with any page design.

I’m moving the close option from the button in the top right corner to a button created with the Divi Builder. I cloned the button from the layout, changed the text, and added the close link to the URL.

The result is a clean design that works great as a CTA.

I went back to the design and added a new background and a button that opens another page.

For this one, I created a newsletter popup based on the Esports layout. I’ve set the popup to open automatically after 30 seconds. The background is set to dark and the loader is set to light. I will also include a close button using colors from the layout.

The subscribe popup looks great and fits perfectly within the site’s design because it’s actually from the site’s design. I like that it can use regular Divi layouts to create the popups.

Mega Menus

You can also create mega menus with SOS. Create a custom link as a menu item and then add the overlay’s link to the menu item’s URL.

I’ve added the overlay to the About link in my slide-in menu. You can have a different overlay for every link in the menu if you want, and they can be anything you can build with Divi.

Simple Overlay Solution Price

There are two licenses for SOS. Both have a one-time fee and include lifetime updates.

  • 1 website and 1 dev site – $25
  • Unlimited websites – $45

You can purchase SOS from the developer’s website.

Ending Thoughts

Simple Overlay Solution is easy to use. The controls simple and intuitive. Building the overlays is almost the same as building a page with Divi. If you can use the Divi Builder you can use SOS. The Divi pages load fast because the overlays are not preloaded. Overlays and popups also load fast.

I like that it has a cookie. This gives you some control over your popups so the same visitor won’t have to see the offer every time they visit the website. I’m sure it wouldn’t be easy to do, but I’d like to see a few cookie options. For example, maybe set it to show once per week, once per day, twice per month, etc. A few loader options would be nice, too. Maybe different choices and color customizations. I’d also like the ability to exclude a page from showing the automatic overlays.

I like that a regular Divi button can be used for the close button. This opens up a lot of design possibilities and you’re not limited to using the built-in button. If you do want to use the button, it does have a lot of color options.

SOS is an easy plugin to recommend. If you’re interested in an easy way to create overlays, popups, and mega menus with the Divi Builder, Simple Overlay Solution (SOS) might be the plugin you need.

We want to hear from you. Have you tried the Simple Overlay Solution plugin to create overlays and popups? Let us know what you think about it in the comments.

Featured Image via Bakhtiar Zein / shutterstock.com

The post Divi Plugin Highlight: Simple Overlay Solution appeared first on Elegant Themes Blog.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Being humble is always a good thing, or so we’re told. However, when you’re trying to launch or grow a business, you need to put humility aside and do a bit of ‘shameless’ self-promotion. In fact, the success of your project depends on it.

It’s important to understand though, not all self-promotion is shameless. In most cases, it all has to do with your approach. In this article, we’ll discuss the difference between both types of self-promotion, why you need it, and how to go about it right.

Let’s get started!

What’s the Difference Between Shameless and Healthy Self-Promotion?

What we call ‘shameless’ self-promotion basically refers to the degree to which you take it. Let’s say, for example, you’re up for a performance evaluation. Naturally, you’ll want to do a bit of self-promotion to highlight how you’re an asset and why you should be given more money or responsibilities.

Now, imagine instead of a little bit of talking yourself up, you start making up aspects to impress your superiors or disparage your coworkers. This is an example of shameless self-promotion. It may work in some cases. However, a lot of people can see right through it and people generally don’t like those who toot their own horn constantly.

Sometimes, though, you’ll be the perfect person for the job. In those cases, tooting your own horn is just fine as long as you keep it in moderation and know when to change the subject.

Why Does Your Business Need Self-Promotion?

Consider for a moment just how many new businesses you’ve seen on your daily commute. If you live in a big city, it can seem practically limitless. Furthermore, if you hadn’t seen them, you may have never heard about them from any other source.

In a nutshell, this is why self-promotion is essential for businesses. When you launch a new enterprise, you need to get the word out fast. The better you are at it, the higher your chances of getting your business to become viable. That’s no small feat either because about 50% of all businesses fail during their first five years.

Self-promotion comes in many flavors. You can market your business online using ads, work on your local Search Engine Optimization (SEO), get influencers talking about it, and more. Those are all what we’d consider healthy self-promotion initiatives. Pestering friends and family to pass out flyers, on the other hand, is probably just going to make them not want to spend time with you.

5 Shameless Self-Promotion Techniques You Should Avoid

We’ve already given you a couple of examples of what we consider shameless self-promotion. However, shamelessness can be a very deep well, so get some popcorn ready and let’s talk about other approaches you should avoid.

1. Asking Friends and Family to Patronize Your Business

This is one of the most common pitfalls that small business owners fall into. When you launch a new project and you’re excited about it, the first thing you want to do is tell friends and family. This, in turn, can create an obligation to patronize your business – although this isn’t necessarily a bad thing.

The shameless part comes when you constantly bug those close to you to spend money on or spread the word about your business. You’ve probably seen this before on social media, where people get their contacts to retweet or share information about their projects.

Of course, there’s nothing wrong with wanting friends or family to support your new enterprises. However, it’s important to understand they’re under no obligation to do so, and if they don’t you shouldn’t pester them about it.

2. Making Every Conversation About Your Projects

It’s obviously okay to promote your business. However, doing so all day long to every single person you run into is not so good. It’s a very quick way to lose people’s attention and respect.

As you may expect, starting a new business is a full-time job. In a lot of cases, it’ll be all you think of for a while. When you get into that mindset, it’s easy to believe everyone’s just as invested in the project as you are, so you never shut up about it.

Even if you don’t realize you’re doing it though, it’s still a bit shameless – particularly if you’re trying to get money from people. Our advice is simple – don’t try to turn every conversation into a business pitch unless you want to stop getting invited to places.

3. Spamming Your Contacts Via Email and Social Media

These days, you don’t need to leave the house or put on pants to network, which is a godsend. You can get in touch with influencers right from your couch, negotiate with them to get the word out about your business and drive more attention towards it.

This is a great way to use social media to garner interest. The shameless approach, on the other hand, would be to spam all of your social network profiles with posts about your business asking people to share them.

The same goes for email – if the end user starts getting too many messages from the same websites promoting their products and services, we’re probably going to trash them. On the other hand, if you only send the occasional email with great offers and avoid sounding too salesy, it’s more likely to be read.

How Can You Approach Self-Promotion in a Positive Way

At this stage, you may be a bit scared of self-promotion in general due to how easy it is to fall into the ‘shameless’ category. However, we can sum up what makes self-promotion shameless in three quick points:

  1. How often you do it.
  2. The intensity with which you approach it.
  3. Who you’re promoting yourself to.

Healthy self-promotion is all about knowing where to focus your efforts and knowing where to draw the line. When it comes to your business, for example, you may want to focus less on friends and family. Instead, you could consider using social media to connect with users with enough clout to spread awareness faster.

Online ads are also a great way to self-promote your business. These days, you can be incredibly picky about the audiences you target, which means you can focus on the exact users who would be interested in your products or services.

Finally, you need to keep in mind that although self-promotion is important, it’s not the only aspect of running a successful business. You also need to make sure you’re offering products or services people want and giving them an excellent experience. In the long run, those two things can be better than any amount of self-promotion when it comes to growing a business.

Conclusion

We all engage in self-promotion to some extent. The difference is, some of us can be a bit more shameless about it. That’s not necessarily a bad thing within limits though, especially when you’re trying to get a business off the ground.

For example, pestering your friends and family constantly to support your business gets old pretty fast. On the other hand, using social media to garner attention is completely fine, as is cold-calling to find new business and playing up your strengths.

Do you engage in shameless self-promotion to grow your website? Share your tricks with us in the comments section below!

Article thumbnail image by Visual Generation / shutterstock.com

The post Is Shameless Self Promotion Really That Bad? appeared first on Elegant Themes Blog.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

I have been building websites for years and have been using Divi exclusively since it’s release. Back in 2015 I even joined Nathan Weller for an episode of Divi Nation, and the topic was on Building a Divi Consultancy.

Like most Divi users, I worked mostly with clients that needed help with their single website. Unfortunately, most of those clients rarely provide an opportunity for long-term ongoing work.

So, like most website design freelancers, I found myself always on the search for new customers and new projects. That all changed when I decided to stop looking for clients and started looking for Divi White Label Partners.

What Is a Divi White Label Partner

Divi continues to thrive because it is a great product and has one of the largest WordPress related online support communities. With more and more larger companies and agencies embracing Divi, the need for experienced Divi designers and developers continues to grow.

Many of these agencies do more than build websites, and they need someone who can tackle the website design and development piece so that they can provide their services. They choose Divi because it is easy for their team to maintain, update, and add new content after the initial build. Here is a sampling of some of the Divi White Label Partners we work with.

  • Marketing Agencies
  • Social Media Managers
  • Hubspot Partners
  • IT Service Providers
  • Life Coaches
  • Business Coaches
  • Content Providers
  • SEO Consultants
  • Other Website Design Agencies

So while website design may not be their core offering, most of their services will revolve around a well-built website. And that’s where your Divi expertise comes in.

The Benefits of Partnering

These are just a few of the benefits of Divi White Label Partnerships as a freelancer and/or small agency.

Ongoing Work

One of the benefits of partnering with agencies like this is the potential for ongoing work regularly. By partnering with a handful of large agencies and a more significant number of small agencies, we now have a steady stream of new projects scheduled out several months in advance.

Partnering has allowed us to budget and forecast much easier. The goal is to avoid the infamous “feast or famine” that is typical in the world of freelance.

Decrease Sales/Marketing Time & Expense

Another benefit to White Label Partnering is not having to spend so much time on sales and marketing calls. Before making this change, I had to spend hours and hours each week on non-billable calls, emails, and proposals.

Since our partners know who we are and what our capabilities are, we do not have to spend all that extra time trying to explain who we are and what we are capable of before each new project. With all this extra time saved each week, it allows us to focus more time on doing what we do best which is building awesome websites using Divi.

Specialize in One Platform

Partnering has also allowed us to expand our Divi skillset. Our partners are always throwing us new challenges and unique requirements. This allows us more time to think outside of the box, create new Divi features exclusive to our client’s needs, and learn new tricks within the Divi inner workings.

How To Be a Successful Divi White Label Service Provider

There are already many people who offer this type of service, and it is not something new. But I also know many Divi users would like to start providing this service and would like a few tips that helped me.

Change Your Mindset From Clients To Partners

When I decided to market this service, I created a separate landing page on our Monterey Premier website. We immediately started receiving incoming leads for this service, and after many phone calls with these leads, I learned several things.

One of these things was that many of them have tried outsourcing to large “White Label” services in various parts of the world and got burned in one way or another. Most service providers have the mindset that these are merely customers.

The difference between a customer and a partner is that as a partner, we have the best interest of the partner in mind.

  • We want them to succeed
  • We want them to have a great reputation
  • We want them to trust the source
  • We want them to have consistent work
  • We want them to feel like we work right there by their side as if we were employees
  • We want their clients to be stoked with the end result
Help Manage Projects and Client Expectation

Another pain point was that many of our smaller partners struggled with project management and scoping. So now we often get involved at the beginning of the project to help them scope it out, recognize potential challenges, and make recommendations early on.

We will even get on a client call with them as a representative of their company. Many of my partners trust me to work directly with their clients. We do several weekly screen sharing progress reports with their clients. They love that we treat their clients the way they want their clients treated.

Communicate Frequently

One more common pain point was communication. If you are a designer or developer, then you understand how hard it is to switch gears from coding, to project management throughout the day. But lack of communication can be a real frustration for agencies who outsource.

Nathan Ingram has a great rule on communication that I try to adhere to.

“One way to vastly improve your communication is to send a three-sentence email every Friday. Send a short, simple email to your clients each week that explains where the project is at: ‘This is what we did this week (past). This is where things are (present). This is what’s next (future).’ ” – Nathan Ingram

Be Diverse in Who You Choose to Partner With

One of my biggest mishaps was getting comfortable with having only one or two big agency partners. While it was great getting three to four new website builds each month from those two partners, we took a big hit when things slowed down.

Now we go after a combination of large and small businesses to partner with. So while the large agencies throw us some large projects now and then, we get to fill in the gaps with the occasional smaller websites that have a quicker turnaround and payment cycle.

While most of our partners are billed at the end of each month, the smaller projects allow us to receive payments throughout the month.

What to Look for in a Divi White Label Service Provider

I know that many people reading this article might be on the search for a great Divi White Label Service provider so this section is for you. In addition to the qualities listed above, these additional tips should help you find the right fit.

Look for Solid Experience With Divi

It does not mean they cannot use a variety of Page Builders & Themes, but the more experienced they are with Divi, the more they will be able to offer best practice solutions and best use of the core functions and tools.

We choose to only work with Divi because it keeps us proficient and efficient when building a custom website and website specific plugins. If you can find someone who only uses Divi, you will more than likely get a better bang for your buck and prevent future problems with the website.

Design and Development

You are going to want to make sure that your Divi White Label service provider has both design and development experience. While there are many things you can do with just the visual builder alone, there are always things that require a little CSS, PHP or Javascript tweaks.

We have built many custom plugins for unique WooCommerce/Divi integrations, LifterLMS/Divi integrations, and GoogleTracking/Divi integrations (to name just a few). It will be more convenient and efficient for you if both design and development is coming from the same team.

Consider Time Zone Differences

Most of our clients love to be able to hop on a call or video chat during regular business hours. That does not mean your service providers have to live in the same time zone as you. It just means they can make themselves available during your business hours.

Although we have team members in Texas, England, and Portugal, all of us operate on standard US business days and are available for scheduled conference calls throughout the day Monday – Friday. Fortunately, there are many amazing Divi power users all over the world so finding someone who works in your timezone should not be a problem.

Look for Divi Community Involvement and Authority

One of the things about finding someone who is very involved and trusted in the Divi Community is going to help you with the vetting process. Although there are dozens of Divi Community Facebook groups, some with over 10,000 members each, it is pretty easy to see who is active, trusted, helpful, and experienced.

It also helps to see if they are contributing to the Divi Community via tutorials, blogs, layout kits, and plugins. This will give you an idea as to whether or not they are going to be a good fit design/development wise.

In Closing

With so many people embracing Divi these days, there is plenty of room for everyone. I believe one of the reasons the Divi community has grown into one of the largest WordPress product communities is because of how much Divi users give away, including successful business strategies.

Hopefully, the strategies listed in this article will help some Divi users start a business, help some Divi users grow their business, and help some Divi users find the right partners to help their business succeed.

The post Geno Quiroz: How I Built a Successful Divi White Label Business appeared first on Elegant Themes Blog.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

One of the most common questions people ask us is “Which WordPress web host should I use?,” and one of our most popular answers is SiteGround. This particular web host has plenty of positives. Still, it’s important you understand why it’s recommend by so many before you make a commitment.

Right off the bat, we can tell you that a lot of SiteGround’s appeal has to do with its great performance and competitive pricing. Throughout this review, we’ll cover SiteGround’s features, its support system, then discuss pricing.

Let’s get to it!

An Introduction to SiteGround

SiteGround is a hosting provider that offers a lot of WordPress-specific plans, although they don’t solely cater to the platform. They’ve made a name for themselves thanks to a combination of low prices and managed hosting features, which isn’t something you see often. Plus, they’re one of a handful of web hosts recommended on WordPress.org.

As far as their plans go, they don’t skimp on features either. If you go beyond their basic WordPress tier, you see a lot of functionality you’d only expect to find with more expensive hosting providers. What’s more, SiteGround always comes out near the top of hosting service performance comparisons. As you know, ensuring your site runs fast is key to a great user experience, so that’s one plus point for SiteGround.

For now, we’ll give you a very quick overview of the features SiteGround offers and its prices. Then we’ll dig deeper throughout the next few sections.

Key Features:
  • Automatic WordPress setup.
  • Access to a migration plugin and professional help from plans GrowBig and onwards.
  • Free integration with Cloudflare’s Content Delivery Network (CDN).
  • Secure Shell (SSH) access, WP-CLI support, and PHP version control.
  • Access to Git for WordPress (only for GoGeek users).
  • Staging functionality (for GrowBig and GoGeek users).
  • Free daily backups.

Pricing: SiteGround plans start at $3.95 per month, billed yearly | More Information

What Makes SiteGround’s WordPress Plans Different?

SiteGround offers three WordPress-specific plans: StartUp, GrowBig, and GoGeek. Each plan is a bit more expensive than the last, which is (of course) the norm, and we’ll discuss prices later. In the last section, we gave you a quick breakdown of what kind of features SiteGround offers. However, you may have noticed most of the advanced functionality in the list is limited to the GrowBig and GoGeek plans.

The StartUp plan, on the other hand, is targeted towards users who want to get a single website up and running, without needing advanced managed hosting functionality. This doesn’t mean it’s a bad choice, though – with the StartUp plan, you still get one-click WordPress setup, help setting up a Secure Sockets Layer (SSL) certificate, CDN integration, and SSH access.

It’s not a bad package at all for a price that puts the StartUp plan in the tier of ‘bargain’ WordPress hosting options. However, where SiteGround really shines is when you move onto higher tiers.

With GrowBig you get to host unlimited websites, free migration, access to a professional caching tool, on-demand backups, and staging functionality. We’re big fans of staging sites, so this feature alone would justify the small difference in cost between the Startup and GrowBig plans for us.

Finally, we have the GoGeek plan, which offers improved server performance, priority support, a PCI-compliant setup, and Git for WordPress. It’s definitely a good option if you’re going to host an e-commerce store, or just want top-of-the-line performance.

The sweet spot though is the GrowBig plan, since it supports both unlimited websites and staging functionality. More importantly, the full set of features and performance it offers puts it into direct competition with more expensive managed WordPress hosts, such as Flywheel and WP Engine.

A Quick Look at SiteGround’s Customer Support

Often, budget web hosting providers cut corners when it comes to their customer support system. They take a long time to reply to tickets, hire people who don’t know the first thing about troubleshooting WordPress, and many more ways of shaving off the internal cost.

However, we believe SiteGround doesn’t fall into that category. They offer customer support via live chat, email, and phone. Waiting times tend to be quite short, and their support staff are usually able to take care of whatever issue you have.

You don’t have to take our word alone for it, though. If you look around the web, you’ll find plenty of independent SiteGround reviews. HostingAdvice, for example, has hundreds of user reviews for SiteGround and they have a perfect score when it comes to reliability and support.

How SiteGround’s Pricing Compares to Other Hosts

Finally, it’s time to talk about pricing. Low-cost hosting plans are part of SiteGround’s appeal, but as we mentioned before, they don’t offer month-to-month payment options. This means you need to pay upfront for a whole year, no matter which plan you sign up for:

To give you an idea, that’d mean spending $47.40 upfront for a year of the StartUp plan. When you move to GrowBig, the figure swells to $71.40. Moreover, SiteGround doesn’t offer discounts if you choose to pay for two or three years up-front. Nor do they include a free domain with your subscription, which translates to roughly around $10 more up front for a .com TLD:

If you only want to host a single website, the StartUp plan can be a bargain. However, do keep in mind it doesn’t offer access to some of SiteGround’s coolest features, including staging websites and their premium caching tool.

In our opinion, SiteGround’s best offer is their GrowBig plan. To sign up, you’ll need to pay a bit over $20 more than for the StartUp tier. However, the cost is quickly offset if you want to set up multiple websites.

Conclusion

As far as WordPress web hosts go, SiteGround checks many of the boxes people want. It offers great performance, a lot of helpful WordPress-specific features, an excellent support team, and good prices.

Keep in mind, though – SiteGround doesn’t offer per-month payment options. This means you’ll need to sign up for at least one-year of service, for any of its WordPress plans. However, its prices are so competitive that you get a quality of service you often only see in more expensive web hosts, so it’s a great option for WordPress users.

Do you have any questions about using SiteGround to host WordPress websites? Ask away in the comments section below!

Article image thumbnail by Alone Syplyak / shutterstock.com

The post SiteGround WordPress Hosting: An Overview and Review appeared first on Elegant Themes Blog.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Creating interactive design is something that immediately helps elevate the look and feel of any website. With Divi’s built-in options, you can take many turns and create effects that are truly unique to your website.

In this post, we’re going to show you how to decorate your page with transforming shapes on hover. The result we’ll obtain focuses on the desktop experience but keeps a neat and user-friendly design on smaller screen sizes as well.

Let’s get to it!

Preview

Before we dive into the tutorial, let’s take a quick look at the two examples we’ll recreate from scratch.

Example #1

Example #2

Download the Shaped Image Overlays

To lay your hands on the shaped image overlays that are used throughout this tutorial, you will need to download them using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

Download For Free

Join the Divi Newlsetter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.

DOWNLOAD
You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!
Let’s Start Creating! Add New Section Background Color

Stary by creating a new page or opening an existing one. Add a regular section to it, open the section settings and add an entirely black background color.

  • Background Color: #000000

Overflow

To cut off the shaped image overlay later on this tutorial, we’re going to make sure nothing surpasses the section container by adding a single line of CSS code to the main element of the section.

overflow: hidden;

Add New Row Column Structure

Continue by adding a new row using the following column structure:

Sizing

Without adding any modules yet, open the row settings and allow the row to take up the entire width of the screen.

  • Make This Row Fullwidth: Yes
  • Use Custom Gutter Width: Yes
  • Gutter Width: 1

Add Image Module to Row Upload Shaped Image Overlay

Time to start adding modules! The first module we need is an Image Module. Upload the first shaped image overlay which you can find in the folder you’ve downloaded. You can find more shaped image overlays by going to this post, downloading the files, opening the Illustrator file and customizing them to your needs. If you, however, just want to recreate the examples that were shared in the preview of this post, the folder you’ve downloaded at the beginning of this post will do.

Default Background Color

Go to the background settings of the Image Module and add the following default background color:

  • Background Color: #6a00ff

Hover Background Color

Change the background color on hover using the following color code:

  • Background Color: #ffa216

Gradient Background

Continue by adding a gradient background to the Image Module as well.

  • Color 1: #ff2841
  • Color 2: rgba(255,255,255,0)
  • Gradient Direction: 168deg
  • End Position: 68%

Sizing

Move on to the design tab and enable the ‘Force Fullwidth’ option.

  • Force Fullwidth: Yes

Spacing

We’re also hiding a part of the shaped image overlay by adding some negative top margin to the spacing settings. You’ll notice that the module won’t surpass the section container thanks to that one line of CSS code we’ve added to the section at the beginning of the tutorial.

  • Top Margin: -22vw (Desktop & Tablet), 0vw (Phone)

Default Transform Rotate

We can now start transforming the module! Add the following default transform rotate settings to the Image Module:

  • Center: 359deg

Hover Transform Rotate

And change these values on hover to create a transforming shape.

  • Left: 250deg
  • Center: 320deg

CSS ID

When hovering the Image Module, the shaped image overlay will overlap all other modules that are on top of it. To avoid that, we’ll need to modify the module’s z-index on hover later on the post. To accomplish that, you’ll need to add a custom CSS class to the Image Module.

Transitions

Last but not least, we’re creating a smooth transition by increasing the transition duration in the advanced tab.

  • Transition Duration: 950ms

Add Text Module #1 to Row Add H2 Content

The next module we need is a Text Module. Add some H2 content of your choice.

H2 Text Settings

Then, go to the design tab and modify the H2 text settings.

  • Heading 2 Font: Didact Gothic
  • Heading 2 Font Weight: Bold
  • Heading 2 Text Alignment: Center
  • Heading 2 Text Color: #ffffff
  • Heading 2 Text Size: 7vw
  • Heading 2 Line Height: 0.9em

Spacing

Create an overlap between this module and the Image Module using some custom margin values.

  • Top Margin: -68vw
  • Bottom Margin: 8vw
  • Left Margin: 29vw
  • Right Margin: 29vw

Add Text Module #2 to Row Add Content

Add another Text Module right below the previous one and enter some paragraph content of your choice.

Text Settings

Then, go to the design tab and modify the text settings.

  • Text Font: Open Sans
  • Text Color: #ffffff
  • Text Size: 1vw (Desktop), 2vw (Tablet), 3vw (Phone)
  • Text Line Height: 1.8em
  • Text Orientation: Center

Spacing

Add some custom margin values as well.

  • Bottom Margin: 2vw (Desktop), 4vw (Tablet), 6vw (Phone)
  • Left Margin: 30vw (Desktop), 10vw (Tablet & Phone)
  • Right Margin: 30vw (Desktop), 10vw (Tablet & Phone)

Add Divider Module to Row Visibility

The next and last module we need is a Divider Module. Make sure the ‘Show Divider’ option is enabled.

  • Show Divider: Yes

Color

Then, go to the design tab and change the color of the divider.

  • Color: #ffffff

Sizing

Modify the sizing values as well.

  • Divider Weight: 7px
  • Width: 15%
  • Module Alignment: Center

Spacing

And add some custom bottom padding.

  • Bottom Margin: 5vw

Clone Entire Section

On to the second example! Clone the section you’ve just completed.

Change Image Module Upload New Shaped Image Overlay

There are a few changes we need to make, starting with the shaped image overlay. Go ahead and upload the second shaped image overlay which you can find in the folder you’ve downloaded at the beginning of this post.

Change Default Background Color

Then, go to the Image Module’s background settings and change the default background color.

  • Background Color: #2d007c

Change Hover Background Color

Change the hover background color as well.

  • Background Color: #008089

Change Gradient Background

Along with the gradient background.

  • Color 1: #0c0c0c
  • Color 2: rgba(255,255,255,0)
  • Gradient Direction: 168deg
  • End Position: 68%

Change Default Transform Rotate Settings

We’re also changing the transform effect. Go to the transform settings and change the default transform rotate values.

  • Left: 270deg
  • Center: 359deg

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

The Victorian Age is romanticized greatly. Literature and media often take notes from the aesthetic, industrial culture, design, and art of the time. Typefacing is no different. The steam age is known for beautifully stylized scripts and prints, and the popularity of steampunk, a sub-genre of science-fiction in which steam-power is the driving force of technology rather than petroleum, has led to a number of beautiful fonts and typefaces that you can use to give your designs an industrial-yet-refined look. We’re going to show you some of our favorites.

1. Steampunk

When making a list of the top steampunk fonts, it’s probably not a bad idea to start with one simply titled steampunk. After all, a steampunk font named steampunk has to capture what designers are looking for. Combining the industrial look that steampunk fans adore with the flowing and smooth elegance of the Victorian age, this stencil font is well worth the $10 price tag.

Price: $10 | More information

2. Steamcog Caps

Steamcog Caps is a really interesting font. It’s not the kind of font that you really type that much with. Almost an icon font, Steamcog Caps is fantastic for accents and decoration and for using as drop-caps in your designs. Because it’s an all-caps font, there may not be a ton of variation, but the unique gear/cog shape and the inclusion of basic punctuation symbols make this one worth a download since the price is absolutely right. Free.

Price: FREE | More information

3. Hemera II

We here at Elegant Themes don’t endorse the selling of snake-oil. But if you do decide to go that route and need to advertise your own snake oil tonic, Hemera II is the perfect vintage/Victorian font to draw people’s attention. Coming in with only the letters of the English alphabet, Hemera is best used for things such as logotypes and advertising, rather than long-form copy. It’s free, though, unlike all that snake oil it could help sell.

Price: FREE | More information

4. Steampunk Font

Another eponymous typeface, Steampunk Font is specifically designed for logotyping. The level of detail the designer put into this font is incredible, with multiple layers and colors and shades available, on top of the characters being made out of smaller pieces and put together like the machines they mimic. If you are going for that hardcore steampunk or industrial vibe with your design, you could do a lot worse than toss $14 toward this.

Price: $14 | More information

5. Starship (and 7 Other Font Families!)

This bundle is quite the bargain. For $8, not only do you get Starship (one of the top steampunk fonts out there, capturing the whimsy of the time period, the elegance of the culture, and the power of the technology), but you also get Hallowen, Zalora, Geno, Kiki, Skywalker, Meravin, and Venomous (all of which can be seen and demoed here). Within each of those 8 font families, you get a total of 49 fonts that you can manipulate to enhance and polish just about any project in any way you desire. Sure, free fonts are awesome. But 49 fonts for $8 is pretty close to free. And they’re all high-quality and easy to recommend.

Price: $8 | More information

6. Fabulous Steampunk

Rarely do people title their fonts as aptly as this one. It is truly a fabulous steampunk font. Taking a cue from the industrial and engineering side of the Victorian era, Fabulous Steampunk is both easy-to-read and useful. Like some of the other typefaces here, you probably don’t want to do long, small-pitch work with it. But you will do great things for logos and any projects that have the need for larger font sizes and have whitespace to spare. This particular steampunk font stands out for the attention to detail on the individual characters, such as cogs, gears, pipes, and steam itself functioning as serifs for some — but not all — characters. The exclusion of some characters having serifs makes those that do stand out that much more.

Additionally, the font includes multiple symbols so you won’t have to hunt down a secondary typeface to finish out your design. Fabulous Steampunk can be downloaded for free. The designer does request a $6 donation for commercial uses. That seems pretty reasonable to us.

Price: Free ($6 donation for commercial use) | More information

7. Teslafont

A list mentioning the Victorian age or steampunk without reference to Nikola Tesla would be remiss and shirking its responsibilities. So here we are with the incredibly beautiful Teslafont. Designed after the inventor’s own “magnifying transmitters“, this font captures the retrofuturism that we love about steampunk and Victorian aesthetics. While not quite futuristic, this cont can be used to indicate forward-thinking and progress, just like its namesake did himself. Teslafont comes with a full 98 characters. However, only the letters of the alphabet are embellished with the Tesla coils themselves. As a free font, you definitely want to add this to your library.

Price: FREE | More information

Bonus: The Spectacular Steampunk Vector Design Kit

We decided to include this one as a bonus element for the roundup because there was just so much stuff inside it that to simply call it a font choice was doing it a disservice. Anja Kaiser over at The Beacon Collection has put together one of the most complete sets of fonts and elements and design tools in this entire genre. You get a number of fonts that are vector-based that come already incorporated in editable design templates. Plus you get a huge number of background images that you can overlay your text and designs onto, multiple backgrounds to emulate parchment and the vintage look of media from the Victorian period, portraits and items to work into your designs as icons, schematics for machinery, and decorative frames and banners and dividers. Oh, and don’t forget the — as she puts it — bits and pieces.

The volume of material at your disposal for a mere $20 license is pretty much unheard of. So if you need a one-stop shop for everything steampunk and Victorian, head over and grab The Spectacular Steampunk Vector Design Kit.

Price: $20 | More information

Wrapping Up

As you can see, even though the steam age might have been overtaken by petroleum and the industrial revolution, the ideals and aesthetics live on. Designers and artists are putting out high-quality steampunk fonts and Victorian typefaces all the time. So whether you need a logo that looks like it was pieced together from spare parts, an elegant script to showcase your products, or a full kit of everything you could ever need to achieve your design goals, we think that you can find it somewhere in this post.

What kind of designs and projects have you made with steampunk fonts or Victorian styles?

Article featured image by Leremy / shutterstock.com

The post 7+ Top Steampunk and Victorian Fonts appeared first on Elegant Themes Blog.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Animation has become a common part of the user experience for modern websites. Aside from the fact that it looks cool, it can also add a subtle interactive element that engages the user by bringing content to life. Divi’s built-in animation effects allow you to animate just about any element on a page with different animation styles.

In this tutorial, I’m going to show you how to animate letters for some unique text designs in Divi. By putting individual letters into a text module, you can target the animation of each letter with different animation styles, duration, and delays that will make content stand out in a creative way. This technique is purely for design purposes since the letters that make up the content won’t be very seo friendly. However, the animated letters allow you to share your story with to users in a stunning way.

Let’s get started.

Sneak Peek

Download the Letter Animation Design Examples Layout for FREE

To lay your hands on the letter animation designs from this tutorial, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

Download For Free

Join the Divi Newlsetter and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.

DOWNLOAD
You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

To import the layout to your page, simply extract the zip file and drag the json file into the Divi Builder.

Let’s get to the tutorial shall we?

Getting Started

For this tutorial, all you need is Divi. We will be building the designs from scratch using the Divi builder on the front end. To get started, create a new page, give your page a title, and deploy click to use the Divi Builder. Then choose the option “build from scratch” and click to build on the front end.

Now you are ready to design!

Building the Layout for Animating Letters Adding the Section, Row, and Column

Go ahead and create a new regular section with a one-column row.

Before we start adding our text modules (which will contain white letters), let’s add a dark background image to the section. Open the section settings and add a background image. I’m using a an abstract background image from the Investment Company Landing Page premade layout.

Creating Individual Letter Blocks with Text Modules

Before we can start adding animation to letters, we must first create a separate text module for each letter we want to add. For this example, we are going to create the text “Divi Design”. Since this text phrase includes 11 character spaces (including the space between the letters, we will need to add 11 different text modules.

Go ahead and add a text module to the column.

In the content box, add the first letter of your text which in this case is the letter “d”.

Then update the text design settings as follows:

  • Text Font: Rubik
  • Text Font Style: TT
  • Text Text Color: #ffffff
  • Text Text Size: 80px (desktop), 50px (tablet), 30px (phone)
  • Text Line Height: 1.6em
  • Text Orientation: center

Next add an animation to the text module as follows:

  • Animation Style: Slide
  • Animation Direction: Up
  • Animation Duration: 600ms
  • Animation Delay: 100ms
  • Animation Starting Opacity: 100%

Duplicate the text module and update the content with the letter “i”. Then increase the animation delay by 100ms as follows:

  • Animation Delay: 200ms

Duplicate the text module and update the content with the letter “v”. Then increase the animation delay to 300ms.

  • Animation Delay: 300ms

Duplicate the text module and update the content with the letter “i”. Then increase the animation delay to 400ms.

  • Animation Delay: 400ms

For this next text module we want to add a blank space. Duplicate the text module and add the following html to the content box:

 

No need to update the animation delay for this one.

Then duplicate the text module and update the content with the letter “d”. This is the first letter in the word “design”. Then increase the animation delay to 500ms.

  • Animation Delay: 500ms

Continue the process of duplicating the text module and increasing the animation delay by 100ms for each of the remaining letters that spell out the word “design”.

  • Letter “e”: animation delay 600ms
  • Letter “s”: animation delay 700ms
  • Letter “i”: animation delay 800ms
  • Letter “g”: animation delay 900ms
  • Letter “n”: animation delay 1000ms

Here is what the design looks like so far.

Adding Flex Property to align modules horizontally

Not quite the result we are looking for yet. But all we need to do magically pull the design together is add a small snippet of css to the row column. To do this open the row settings and add the following custom CSS to the Column Main Element.

display: flex;

The display: flex property aligns all of the modules horizontally in a flexible table that will adjust to different browser widths beautifully. And since the modules are in a one-column row, the design will not break on tablet or mobile devices.

We also need to add a custom gutter width to take out the bottom margin under the letters and add some top and bottom padding to the row so the letters have some room to animate.

  • Gutter Width: 1
  • Custom Padding: 5vw top, 5vw bottom

Here is the final result.

Adding Different Animation Styles

With this setup, you can easily add new animation styles for completely unique effects. To do this, you can take advantage of Divi’s multiselect feature to update all of the modules at once. On the front end, hold down shift and click the first and last text module. Then open the settings for one of the selected modules.

This will open the element settings modal which will allow you to update the settings for all selected modules. We don’t want to change the animation delay because we want to keep the cascading effect on each of the letters. However, we can update the other animation options in different ways to create completely unique results.

I suggest duplicating the section before testing out a new animation so that you can keep the previous examples.

Here are a few examples.

Reverse Zoom Text Animation

To animate letters with a reverse zoom effect, update the element settings (the settings for all modules) with the following:

  • Animation Style: Zoom
  • Animation Direction: Center
  • Animation Intensity: 200%

Here is the final result.

Rolling Wave Text Animation

To animate letters with a rolling wave effect, update the element settings (the settings for all modules) with the following:

  • Animation Style: Rotate
  • Animation Direction: Up
  • Animation Intensity: 100%

Here is the final result.

Domino Text Animation

To animate text with a domino effect, update the element settings (the settings for all modules) with the following:

  • Animation Style: Flip
  • Animation Direction: Left
  • Animation Intensity: 100%

Here is the final result.

Stand-up Text Animation

To animate text with a domino effect, update the element settings (the settings for all modules) with the following:

  • Animation Style: Fold
  • Animation Direction: Up
  • Animation Intensity: 100%

Then add perspective to create a 3d design element by adding the following css to the Main Column Element under the row settings.

Main Column Element CSS:

perspective: 1000px;

Here is the final result.

Animate Letters Using a Combination of Animation Directions

If you want to get more creative, you can animate letters using a combination of animation effects. For this example, I’m going to use a combination of animation directions and intensity for the slide style. This will give us a completely unique presentation.

Here’s how to do it.

First, duplicate one of the sections we built previously so that we can get a head start on the design process.

Then delete the first 4 text modules so that only the text “design” is displayed.

Section Settings

Next, since we want some of the letters in the animation to start outside of the section viewport, we will need to add a small snippet of css to the section settings as follows:

overflow: hidden;

This will keep the letters hidden until the come into the section.

Row Settings

Now, to make sure our text modules (letters) stay centered, we need to add the following css to the row settings:

display:flex;
justify-content: center;

Text Module Common Settings

Using multiselect, update all six of the text modules with the following element settings:

  • Custom Margin: 3% left, 3% right
  • Border Width: 1px
  • Border Color: #ffffff

  • Animation Style: Slide
  • Animation Duration: 2000ms
  • Animation Delay: 100ms
  • Animation Intensity: 300%

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

What do you learn from this tagline: “Shave time. Shave money.”

You learn that this company sells shaving products and that with those shaving products you’ll save both time and money. You’ve also peeked into the brand voice and determined that this company is lighthearted, clever and to-the-point.

A tagline is… a short, punchy sentence (sentence fragments are okay, too) that quickly and memorably communicates what your business is about. It’s often (but not always) used along with your brand logo.

A tagline is not… a slogan.

A slogan is… a temporary “tagline” used in marketing campaigns – those marketing campaigns may run for a long time, but slogans are attached to specific campaigns, not the brand name or logo. Taglines are more permanent than slogans, but sometimes slogans perform so well that they become taglines.

The Truth About Taglines

Taglines are hard to write. If you get it wrong, you’ll have to live with your terrible tagline being what’s memorable about your business.

That said, a tagline can also force you to focus your business in just a handful of words; it can serve as a reminder to both you and your audience about exactly what it is you do; and, when done well, it’s an easily-repeatable, word-of-mouth marketing tool.

Note that some of the companies mentioned in this article have updated their branding. I’ve mentioned their most popular taglines, but not necessarily their most recent ones.

Taglines You Definitely Know

You don’t even realize you see a company’s tagline as much as you do.

  • I’m lovin’ it (McDonald’s)
  • Just do it (Nike)
  • Think different (Apple)

Companies advertise their slogans repeatedly and everywhere – it’s on their advertisements, packaging, websites and storefronts, and in their jingles.

You may not have the budget to advertise like crazy, but it doesn’t cost anything extra to use your tagline everywhere your brand is present.

Think You Don’t Want a Tagline?

There’s an interesting quote from Andy Crestodina, Orbit Media’s strategic director, in this article on Enchanting Marketing. He makes a case for getting rid of their company tagline “digital design and production,” saying that they didn’t see any value in keeping it and it seemed to create visual clutter more than anything else.

Fair, but re-read that line: digital design and production. I would argue that this isn’t truly a tagline. It’s not catchy or creative; it’s just a description. Maybe they don’t need or want a tagline – but IMHO they haven’t experimented with one yet, either (at least not in this case).

The smaller the company, the clearer the tagline.

That said, it does make sense that a small, unknown company or an individual who operates under their own name (like a web designer or lawyer) would have a more-straightforward-than-normal tagline. I feel like you can still give it some spark, though.

Orbit Media does not have a name that immediately conveys what they do – there are a bunch of media companies out there, and not necessarily all of them are in the design and production niche. This is exactly why they should have a tagline – at least starting out.

You may find – like Orbit seemed to have found – that your customers search for your services online, find your website and then click on your homepage, which clearly says what you do, and that a tagline is unnecessary.

Until you know that, though, don’t take a chance on losing customers because they can’t find the answer to the most basic question: what do you do?

Writing Your Tagline

Think about what your business does, who you cater to and how your customers benefit. How is their life changed after working with you? Write down 1-3 sentences with this information. If you need help, here’s a template:

We help [target audience] [result] and [result] so they can [purpose] and [purpose].

I help other freelance writers find jobs and navigate client relationships so they can earn money doing what they love.

That’s not quite a tagline, but it’s an excellent start. When I was working on mine for a now-defunct freelance writing website, that information turned into this:

Everything you never knew you need to know about freelance writing.

It was broad enough not to hem me in, yet it clarified what I wrote about and who my content was meant for.

6 Tips for Writing a Tagline

1. To get that too-long, mission statement-like sentence down to a tagline, pull out the most important points or words, then reorder them. Become best friends with the thesaurus to help you discover words that will make your tagline more succinct. For example, “brief and clear” boils down nicely into the word “succinct.”

2. Talk about the benefits, not the features.

3. Use positive words. Even if you use negative words to make a point, the negativity could be what carries over. To that point, don’t use anything that could potentially convey negativity. To me, Verizon’s “Can You Hear Me Now? Good.” always made me think that Verizon had spotty service – why else would you have to say, “Can you hear me now?” unless the service is going in and out?

4. Don’t be afraid to be overly simplistic – obvious and meta taglines can be clever, too.

5. Make sure the tagline is synonymous with your brand. Remember the “Got Milk?” campaign? It was created for the California Milk Processor Board – but you probably don’t remember that. For the Board, this wasn’t a failure because their goal was to make drinking milk a nation-wide cool thing to do.

For most other brands, though, this would be way too vague a tagline. Lay’s did something similar but made their tagline brand-specific with slightly more detail. Plus, they got their first – not being able to eat just one is true for most snacks, but they were the first company to snag it as their tagline.

6. I don’t suggest taking one of their ideas as-is, but Shopify has a slogan generator that can help you brainstorm.

What not to do.

Let’s pretend this is my tagline: Lindsay Pietroluongo | Writer. Editor. Coach.

Do you have any idea what I do? What do I write? What do I edit? And what do I coach? Volleyball? Am I a life coach? Don’t do the “three vague adjectives” thing. It only looks cool and succinct; it’s not actually communicating anything.

Wrapping Up

Taglines are not easy to write – you have to communicate a lot in ten words or less. Take your time with it. The New York Times published their first issue in 1851, but they didn’t start using “All the News That’s Fit to Print” until the end of the century. To test out a tagline before making it permanent, use it as a slogan in a marketing campaign. It helps to work backward, too – try writing your mission statement first to get a handle on what you do, why you do it and who you do it for.

Need help with that mission statement? Check out this article about writing a mission statement for your freelance business.

The post Why Your Small Business Needs a Tagline and How to Create One appeared first on Elegant Themes Blog.

Read Full Article
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you.

This time around, Kenny and his team have created an abstract Mortgage Broker Layout Pack that looks really modern and professional at the same time.

Check Out The Divi Mortgage Broker
Layout Pack Below

Get it for free today!

Landing Page Design

View The Live Layout Demo

Home Page Design

View The Live Layout Demo

About Page Design

View The Live Layout Demo

Blog Page Design

View The Live Layout Demo

Contact Page Design

View The Live Layout Demo

Services Page Design

View The Live Layout Demo

Service Page Design

View The Live Layout Demo

FAQ Page Design

View The Live Layout Demo

Key Features

The Mortgage Broker Layout Pack combines an abstract design style with a professional look and feel – the ideal combination to set up an interactive website that’ll leave your visitors amazed. On top of that, it includes different backgrounds, icons and image masks that’ll undeniably take your website to the next level.

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.

  1. Mortgage Broker Landing Page (live demo)
  2. Mortgage Broker Homepage (live demo)
  3. Mortgage Broker About Page (live demo)
  4. Mortgage Broker Blog Page (live demo)
  5. Mortgage Broker Contact Page (live demo)
  6. Mortgage Broker Services Page (live demo)
  7. Mortgage Broker Service Page (live demo)
  8. Mortgage Broker FAQ Page (live demo)

Access This Layout Right Now
Directly from Your Divi Builder

Get a FREE Mortgage Broker Layout Pack - YouTube

Subscribe To Our Youtube Channel

Since Version 3.0.99 of Divi, you can find and import any of the layouts included in this pack (along with ALL of Divi’s Premade Layout packs) directly from the Divi Builder. They are already waiting for you.
When you add a new page from the WordPress Dashboard, deploy the Visual Builder. You will be prompted with three choices regarding how you want to start building your page. Select the option “Choose A Premade Layout”.

Under the Premade Layouts tab, you can easily find the new layout by scrolling through the list of layout packs. Once you find the Layout Pack, click on it. You will see all the individual page layouts included in the pack. Select the page layout you want to use and then click the “Use This Layout” button.


You can also access new layouts at any time within the Visual Builder by clicking the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Inside the Load From Library popup you can choose the new layout you want to use.

Authentication Required

Before you can download Premade Layouts from the Divi Library you must authenticate your Elegant Themes Subscription. If you have already activated updates for Divi under Divi > Theme Options > Updates, you have already authenticated your subscription and will have access to the layouts without a problem. If not, when you click to import a layout to your page, you will be prompted to enter your Elegant Themes Membership Username and API Key.

After you enter the Username and API Key, you will gain immediate access to the layouts. You can find your API Key under your members area on the Elegant Themes site.

No Licensing Restrictions

The photos included with these layouts have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

New Layout Packs Every Week!

We hope you enjoy this layout pack. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more layout packs!

The post Get a FREE Mortgage Broker Layout Pack appeared first on Elegant Themes Blog.

Read Full Article

Read for later

Articles marked as Favorite are saved for later viewing.
close
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Separate tags by commas
To access this feature, please upgrade your account.
Start your free month
Free Preview