How to Setup WooCommerce

setup woocommerce pages

Setup Woocommerce

The most utilized plugin for WordPress eCommerce websites is WooCommerce. If you are running a store or have your own digital products if you set up WooCommerce, it is pretty easy for you to get started and maintaining, and if you want to expand it, it has lots of extensions.

Though it’s relatively simple compared to many other available solutions, WooCommerce needs to be configured to perform every function precisely. A few pages must be set up for the whole buying process to work correctly. This example will reveal how you can turn your WordPress website into a fully functional web shop.

After installing the plugin, it usually creates the necessary pages. But sometimes issues like a conflict with the theme or any of the other plugins arise and those pages don’t get created automatically. In this situation, you have to set up the WooCommerce pages yourself. Otherwise, your store won’t be operational, and buyers won’t be able to purchase. These are the most relevant pages you must have, to get WooCommerce up and running properly.

  • Cart
  • Checkout
  • My account

Cart: When a visitor clicks add to cart on a product it’s gets added to the shopping cart. Every product he wants to acquire first goes to the shopping cart. You can conceive of the cart like the basket or trolley we use at supermarkets to put all the products in it. When the buyers go to the shopping cart page, it will show all the goods they added in the cart and from there they could remove it if they want and increase or decrease the quantity of each item.

Checkout: This is the final step of the purchase, and is where the customer input the payment details and pay for the goods. Similar to the cash counter at real stores, it works the same way. The buyers, if given a choice, can choose from multiple payment options. If you want, you can use a coupon code field on this page as well.

My account: This page is the account page of a buyer and isn’t strictly necessary for the store to be fully operational, but having this page is the usual way of doing it. This page makes it much easier for buyers to check their previous orders and keep track of their info.

Having the cart and checkout pages is necessary. If your store’s shopping cart and checkout buttons don’t work, it is a need to check if these pages are present from the ‘All Pages’ tab and if you can’t see these pages you have to create them. Now setting these pages up isn’t that complex, and you don’t have to be a code wizard to do this. To guide you through how to configure the WooCommerce pages, I have made a step by step guide. Just follow it, and you will have them done in no time.

Setup Woothemes Cart:

How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce

Click ‘Add New’ under Pages tab. Give a page title and paste ‘[woocommerce_cart]‘ on it. Don’t copy the inverted commas, just from one bracket to the other. Then click publish.

Checkout: 

How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce

Similar to the last step create a new page and paste ‘[woocommerce_checkout]’ without the inverted commas. Next, just click publish.

 

My account: 

How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce

As it was with the earlier step go to ‘Add New’ under Pages and paste ‘[woocommerce_my_account]’ and click publish.

Now that you have these pages created you just have to point to them from the WooCommerce settings. It’s easy, and you just have to follow these steps:

First, go to ‘Settings’ tab under WooCommerce and click ‘Checkout.’
How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce

Next step is to scroll down, and you will see the ‘Cart Page’ and ‘Checkout’ fields just under ‘Checkout Pages.’ Then Select the pages you created earlier on both fields, scroll down and click ‘Save changes.’
How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce

Finally, we need to The final step is to go to the ‘Accounts’ tab, in the ‘My Account Page’ field select the page you created in the previous steps, that is the account page.

How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce  How to Setup WooCommerce

Don’t have the payment methods set up yet? Do it from ‘Checkout Options’ which is on the ‘Checkout’ tab.

When you have done these steps, you should be able to set up woocommerce pages without any extra trouble correctly. Now you just need to add products and they are finally ready to be sold!

How to Embed Youtube Videos in WordPress Posts

How to embed youtube videos in WordPress posts

As the saying goes ‘an image is worth a thousand words’. Having youtube videos in your posts makes it more rich and users become more engaged to watch videos that can describe or show something more vividly rather than reading about it. But most of the time users get confused about embedding youtube videos the way they want to. I am about to show you a few easy ways of how to embed youtube videos in WordPress posts.

There are two methods when it comes to, how to embed youtube videos in wordpress posts. One is simple as 1,2,3 and the other with more customization options involve a tiny amount of coding. With the following steps on how to embed a youtube video is going to be much easier than you can imagine.

 

The simple way:

1.  Go to the youtube video’s page you want to embed. I am using an example video in the following. Than copy the link.

How to Embed Youtube Videos in WordPress Posts

2. Now paste it in the post editor.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

3.  In seconds the video will load on page and ready for users to view.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

The downside of this method is that you can’t change the alignment and the resolution.

 

Customized way:

1. Go to the youtube video’s page and click ‘share’. You can see three options: Share, Embed and Email. Click on ‘Embed‘. Then you will see a line of code just below. Copy the full code.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

2. Now paste the full line of code while you are in the ‘Text‘ mode of the post editor. Make sure you are in the ‘Text’ mode otherwise the code won’t work.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

3. After pasting the code move back to ‘Visual‘ editor, there you can see the video.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

4. By default the video size will be 560X315.  If you want to change it’s resolution it’s a very simple edit. Head back to ‘Text’ mode and in the embed code change the ‘width‘ and ‘height‘ values according to your needs.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

5. If you want to center the video simply go to ‘Text’ editor and add ‘<center>‘  just before the beginning of <iframe> tag.  And add </center> just after the last <iframe> tag.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

With the <center> tags the video will be precisely centered on page.

How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts  How to Embed Youtube Videos in WordPress Posts

After doing this few a times you should be able to get the hang of this method. Among the two described methods of how to embed youtube videos in WordPress posts, I personally suggest using this one mostly because of the customization options it gives you.

So the next time you want to embed a youtube video in your wordpress website, you know how to do it like a pro. Having appropriate videos in your posts will give users a much better experience and they will become more engaged and return to your website.

How to Modify Contact Form 7 Design

With today’s web 2.0 standards every website needs a contact form. A contact form let’s your users to engage themselves more with your website and stay in touch. And if you are running an online business than a contact form is a must have feature.

There are many wordpress contact form plugins available to use both free and premium ones. Some of the highest rated ones include Contact Form 7, Gravity Forms, Fast Secure Contact Form, Contact Buddy, and Ninja Forms. Among these Contact Form 7 is one of the most highly used and it’s free as well without any upgrade plans, so you have all the features in your hand to deploy.

Contact Form 7 is very easy to configure and run compared to many other contact plugins. It’s very light weight in terms of resources for your hosting account, as a result your page won’t have any extra loading time or lag.

Though Contact Form 7 is easy to use and maintain, one biggest problem of it is the design. The form design that comes with it appears very plain and it isn’t device responsive. Meaning on cell phone and tablets the form fields don’t auto resize which can be problematic for users. If you are running a website with dynamic theme Contact Form 7’s average design layout very likely won’t blend in and the responsiveness issue adds more to it.

Now don’t worry a bit, luckily Contact Form 7 design can be modified and given a nice looking appearance and auto responsiveness functions with correct customizations. You don’t have to learn programming or anything else to do this. We have made a nice step by step tutorial to help you accomplish this.

  1. Assuming you already have Contact Form 7 installed in your wordpress admin panel. In case you don’t already have it, just install it from ‘Add New’ under Plugins.
  2. Next go to ‘Add New’ under ‘Plugins’. In the search bar write ‘simple custom css and js’ and search for it.

How to Modify Contact Form 7 Design

3. Now you can see the Simple Custom CS and JS plugin as shown in the picture below. Click ‘Install Now’.
How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design

4. Then when the installation is complete, which only takes a few seconds you have to activate the plugin in order for it to work. Click ‘Activate Plugin’.How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design

5. After the plugin is active you will see ‘Custom CSS and JS’ on the left side of the admin panel. Put your mouse pointer on it and you can see more options. Click ‘Add Custom CSS’ from the options.How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design

6. Now give a title to it (ex: Contact Form 7) and in the body delete any existing text first. Then copy the following code into it:
#responsive-form{ max-width:400px; margin:0 auto; width:100%; } .form-row{ width: 100%; } .column-half, .column-full{ float: left; position: relative; padding: 0.65rem; width:70%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#222; font-size:17px; font-weight:600; } .clearfix:after { content: ""; display: table; clear: both; } /**---------------- Media query ----------------**/ @media only screen and (min-width: 48em) { .column-half{ width: 70%; } } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { padding: 8px; border: 1px solid #ccc; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #eee !important; border: none !important; width: 70% !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; font-size: 14px; color: #222 !important; padding: 16px !important; } .wpcf7 input[type="text"]:focus{ background: #fff; } .wpcf7-submit{ color: #002060 !important; margin: 8px auto 0; cursor: pointer; font-size: 20px; font-weight: 600; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px 20px; line-height: 1.7em; background: transparent; border: 2px solid #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .wpcf7-submit:hover{ background-color: #eee; border-color:#eee; padding: 6px 20px !important; } span.wpcf7-not-valid-tip{ text-shadow: none; font-size: 12px; color: #fff; background: #ff0000; padding: 5px; } div.wpcf7-validation-errors { text-shadow: none; border: transparent; background: #f9cd00; padding: 5px; color: #9C6533; text-align: center; margin: 0; font-size: 12px; } div.wpcf7-mail-sent-ok{ text-align: center; text-shadow: none; padding: 5px; font-size: 12px; background: #59a80f; border-color: #59a80f; color: #fff; margin: 0; }

How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design

After copying the code click publish.

Personal customizations

Now if you want to change the colors of different elements to match with your website, you can do that too.

To change the font color, font size and background color of the fields, you have to modify the following elements described and marked in the picture below:How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design

Under ‘.wpcf7 input[type=”text”], .wpcf7 input[type=”email”], .wpcf7 textarea {‘ modify the following elements for your personal changes.

‘background-color’ refers to each fields background color. If you want to change it just replace the #eee color code with your own. But don’t delete ‘!important;’ text. Otherwise it will malfunction.

‘font-size’ refers to the size of the font in the fields. Just change the number text next to it for increase or decrease.

‘color’ refers the font color itself. If you want to have different color just change the ‘#222’ color code with your own color code.

To modify send button, customize the following elements under ‘.wpcf7-submit’:

How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design

‘color’ refers to the text color on the button. If you want anything different simply change the ‘#002060’ color code with the color code you want.

Font-size depicts the font size of the text on the send button. Simple change the number if you want smaller or larger font.

Border is the border of the button. If you want to increase it change it from 2px to more and vice versa. It currently has black color(#000). You can change it with your own as well.

Now the ‘Send’ button has hover effects too. It changes color when you hover the mouse pointer over it. To change the hover effect colors as well, just change the following under ‘.wpcf7-submit:hover{‘How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design  How to Modify Contact Form 7 Design

background-color here means the color of the background during hover.

border-color also refers to the color during mouse pointer is over the button.

There you go! You now know how to modify Contact form 7. I hope you enjoyed the article and are well on your way to modify Contact Form 7 to your liking.

Download Contact Form 7 by clicking here.

Educational WordPress Themes

Educational Wordpress Themes

Educational WordPress themes

Every educational institute must have a good, well designed and well maintained website, and that is solved with Educational WordPress themes. Be it a school, college or university, having a nice website is essential for them as it reflects your institute’s success, importance and value. It has been noted that nowadays interaction between students and teachers through email and social networking websites has increased showing good results and better learning.

In fact you can see that the better the institution is, the better is its rating on web. But having good professional website being made can be really expensive. So how can you build cool website of your institute without spending a lot of money? Well, the answer is really simple: by getting a well suited WordPress theme! WordPress is the most popular and widely used platform for making websites, and the awesome thing about it is that a plethora of themes in many different categories are available out there. Most of the times, themes are especially designed to meet the specific requirements and functionality of a certain type of websites.

Apart from the availability of themes, a lot of plugins are also available, which further makes customizing a website really easy. These plugins can be used for enhancing your theme’s functionality, taking security measure to protect your website, increasing its usability or speeding it up etc. Having a good photo gallery about your institute and the life in it also attracts more students. Many portfolio plugins are present, which can help you display your images in a better way.

So if you are planning on creating a new educational website or you wish to revamp your old one, you should definitely check out pre-designed educational WordPress themes. A huge amount of educational themes is available and finding the good ones is not an easy task. So in order to help you find the best ones, without even spending your time, today we have a collection of some really amazing themes. Most of the themes in this collection are paid, but a few are also free of cost. Check them out and pick the ones you like the best!

Grand College – WordPress Theme For Education

Educational Wordpress Themes

Peekaboo WordPress Theme

Educational Wordpress Themes  Educational Wordpress Themes

EduBLOG WordPress Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

Education Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

Kid’s Voice School WordPress Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

EducationTime

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

Graduate THEME

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

WordPress University

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

EduPress

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

Enterprise Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

University WordPress Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

Govard WordPress Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

Lexington WordPress Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

Education Style WordPress Theme

Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes  Educational Wordpress Themes

 

JPstation Blogger Template

JPstation Responsive Blogger Template

JPstation Blogger Template

Instructions for JPstation: How to Install a Blogger Template

Descriptions: JPstation is beautiful responsive blogger template layout with many features. It’s 2 columns and right sidebar the color is black, white, blue and gray with top navigation menu, tab widget sidebar, custom search result, custom CSS lightbox and more.
Author: www.ivythemes.com
Features: JPstation is a free blog template with type: 2 column, Black, Blue, Elegant, Fluid Width, Premium, Responsive, Right Sidebar, Tabbed widget, Top Navigation Bar, White
Demo: Demo
Download: Click one of the share buttons to instantly download:

IMPORTANT NOTE:

After uploading this template, go to Layout and find the Recent Post widget.

Edit the Recent post widget and place the following code in the content box.

<ul class='rpostx'>
<script src='/feeds/posts/default/?alt=json-in-script&amp;callback=dropdownposts'>
</script></ul>
Similarly, Edit the Recent Comment widget and place the following code in the content box.

<ul class='rcommentsx'>
<script src='/feeds/comments/default?alt=json-in-script&amp;callback=dropdowncomment'>
</script></ul>

 

Do you like this template? Please follow us! 
JPstation Blogger Template

Google Social Reports Tool Explained

Social flow

Website Designers and Website Developers are always on the lookout for software and website tools to either improve your own website, or to help guide your clients. In today’s environment, with technology development speeding up as quickly as it is, it’s sometimes harder to sort through all of the new tools than it is to find new tools.

Google Analytics Social Reporting Tool Explained

New and existing companies are constantly putting out new website software or updating their existing software to provide their customers with new features. Website Designers and Developers must spend time learning about all of the website software on the market so that they are prepared to answer client questions, as well as, integrate new software into their websites. One website tracking tool that has been all of the rage lately is the Google Analytics Social Reporting Tool.

You may have heard about the Social Reports feature offered free of charge through Google Analytics. Finally, the golden question of “What is the return-on-investment of our social media campaign?” can now be answered more easily thanks to another great tool put out by Google. Website owners now have better social media monitoring and measurement capabilities thanks to Google’s Social Reporting Tool.

Almost all Website Designers and Website Developers at least know about Google Analytics, and a large portion of you are probably using it for your website and for client websites. You could spend days digging through all of the data provided through Google Analytics. Now that Google has put out a set of reports we thought we would save you a little time by breaking them down so that you can understand what the Social Reports offer and what the benefits to you and your clients can be. Although Google Social Reports can be set up to collect and filter data from over 400 social media platforms out there, with all of the big players like Facebook and Twitter included, its deepest integration is with Google+ (which makes sense).

In this article we will breakdown many of the reports that Google Analytics customers will now have access to free of charge, discuss what data is captured and reported on through each report, and what the benefits of each report are to website owners.

Google Social Visitors Flow Report
Not claiming it to be the most valuable, but the coolest and most visually understandable reporting feature in Google Social Reports is Social Visitors Flow. Website owners are able to not only see how many hits are coming from various social media channels, but one is also able to follow the traffic from the initial starting page to see which pages users flow downstream to. Details about how many visitors visited a starting page, then subsequent pages after that is clearly shown. Also, the user is able to easily see how many “drop offs” there were from each page visited. To dig deeper, you are able to choose to show all the traffic from only one social media channel at a time. This ability really lets you gain an understanding of where traffic from a particular social media channel is ultimately ending up on your website before they drop off.

Being able to quickly and accurately see what social networks website visitors are coming from, what page they are landing on, and where they are navigating to throughout your website is a very valuable tool. Google gets it. Now it’s time for website owners to take advantage.

Social Plugins Report
Almost every blog you read these days has those icons that we have all grown to know and love. You know the ones… The “Tweet This”, “Like on Facebook”, “+1”, etc. Smart website owners use these social plugins to make it extremely easy for their website visitors to share website content within their social networks. Tools like Social Plugins are great for getting your website content in front of new visitors. Not only that, but they empower the user to make the recommendation, which is a much strong recommendation in the eyes of the new reader since it’s coming from a trusted source.

Google Social Plugins

At a high level the Social Plugins Report allows website owners to see exactly which pages are being shared socially the most. Drill down further to see how many times each page was shared via different social media channels. This is a very powerful report in regards to finding out which posts your viewers think are most interesting and worthy of passing on. Armed with this information website owners can find out which topics their visitors are the most interested in, and then can write more articles about those topics. Over time this will lead to increased engagement from your community, as well as, increased traffic to your website by way of those readers sharing your content with their community.

Social Value Report
One of the biggest questions people who use social media for sales and marketing ask is, “how can I tell how many sales are generated from my social media marketing efforts”? There are ways to find these numbers, but it normally takes a lot of foresight, time, and money to ensure you’re getting accurate data. Although Google’s Social Value report still has some way to go to fully report e-Commerce conversions, it’s a good first step.

The Social Value Report details how many visitors from social media sources were converted into paying customers. That said, there is a little upfront work that must be done in order to set this report up properly. First, you must first set up “conversions” or GOALS within your Google Analytics account. If you have a clear monetary value for your website conversion, you can actually add that information into the Goals that you set up in Google Analytics. This will actually allow you to determine an accurate dollar amount or “Social Value” that your social media efforts are generating.

Social Data Hub for Tracking Off-Site Activity
A more advanced feature of the Google Social Reports is Social Data Hub. Google has partnered with a lot of the social networking sites out there to bring Google Analytics users even more insight into which content is bringing the most value to readers. Referred to as an “off-site activity” reporting tool, website owners are now able to gain an understanding of +1’s and comments that take place outside of your website. A large list of Social Data Hub partners exists. Some of the big name partners include Digg, Gigya, Meetup, Reddit, Blogger, and Delicious. Prior to this report, companies had to spend a considerable amount of time and money to get access to this data. Now by digging into Social Sources in Google Analytics you can look at the specific social media tools that are producing the most engagement around your content.

Social Sources Report
One of the simpler and more basic reports, Social Sources lets users quickly compare their overall web traffic to web traffic specifically derived from social media sources. Most importantly one can determine how many visits each social media source is providing, the number of page views from each source, and the average visit duration from each source. These statistics give valuable insight into which sources are supplying the visitors that are spending the most time and visiting the most pages on your site.

By keeping an eye on this report website owners can determine which social media tools are working best for their website and then start spending more time on those social networks instead of other underperforming social networks. For example, if you assume Facebook is the best social network for attracting visitors to your website, but after a few months of watching this report it shows that Facebook is actually behind Twitter and LinkedIn in terms of attracting new traffic to your website, it may be that you decide to stop spending so much time promoting your content on Facebook, and start focusing more on LinkedIn and Twitter.

Activity Stream Report
The Google Activity Stream Report is a real-time social media monitoring report that allows you to monitor who’s interacting with your content through specific social channels like:

Delicious
Digg
Google+
Echo
Many more
The Activity Stream Report allows you to see who’s talking about your content and allows you to respond to those folks in real-time. You can also click a button to “follow” or “monitor” the conversation to see which direction it takes, who joins the conversation, etc. Website owners receive the benefit of having this report segmented by “conversations” and “events”.

Conversations include:

New posts from anyone on the social network where the conversation is taking place
Content shares/reshares
Comments by users

Events include:

Bookmarks
Votes
Shares
There is still room for improvement (if Google decides to go this route) as currently Facebook and Twitter are not included. You can probably understand why Facebook isn’t included since Facebook and Google butt heads so much, but at the very least, Twitter should be included. This would take the Activity Stream Report to the next level.

Use Google Social Reports to Better Use Social Media and Engage Website Traffic
Hopefully after reading this article you are better informed on just what all of the buzz has been about in regards to Google’s Social Reports. Once again, Google Analytics and all of the Social Reports, are absolutely free for anyone with a website. These reports can provide you with an incredible amount of information about your website traffic. These new Social Reports are a step in the right direction in regards to finding out exactly how your social media marketing efforts are paying off either in the form of increased website traffic or even increased sales. I know that Website Designers and Website Developers have a lot of new software that they must learn and implement for their own websites and for client website, but I highly recommend that you spend some time learning more about Google Social Reports. You will be happy that you did!

Are you currently using Google Social Reports? Any feedback? Please tell us your comments below.

Speed up wordpress

Speed Up Wordpress

Speed up WordPress

There is some secrets you need to know to speed up wordpress, and I’ll share what I did with IVYthemes in this article.
IVYthemes had a decent page load time, in most countries, but it wasn’t as snappy as I would like, and in some countries it was pretty slow, with a page load time of over 8 seconds for our homepage. This is actually pretty horrible, and there are studies done that states that anything above 3 seconds is unacceptable for most visitors, they give up and go away from your site. We of course want our visitors to stay as long as possible and have a great experience on our site, so getting the page load time down was a high priority for us. We managed to get below a 1 second load time on our homepage by doing the following tweaks:

So, how to speed up WordPress?

DNS
There are some options but first you should make sure your DNS is reliable. If your registrar don’t have stellar reputation for their DNS, then a service like Cloudflare would be a great option, they have a free account, which covers both great DNS, security and some speed optimizations as well, but we’ll get back to those later.

Improving your WordPress efficiency by even 10 percent won’t matter if your DNS is not reliable.

Hosting
Next is a good web host. There’s lots of poor choices out there, with badly managed, oversold shared hosting accounts. I already had this covered by hosting the site at Liquidweb, which I have good experience with from before, after trying a lot of hosting companies over the years. Check them out by clicking here. 

Theme
Then you need a clean, no bloat theme. Thrive themes is my personal choice for this site, but Genesis is a widely used theme framework which is also a great option.

Plugins
The next area you should focus on, is unused and unneeded plugins. Keep only the plugins that you really need. And only the ones with with solid, proven code behind them that are actively supported. This prevents uneeded load requests and keeps your plugin list nice and tidy. (Yes, I’m a neat freak)
WordPress is reliable and stable, and it can handle 40 or more plugins if they are all the right ones. But it only takes one badly coded plugin to make your site slow or unstable, get it fixed now!

Image optimizing (automatically)

Yahoo! has a great image optimizer called Smush.it that will reduce the file size of an image drastically, while at the same time keeping the quality.

However, doing this one image at a time would be a pain in the ass, and take too much time. I’m a fan of automatization so using the free plugin WP-SmushIt  was perfect for saving a lot of time! It does slow down uploading images a bit, but it’s still well worth it.

Download WP-SmushIt here

Caching
WordPress origin caching can be done with several plugins, but the two plugins that is most recommended is WP Super cache and W3 Total Cache. WP Super cache is the easiest to use of those, and speeds up your website immensly, but W3 Total Cache is more advanced and has more possibilities, but keep in mind that many features are limited due to your server configuration and you need to sign up to external CDN’s (Content Delivery Networks), like Amazon S3, Akamai etc.

Which of them you’ll use, depends on how much configuration you want to do, what your server supports etc. I’ve used both on this site and got great results with both, but I’ve landed on W3 Total cache as it was the fastest of the two, but you can’t go wrong with either one in that regard. However, if you prefer the easiest option, you should go with WP Super Cache.

Download WP Super Cache here

Download W3 Total Cache here

Tools
I use and recommend Pingdom Tools to check my site load time. I recommend doing one before you start optimizing wordpress, so you see where your coming from, and of course several times during optimization, so you can get inspired by the ever faster wordpress load times.

I hope you are inspired to speed up wordpress by this article, we all want a faster web experience.

Convert more of your traffic to revenue

Convert more of your traffic

Convert more of your traffic to revenue

If you’ve ever tried to earn revenue on your WordPress website, then you probably know that conversions are king. Website traffic is a good thing—but leveraging it to turn a profit is another ballgame entirely. There are many tools to convert more of your traffic.

Turning web traffic into revenue is a lot like closing a sale. There are a lot of elements to consider, and all of them need to be in the right place at the right time. Getting people to sign up for your mailing list, gathering numbers for text-blasts, attracting followers on social media, and selling products to online visitors are just a few of the many things that need to be done right if you’re hoping to turn larger profits on your ecommerce WordPress site.

Of course, every site and company will be different—so some parts of your strategy might differ from those used to convert traffic on other websites.

But with that being said, don’t make the mistake of thinking that the main, core principles don’t apply to your business too. There is an art to getting visitors to buy from you—and unless you can find a way to tap into this mentality, you’re going to end up frustrated and disappointed.

How can Thrive Themes help?

This website basically offers subscribers a wide range of different WordPress themes, plugins, and tools that are specifically designed with traffic conversion in mind. The themes are lightning fast, the plug-ins are smart and intuitive, and the mailing list tools are cutting-edge and easy to use.

If you’re thinking about overhauling your WordPress site in an effort to make it more profitable (or are thinking of building a new WordPress website and need a theme and some plug-ins), then I would definitely recommend ThriveThemes.com for several different reasons.

They focus specifically on conversion

According to this article on nngroup.com, users often leave web pages after 10 to 20 seconds.

I’m not sure how familiar you are with ecommerce statistics—but to put it simply, that’s not a very long time.

You don’t have hours to get customers to commit—and when they do decide to commit, you need to make the process fast, easy, and simple.

That’s why conversion-focused tools are so important. If you don’t focus on conversion, you’re simply going to lose the customer. It’s pure mathematics.

Their themes look amazing

The WordPress themes offered by Thrive Themes are beautiful (We use thrive themes ignition on our site). I understand that the main focus of these tools is to turn visitors into customers, but they really seem to make an effort to do this with style.

The layouts are clean, the tools are seamless, and the workflow within the builder is nearly perfect.

Giving your website a professional look is extremely important. If your site looks sloppy, then you’re going to be much more likely to lose customers—especially if you have any kind of competition to speak of.

But Thrive Themes offers themes and a builder that can really help to offset this challenge. Creating professional looking WordPress websites with these tools is surprisingly simple—and to be honest, the results are often very attractive.

They maintain an awesome blog filled with relevant news and ideas

Another awesome thing about ThriveThemes.com is that they maintain a blog on their website—and do a great job of it! If you’re looking for tips that’ll make you better at turning visitors into customers using their WordPress themes and tools, then this is definitely a resource that will help!

I realize that hosting a blog isn’t necessarily a ‘big deal’ anymore, but I’m always disappointed when the blogs I visit are lame, dull, or full of mindless SEO filler. This definitely isn’t the case with the blog hosted by ThriveThemes.com. In fact, as I was looking over the topics, I bookmarked several of them for my own research purposes!

In Conclusion

If you’re looking to create or improve your own WordPress website, and need to focus more on conversion so that your visitors can start earning you more revenue, then I would definitely consider giving ThriveThemes.com a try. Their themes are awesome, their tools are intuitive, and their website is easy to navigate and use.

Even a complete novice could use these tools—so make sure to check them out before choosing your next plug-in or WordPress toolbox.

Click here to go to Thrive Themes.

Photo Credit: Flickr Creative Commons

1 2 3 47