Best E-Commerce Platforms for WordPress Websites

WordPress, the free website-building software, is EVERYWHERE.

If you’ve dabbled in blogging, you’ve likely heard of it. (It’s widely considered “the standard” for blog sites today.)

I often come across people who started a WordPress blog– crafters, fashion enthusiasts, photographers, etc.– with no intention of selling anything on it, then sometime later they decide to turn their blog into a business.

And often these people feel very confused and conflicted.

Their site has already been built, after all, and they’re comfortable using it, so the thought of learning to use a brand new system like Shopify or BigCommerce totally bites.

The good news, though, is that you can leave your WordPress website alone. There are plenty of options that will let you sell straight from your existing WordPress site, no overhaul required!

Let me lay out some of these options for you below, along with my recommendations for who each one might best serve.

“Buy” Buttons

Do you have only a few items to sell? If so, “Buy” buttons might be for you.

And since using them is as easy as copy-and-pasting some code into your site’s posts or pages, I’d highly recommend this route for anyone who has lost a fight with a shopping cart before.

Going with the “Buy” buttons method means you can add or delete products on-the-fly, without the continued help of your web designer.

Some companies that offer “Buy” buttons are:

The Shopping Cart with Hosted Checkout

On the other hand, maybe you have more than a few items to sell– such that keeping up with “Buy” buttons would become a real hassle?

Still, you’re not very technical, or the responsibility of website security really terrifies you.

The answer then, I’d say, is to use a shopping cart with hosted checkout.

What this means is you can have the shopping cart appear to be on your website, but the complicated and secure part of the transaction is actually handled on somebody else’s site, so you simply don’t have to worry about it.

Some great companies that offer shopping cart software complete with hosted checkouts:

The Completely Self-Hosted Shopping Cart

The only problem with the above (hosted checkout) method is that you don’t have 100% control over your site’s whole shopping experience. If this bums you out, then the most ideal solution is going to be a fully self-hosted shopping cart.

Given this shopping cart will be hosted completely on your own site, you and/or your web designer can truly customize every pixel as you choose.

The price you pay for total control is that this route is more technical than the others. As long as the credit card payment form is on your own website, you’re going to need to have an SSL certificate installed for security. Also, if your checkout process ever becomes error-prone, it will be on you to take care of it.

That said, I truly believe that anyone can tackle maintenance of a self-hosted shopping cart with practice. It all depends on what you’re open and willing to take on.

The very best company I recommend for your full-featured shopping cart on WordPress is WooCommerce. You can check them out here:

Finally, I’d like to leave you with just a few more tailored recommendations, should they apply to your specific business!

For the Etsy Seller

For the Etsy seller who needs help getting their own website off the ground– or who currently owns a WordPress website that they never use since all their stuff is on Etsy– there is an incredible WordPress plugin called Etsy 360.

Etsy 360 displays all of your Etsy products exactly as a shopping cart would, but without any of the technical hassle of setting one up.

Also it updates just as your Etsy store updates, so it’s extremely low maintenance.

By auto-generating single product pages, Etsy 360 keeps the whole shopping experience on your website, up until a visitor clicks “Buy.” That means your visitors only leave to pay, and also, you don’t have to worry about security at all on your own site. For more details:

And that concludes my best e-commerce recommendations for selling straight from your WordPress blog!

As I hope I’ve convinced you by now, there’s truly some great options available.

As for which option you should go with, I suggest taking on what’s comfortable for you and working from there. After all, a shopping cart you don’t get around to installing is certainly no better than a simple “Buy” button that you do.

Photo credit: Randy Stewart / Flickr




Feeling Abandoned? 4 Reasons Your Customers Aren’t Rolling All the Way Through Checkout

4 Reasons Your Customers Are Abandoning Their Shopping Carts

Photo credit.

{Today’s post comes from guest writer, Hannah Alvarez, who’s tackling one of the most common problems for online shop owners– cart abandonment. Are your customers adding items to their cart, but not getting all the way through checkout? Hannah’s got a rundown of the most common reasons this happens, and what you can do today to steer your visitors towards the register. –Stephanie}

Baymard Institute shows that the average documented online shopping cart abandonment rate is 67.89%. That means the average store owner has better odds of correctly guessing a coin flip than coaxing a shopper to buy the items in their cart.

However, what I’ve learned through my job at UserTesting– where we’ve watched thousands of videos documenting the frustration customers go through while navigating online stores– is that there are 4 main reasons this happens. (And most can be prevented with just a few simple tweaks.)

1. It’s not you, it’s me

Nobody likes to hear these words, but in the context of your relationship with your customers, it’s possible that it’s simply too early for the customer to commit to making a purchase.

One of the best things about shopping online is being able to hop from store to store in a matter of seconds and without ever leaving your seat. While this is great for consumers, online store owners like you probably don’t feel the warm fuzzies when you think of customers leaving your site to hunt down a similar product elsewhere.

What to do?

Since comparison shopping isn’t going away anytime soon, the best way to keep customers on your site is to offer a great experience. Make sure to let your brand’s personality shine through. For new visitors, the first time they visit your site is like a first date. If they like what they see, they’ll come back when they’re ready. You can’t force them to commit– just make sure to leave a good impression.

2. Difficulty Checking Out

Whether it’s the lack of a guest checkout feature, confusing sign-in options, or the inability for a customer to use their preferred payment method, there are a number of potential pitfalls that can frustrate a customer into abandoning ship as they’re checking out.

What to do?

  • Don’t require registration. Many customers don’t want to go through the effort of creating another account with another password they have to remember. If you have to make your visitors register, consider using shopping cart software that will let them register using their social media accounts to make the process faster.
  • Accept as many payment types as possible. We’re not just talking about popular credit card types, but also popular online payment methods like PayPal.

3. Lack of trust

Part of the challenge of running an e-commerce store is easing customer fears. Customers already have a sense of detachment because they can’t physically touch the product they’re buying and they have to wait for their order to be shipped. There’s also the worry that sensitive payment and personal information can be compromised.

What to do?

  • Use security icons and trust symbols. These little icons go a long way toward building customer trust.
  • Make it easy to contact you. Make sure your contact information is handy for when your customers need it most.

4. Shipping surprises

Have you ever gone through a site’s checkout process only to find that shipping effectively doubles the total purchase cost? On top of that, the delivery will take five days to get to your doorstep. If that’s the case, odds are that you abandoned your cart.

What to do?

  • Make shipping costs predictable. Give customers the easiest possible way to estimate shipping costs based on their zip codes, and spare them any surprises prior to checking out.
  • Give realistic delivery estimates. Tracking codes are also a great way to build customer trust, so be sure to shoot them over as soon as they’re available.

Closing thoughts

Making the checkout process as easy as possible, proving your trustworthiness, and removing shipping surprises are a great place to start reducing shopping cart abandonment. We’ve also learned from thousands of user tests that customers can easily be distracted away from their purchase if you try to upsell them with too many impulse items or if you use popup banners indiscriminately.

Even equipped with this information, there really is no magic formula to prevent customers from abandoning their carts, because every online store’s customers have different needs. The only way to be certain of what works is by testing yours regularly.

The most important thing to keep in mind is that the likelihood that a customer will make a purchase is based on his or her experience on your site. If you provide an easy, enjoyable experience, you’ll see fewer abandoned carts and more happy customers!

Hannah is a Marketing Associate at UserTesting, where she spends her time creating content to share with people. As a former nonprofit professional dedicated to making the world a better place, she’s passionate about improving people’s experience on the web. You can follow her on Twitter @hannahkalvarez.




2 Crucial Things You Must Know To Keep Your Customers’ Credit Cards Safe

All You Need to Know About Your Website's Security
Photo credit.

There’s a few things people can mean when they say a website’s been “hacked.”

Often it’s that a hacker got access to a website’s code files and changed them. This usually happens when a website owner has a weak password (tip: longer is better, special characters better yet) or has been ignoring software updates for a while (mostly WordPress.org sites).

Another way a website can be hacked, specific to e-commerce sites, is when credit card information submitted through a payment form is intercepted. And just like it sounds, it’s pretty serious.

Fortunately, you don’t have to be an expert in internet security to make sure your website’s safe. Or let the fear of dealing with credit cards keep you from selling on your own site.

There’s just two simple things that every online business owner with an e-commerce component on their site should have straight.

1. Is the payment form on your site or someone else’s?

Crucial Things to Know About Your Website's Security
Photo credit.

If you have, say, a PayPal button on your website that takes customers to PayPal.com to pay, the payment form is not on your site. This means you don’t have to worry about security– PayPal’s got that covered for you.

On the other hand, if the payment form that takes customers’ credit card info is located on your own site– at www.yourdomainname.com/checkout, for example– chances are the security responsibility is on you.

You should be able to find information about this through an e-commerce platform’s website before you choose to use it, or else you can go to a website that uses the platform you’re interested in to check.

Because of how beautifully slick some e-commerce platforms are these days, sometimes it’s not obvious at first glance whose website the payment form is on. For instance, some e-commerce platforms– Gumroad and Shoplocket, to name a few– offer a pop-up payment form that appears to the customer as if it’s on your site though it’s actually coming from theirs. An illusion, if you will.

Gumroad pop-up payment form diagram

When in doubt, you can always right-click close to the payment form and choose the menu option “View source.” (Unless the option “View frame source” exists, in which case click that one.) That’ll open a new tab or window, and there you can see in the address bar whose domain name is hosting the form.

2. Are you using an SSL certificate?

Crucial Things to Know About Your Website's Security
Photo credit.

If your payment form is on someone else’s website, you don’t need to worry about an SSL certificate. If it is on your own site, however, it’s illegal not to.

Let’s talk quickly about what an SSL certificate is.

The way credit card information is protected when transferred electronically is by encryption. This means distorting the data, so it looks like a jumbled mess to hackers trying to get it.

The mechanism we use to encrypt websites is to install an SSL certificate– a special key unique to your site with which to scramble and unscramble the data.

Luckily, setting up an SSL certificate can be incredibly easy. That is, as long as you buy the SSL certificate from your own web host. Almost all of them offer automatic SSL certificate installation, so you just look for where in your admin space you can buy one, purchase it, and let their tech team do the rest.

If you were to buy an SSL certificate from another website, let’s say NameCheap.com, even though your website is hosted by Bluehost, configuration will be more complicated. Not impossible, of course, but there’s just some steps to go through. You can search your host’s “help” section to find them.

Finally, be sure to always include the “s” (as in “https://”) in the link for your checkout page, since this is the only way the SSL certificate will be used and the credit card information protected. Some e-commerce platforms, such as WooCommerce, will have a checkbox in your settings for “forcing SSL.” This automatically switches the url to “https” for anyone visiting the site, so be sure to use this if it’s offered to you.

And that’s it! That wasn’t so bad, huh? If you have any questions regarding website security or SSL certificates, be sure to leave them below.

Further, if you’re curious to know exactly which e-commerce platforms require an SSL certificate or not, you can always save yourself the research by checking out my Ultimate E-Commerce Platform Comparison. :)




5 PayPal Alternatives for Small Online Businesses

Fed up with PayPal?

You’re not alone.

PayPal has gathered a lot of hate from the small business community in the last several years.

Of course, the majority of PayPal users don’t run into serious problems. (With the exception of one very irritating phone call, I’ve never been affected myself.)

But the things PayPal has been accused of by other loyal customers is disconcerting enough– randomly freezing accounts, holding money hostage, providing extremely difficult customer service, even advising one merchant’s buyer to destroy a $2,500 antique violin

One thing that might help you breathe at least a little bit easier despite all this controversy is that PayPal has claimed to be fixing these issues as of late.

Sure, that does provide me with some solace because, fact is, a lot of customers prefer to pay with PayPal. And I feel I’ll always need to use them in some regard. (They’re simply too much of a giant to avoid. Which is, ironically, also what makes them so dangerous.)

But all in all, I’ve been taking great care not to keep all of my eggs in the PayPal basket.

And if you feel the same way as I do, I hope you’ll find my recommendations for alternatives to be a helpful guide in your search.

What Makes a PayPal Alternative

So what is it precisely that we need in a PayPal replacement?

The gist of what PayPal offers small online businesses is a combination of a payment gateway (“payment processor”) and merchant bank account.

A payment gateway reads your customer’s credit card information, electronically communicates with this account, and charges it the appropriate amount of money.

A merchant bank account is a special type of bank account that is permitted to collect funds from a payment gateway. So this is where your payment gateway deposits the money once it’s collected. Then, depending on the the time your merchant bank allows, you can have it transferred out into your regular checking or savings account.

So, when I talk of replacing PayPal, I mean replacing these two major functions with an equally low maintenance and easy-to-use service. (One that doesn’t require a difficult application process or have a monthly sales quota to meet, like the ones typically used by larger companies.)

With that, let’s get down to it!

1. Stripe

Stripe as a PayPal Alternative

Screenshot from Stripe.com.

Available for: Businesses based in the US and Canada (can accept payments from anywhere)

Cost: 2.9% + 30¢ per transaction

What makes it great: Using Stripe as your payment processor and merchant bank account, you can sell your products through a simple “buy” button on your site or through a full-fledged shopping cart.

While Stripe doesn’t have their own shopping cart out-of-the-box, they are well-integrated with most of the great ones. These integrations include Shopify, BigCommerce, WooCommerce, and more, and hooking up is usually just a matter of copy-and-pasting some information into your shopping cart’s Settings page.

Stripe’s payment forms are self-hosted, which means that the checkout process takes place on your own site (rather than sending your customer off to Stripe.com to pay). PayPal typically charges an extra monthly fee to do this, which is one reason why Stripe is the better value.

I also find I pay less in fees for Stripe transactions, despite it having the same “per transaction” price as PayPal. (Likely due to a hidden list of special rules and exceptions.)

Finally, I think Stripe is great because it deposits your money into an outside bank account automatically, so you don’t have to manually initiate transfers all the time.

Downsides: Stripe was built with web developers in mind.

While this is great for developers (think: total control and customization), I know a less technical person is likely to look at the site and think, “So… what do I do with this?”

So here’s the deal. To use Stripe, you’re probably going to want to check out third-party help of some kind, such as The WP-Stripe WordPress Plugin (if you’re willing to install an SSL certificate) or Super Stripe App for WordPress (if you don’t want to handle an SSL but are willing to pay more in transaction fees). Or the shopping cart services I already mentioned above.

As long as you’re using one of these other services, you’ll never be required to touch anything too complicated.

Lastly, one final downside for Stripe is that– unlike PayPal and some of the other options I’m going to present– you have to wait seven days after purchase before you can take out your money. I should mention, though I use Stripe myself, I actually didn’t notice this until someone else pointed it out to me.

2. WePay

WePay as a PayPal Alternative

Screenshot from WePay.com.

Available for: Businesses based in the US (can accept payments from anywhere)

Cost: 2.9% + 30¢ per credit card transaction, 1% + 30¢ per bank account transaction

What makes it great: Using WePay as your payment processor and merchant bank account, you can sell your products through simple “buy” buttons on your site (there’s also “pay now” and “subscribe”) or through WePay’s own full-fledged shopping cart.

WePay’s payment forms are self-hosted, which means that the checkout process takes place on your own site (rather than sending your customer off to WePay.com to pay). And as I said earlier– PayPal typically charges an extra monthly fee to do this.

Another bonus: WePay will alternatively let you enter credit cards manually, so you can take credit card information in person or over the phone whenever the situation calls for it.

For a higher price of 4.9% + 30¢ per transaction, WePay will even host your site for you. To quote their sales page:

“Design a simple web store with WePay’s page builder. No technical expertise necessary. It’s easy to customize – with built-in support for shipping, taxes, and inventory. Also optimized for mobile devices!”

Finally, WePay will deposit your earnings directly to your bank account, so you don’t have to login and manually initiate it all the time as with PayPal. The typical one-time money transfer lands in your bank account within 1-5 business days, whereas setting up autowithdraw means you get your money each day as it comes in.

Downsides: WePay is very self-contained.

Offering every feature their customer could ever need definitely maximizes their ease of use. For someone who isn’t tech-savvy or simply hates having tons of different accounts, it can be comforting to have all these options under one roof. However, since WePay wants to “do it all,” it’s difficult to find integrations with other services (should you prefer them).

Because WePay has a public API, I assume that it’s conceptually possible to use it in conjunction with outside shopping carts like Shopify or WooCommerce, but the necessary integrations don’t appear to be available just yet.

3. Amazon Payments

Amazon Payments as a PayPal Alternative

Screenshot from Payments.Amazon.com.

Available for: Businesses based in the US (can accept payments from anywhere)

Cost: 2.9% + 30¢ per transaction over $10, 5.0% + 5¢ per transaction under $10

What makes it great: Using Amazon Payments as your payment processor and merchant bank account, you can sell your products through a simple “buy” button on your site or through a full-fledged shopping cart.

While Amazon Payments doesn’t have its own out-of-the-box shopping cart, it integrates with a few self-hosted ones such as CoreCommerce, 3dcart, and ShopSite.

Amazon Payments payment forms are technically hosted by Amazon, but it doesn’t give your customer the impression that they’re leaving the site to go to Amazon.com. This is kind of the best of both worlds, since you have the professional look of a self-hosted checkout but the world-class security of a hosted one.

Another cool thing with Amazon Payments is that, the way fees are structured, business owners can save money on micropayments under $10. There are also discounts for volume and registered non-profits.

Also, when you integrate the API into your site (From what I understand, a copy-and-pastable widget of some kind), customers will be able to pay on your site using their already-stored Amazon card and shipping information.

Finally, Amazon Payments conveniently deposits your funds into an outside bank account automatically. The typical time frame from payment to bank account deposit is 3-5 days.

Downsides: As is my critique of all Amazon web services, I find it a little overwhelming.

While I believe I got the gist of how it works, it took me several reads on the site to understand how all the moving pieces work together.

Another thing that might be a hindrance is that, in order to sign up for the service, you need to have a legal business name. So anyone who is currently in business as a sole proprietorship should be aware of that.

After some digging in their support pages, I also discovered that Amazon holds back a certain reserve of your earnings at all times as padding in case of customer chargebacks.

Finally, Amazon Payments doesn’t appear to be readily integrated into the popular shopping carts yet, so just be weary of that before you commit.

4. Braintree

(Added Note: Since this article was written, Braintree was actually purchased by PayPal. So please take the following review with a grain of salt.)

Braintree as a PayPal Alternative

Screenshot from BraintreePayments.com.

Available for: Businesses based in the US, Canada, Australia, and Europe (can accept payments from anywhere)

Cost: 2.9% + 30¢ per transaction

What makes it great: Using Braintree as your payment processor and merchant bank account, you can sell your products through its integrations with third-party shopping carts like Shopify, WooCommerce, LemonStand, Easy Digital Downloads, and more.

Braintree’s payment forms are self-hosted, which means that the checkout process takes place on your own site (rather than sending your customer off to BraintreePayments.com to pay).

And Braintree is nothing if not competitive in its market. For one, it offers service to sellers outside of the US.

It even boasts the ability to get money to you super-fast: two business days for most transactions.

Downsides: However… Braintree is kind of mysterious.

Like Stripe, it was built with developers in mind. So to a less technical person, it’s not immediately obvious how to implement it on your website.

What I’ve gathered, though, is Braintree isn’t trying to be a standalone solution at all– with “buy” buttons and other out-of-the-box selling tools– but rather a hook-in with other carts (and developers’ custom projects). Which isn’t a problem as long as you needed a full-fledged shopping cart anyway.

5. 2Checkout

2Checkout as a PayPal Alternative

Screenshot from 2Checkout.com.

Available for: Businesses everywhere

Cost: 2.9% + 30¢ per transaction in the US, 5.5% + 45¢ per transaction for sellers in other countries

What makes it great: Using 2Checkout as your payment processor and merchant bank account, you can sell your products through simple “buy” buttons on your site or through 2Checkout’s own full-fledged shopping cart.

2Checkout’s payment forms are technically hosted by 2Checkout, but it doesn’t give your customer the jarring feeling that they’re leaving the site to go to 2Checkout.com– rather, it appears to be happening on your own site. This is kind of the best of both worlds, since you have the professional look of a self-hosted checkout but the security of a hosted one.

Importantly, 2Checkout works for businesses outside of the US.

It’s unclear whether or not 2Checkout allows automating the money transfer process, but funds are released to sellers every Thursday via EFT, wire transfer, or check for US currency, by EFT in seven currencies, and by wire transfer in other 19 currencies.

Downsides: I’m not 100% sure if I trust 2Checkout.

Some statements I found on the website skeeved me a little bit. For instance, they say:

“Payments must meet the selected release level and pass the verifications process [to be released to the seller].”

While there are links to explain what they mean by this– and their explanations sound pretty innocent– I can’t help but find language like this ambiguous and a little scary.

Note on Services That Didn’t Make the List

A few other services (of many) that I researched for this article include Dwolla, which I chose not to profile because buying from a Dwolla seller requires creating a Dwolla account. (And I find that to be too big of an obstacle for customers.)

Also Square is a good one, though I didn’t profile it here since it’s geared for in-person sales rather than online ones.

For international sellers, ProPay looks like it has potential but just didn’t make my top 5.

Anyway, I hope you found my roundup helpful! Please let me know in the comments if you have experience with any of the above, or if there’s a great one out there that I missed!

Photo credit: Andrey / Flickr




5 Things Every Online Business Owner Must Know How to Do With Code

5 Things Every Online Business Owner Must Know How to Do with Code

Photo credit.

Not long ago, President Obama expressed that computer language courses should become a requirement in American public schools, striking up a debate about whether or not everybody— young and old– ought to be learning how to code these days.

As business owners, our work-lives call for us to be resourceful and self-sufficient well beyond most conventional jobs, so naturally you might be worried that lacking these skills could handicap your business, or worse, send you falling behind the times.

But truth be told, the way I see this playing out is much less dramatic.

Not everyone has the personality to enjoy or excel at coding– just like not everyone is cut out to be a biologist or creative writer, despite these subjects being required learning in schools. So if you’re a busy entrepreneur with no genuine interest in computer languages, you have my permission to cut yourself some slack!

Only those with a real passion for code will completely master it, whereas beginner-to-intermediate level web and app development can be easily and inexpensively hired out (if not purchased in the form of existing software, apps, themes, and plugins), freeing you up to focus on the work that’s truly most valuable for you to be doing.

Rather than invest a major amount of time into learning how to code, my personal suggestion would be to opt for basic familiarity instead. Because just a few well-chosen nuggets of technological wisdom can go a long, long way when you have a website or blog to tend to.

To show you exactly what I mean and get you started, I compiled this short list of 5 basic actions that every online business owner should know how to do with code. They’re as simple as it gets, but I guarantee that if you’re not already familiar with these 5 quick gems, they will prove extremely handy!

HTML Code To Know

HTML code can be found in files that end with .htm, .html, and .php.

HTML is the foundational skeleton of a website, which can be visually styled later by another type of code called CSS.

The gist of HTML is that it uses little instructions called tags to give commands to the web browser. Tags are always surrounded by the angle brackets “<” and “>”.

Usually there is an opening and closing tag like this:

<tag>Text or images inside the tag</tag>

These tags affect the content between them in some way.

Other times there is a single self-closing tag like this:

<tag />

These are used for standalone elements like images or line breaks that don’t need to contain content within them.

1. Links

In HTML code, a basic link uses the “anchor” tag, abbreviated as “a”. It looks like this:

<a href="http://www.website.com">The linked text shown on the page.</a>

The text between these tags is what will appear on the page (typically as blue and underlined, unless otherwise specified in your CSS code).

Notice the href=”” inside of the “a” tag. Depending on the kind of tag you’re writing, there will be a few options like this (that look like option=””) available to you. This one in particular, href=””, is where you enter the URL of the website you want to link to.

To force the link to open in a new window or tab, you can simply add another specification, target=”_blank”, as illustrated below.

<a href="http://www.website.com" target="_blank">Linked text.</a>

2. Images

In HTML code, you can insert images using an “img” tag, that looks like this:

<img src="http://www.website.com/nameofimage.jpg" alt="Quick description" />

The URL of the image you want to display should go between the quotes of src=””.

(Tip for WordPress users: If you’re not sure where your image is, open up your Media Library and click “Edit” on the existing image you’d like to use. The edit page includes a File URL you can then copy-and-paste.)

The alt=”” specification is where you can write a quick description of your image. This description will show to search engines and to your users when the image is moused over.

If you would like to use the alt=”” portion to tell the search engines what your image is about, but it’s not the same text you’d like to show when the image is moused over, you can add title=”The description that will show when the image is moused over”.

You can also add an exact width or height in pixels (width=”0″ and height=”0″) if you don’t want the image to display in its original size.

3. Headings

Also in HTML code, it’s good practice to use “h” tags to specify your most important titles, headings, and subheadings because Google looks to these in order to rank your site properly.

They’re just as simple as this:

<h1>Most important title or heading.</h1>

<h2>Second most important title or heading.</h2>

<h3>Third most important title or heading.</h3>

<h4>Fourth most important title or heading.</h4>

To give you an idea of how to use these “h” tags, take Fairground Media, for example.

Here, I use “h1” tags for the title of my site and the title of the blog post you’re looking at– because these are the most important things on the page. Headings within my blog posts are all “h2” tags. Finally, the blog post titles in the right sidebar are all “h3” tags. I don’t use “h4” tags at all.

Notice I don’t use subheadings very often within my blog posts. Other people do, so they’ll likely distribute their “h” tags a bit differently.

4. Common Text Formatting

Basic text formatting works similarly to the “h” tags above.

Here are some of the various styling tags available to you:

<i>Text inside these tags becomes italicized.</i>

<b>Text inside these tags becomes bolded.</b>

<u>Text inside these tags becomes underlined.</u>

<del>Text inside these tags becomes crossed out.</del>

<br />Adding a single one of these tags creates a line break, so the text after it starts on a new line.

CSS Code To Know

Finally, let’s touch on CSS code, which resides in files that end with .css.

CSS is a styling language. You can’t insert anything onto your website with CSS alone, but it allows you to manipulate the visual style of any HTML element on your website.

5. Basic Style Tweaks

If you take a peek into a .css file, you will see many blocks of code that look like this:

body {
font-family: Verdana;
font-size: 15px;
color: #000000;
}

In this example, the “body” portion is called the selector. It identifies which HTML tag on the website you want to style.

The “font-family,” “font-size,” and “color” are called properties.

You can select pretty much anything on a website and style its properties using CSS.

Most importantly for our purposes, you can simply tweak the CSS that your theme’s creator already wrote to make elements on your website look the way you want them to!

To illustrate, let me walk you through how you might find and change your website’s font in your CSS code.

  • First thing’s first, you need to find your main .css file. (Hint: In WordPress, it is called “style.css,” and you’ll find it by going to your Dashboard > Appearance > Editor.)
  • Once there, if you know the font that’s currently showing up on your site, you might try pressing Ctrl + F and searching the page for its name. If you don’t know the name of the font, you might search instead for “font-family,” which is the property that controls this.
  • Once you find the font, replace it with the name of the font you want to use instead, like Arial, Trebuchet, or Georgia. Then, do another search using Ctrl + F using the name of the font you just replaced, to be sure you find and replace every instance where it appears in the file.
  • Then save your changes, and voila! New font!

A limitation every new CSS-manipulator runs into is not knowing all the possible selectors and properties.

No worries; you can always consult this list or this other one in order to find exactly what you need.

You can also try Googling the problem or posting to an online forum for live feedback when you really need it. A lot of people write CSS code, so there’s an endless well of wisdom and guidance available.

So, whaddya say?

Anyways, I hope this list of basic coding tips makes your life easier!

Bookmark it if you need to. Copy-and-paste my code examples if that helps. And share it with your friends if they could use the info too!

In conclusion, I’d like to pass the mic to you. Do you think everyone should learn to code fluently? Are you committed to learn a bit of code for yourself? Has this article been helpful?

Be sure to sound off in the comments below!




Why So Many Women Think They’re ‘Bad With Technology’

Photo credit.

Imagine this. A man and a woman are both learning how to use some new software. Maybe it’s WordPress. Maybe it’s a shopping cart. Or some kind of plugin or widget for their pre-existing websites– the specifics don’t really matter.

As is inevitable when learning something new, they both run into a problem. An error message. A technical glitch.

Their reactions are very different, though.

When faced with an error like this, the woman might say, “Did I break it??” or What did I do??” She’s very likely to blame herself– assuming some kind of “innate defectiveness” and that technology isn’t her “thing.”

Meanwhile, the man is more likely to blame the program for the error— charging it with being buggy or unintuitive. He’s thinking, “I did what I thought I was supposed to. This isn’t working properly!”

This distinction between how men and women (on a statistically-significant scale) react to problems with technology has been researched from many angles over the last several years. To quote the Huffington Post:

It’s very well documented that girls and women are more likely to internalize failure and mistakes while boys and men are more likely to externalize these. [Dr. Valerie Young, author of The Secret Thoughts of Successful Women] cites a classic cartoon example where a woman tries on a pair of pants that no longer fit and she says, “I must be getting fat” while a man tries on his ill-fitting pants and states, “There must be something wrong with these pants.”

Blaming Ourselves = “Technology Is Not My Thing”

Clearly, this issue of women blaming themselves and internalizing failure isn’t just about technology, but technology is one case that’s very clear to see around us.

Have you ever met a woman who’s quick to identify herself as “not a tech person”? Many women? Maybe even yourself? Identifying oneself this way can start with just that very first technical glitch and last a lifetime in its wake.

Personally, I can’t tell you how many times I’ve heard and read women say something to the effect of, “Oh, my brain can’t handle this tech stuff!”

It’s just not true!

And that’s the good news. Because I would like to argue that unless you’re willing to turn Amish, opting out of technology is not an option. Technology is no longer a “thing” that can be yours or not yours. It’s simply the world we live in.

Those Who Embrace Technology Can Accomplish Anything, In Any Industry

It’s commonly accepted that the lowly computer geeks from our high schools are becoming the rich and successful among us as adults. Good with technology = success, money, and respect. We’ve all internalized this message already.

However, the success that comes from embracing technology doesn’t always look like Mark Zuckerberg.

It can look like anyone, in any industry; be it success in teaching or coaching, in fashion, or even charity.

For example, it recently occurred to me how many people in these industries started out as web designers or developers. Among them:

  • Laura Roeder, who’s a very successful social media teacher and consultant.
  • Mai Olivo, who founded and runs the successful fashion site, Ruche.
  • Dan Gigante, frontman of the sprouting one-for-one t-shirt charity site, You and Who.

You don’t have to actually be a web designer or developer to be successful in the same way they were. The main ingredient at work was their attitude as “technology people.”

Simply being open and willing to learn how to use new software that can help you achieve your goals (like WordPress or shopping carts or productivity apps) can be all it takes to qualify you as a “tech person.” Outsourcing as you need to, but not being afraid to delve into that world and become part of it, will take you a long way.

Nothing To Fear But Fear Itself

It’s easy to be intimidated by the sheer number of software tools, programming languages, and the like. But, coming from an insider, I’ve got to let you in on a secret: even professional programmers only know a small fraction of them. Expecting to know the “entirety” of technology before attempting to use it is like attempting to know every person on earth before hiring an employee.

We can’t always see what’s coming down the pipeline next or intuitively know the new rules. But if anything is certain, it’s that technology has opportunities to offer anyone, and the only thing stopping us from taking advantage of them is ourselves.