5 Best Practices To Support Your WooCommerce Shop

/in , /by

Choosing to power your ecommerce shop with WooCommerce is a smart move. Thirty percent of all e-commerce stores are powered by WooCommerce, including some of the world’s big brands like Singer, Weber, and Ghostbed. There’s a good reason for that: WooCommerce provides a higher level of customization than other platforms, which is exactly what brands need.

Customizing your WooCommerce store is easy. You don’t need to be a programmer to perform most modifications. If you’re not familiar with WordPress, the internet is full of tutorials designed to teach you how to do anything.

However, before you dive into implementing those tutorials, there are some best practices to follow to maintain the integrity of your e-commerce site.

1. Plugins aren’t always the best way to add custom features

You may be tempted to install a new plugin for each custom feature you want to add. However, plugins should be reserved for minor changes only. Additionally, WordPress sites with too many plugins tend to perform slower and become a security risk.

The Code Snippets for PHP plugin allows you to add snippets of PHP to your site that you can deactivate at any time. This is a convenient way to add features to your site that you can turn on or off. The Jetpack plugin allows you to edit your CSS. Making these minor changes with a plugin is acceptable, although, if you’re going to implement major changes, you need a child theme.

2. Always use a child theme from the beginning

A child theme is a directory that holds a couple core theme files (styles.css and functions.php). A child theme’s files will override the same file in the parent theme. For instance, any code you add to your styles.css file in your child theme will override the styles defined in the parent theme’s styles.css file.

The override feature is how you can change your site’s style without having to worry about your changes being wiped out in an update. For example, say you want to modify the background color of your theme. Instead of editing the parent theme’s CSS file, you’d activate a child theme and edit the child theme’s CSS file.

However, you define the background color property in your child theme’s CSS file will override the style defined in the parent theme’s CSS file. You don’t need to copy the entire original CSS file to change it – you only need to define the specific elements you want to override the parent theme’s stylesheet. Your child theme’s CSS file might be completely blank, except for a single line of code.

Not using a child theme means you’ve got to work harder to create and maintain your customizations. There’s nothing wrong with customizing your CSS through your theme’s custom dashboard, provided the option exists. In fact, this is a fairly safe method of customizing CSS. However, you should know how to use a child theme just in case you end up using a theme that doesn’t have a styles dashboard.

3. Test your sales and checkout process frequently

Schedule a time to test your sales and checkout process at least once a month. If once a month sounds too frequent, consider that it doesn’t take much to disrupt the checkout process, and not every customer will send you an email if they encounter a problem. Especially if the glitch is small and they’re still able to successfully checkout.

The biggest reason for abandoned shopping carts is a difficult checkout process. According to Forbes, the Baymard Institute reported that 67.91% of people will abandon their shopping cart. Some of the difficulties are within your control. For instance:

  • 56% of consumers said they abandoned their shopping cart due to unexpected costs at the end.
  • 25% said the website navigation was too complicated.
  • 21% said the process took too long.
  • 18% said there were too many payment security checks
  • 16% said the delivery options didn’t work for them.

All of the above factors are within your control to fix.

It’s important to test your entire sales process as a new customer as well as a registered user (if you offer that option). You’ll be able to catch and fix problems quickly.

4. Ensure the continuity of your email marketing messages

You might only have one main email marketing campaign with a set amount of emails you drip-feed to every new subscriber. That’s fairly common, and it’s a great strategy. Just make sure your welcome email is general enough to apply to all of your customers to avoid confusion.

This is especially important when you collect leads from various sources and offers. You don’t want to send everyone an email that says, “thanks for downloading our free ebook” when you’re also collecting leads through a free trial, or another offer.

If you created your email marketing campaign prior to collecting leads through multiple offers, make sure you aren’t thanking leads for signing up for a specific offer. That email will just confuse anyone who came to you through a different offer. It might even make them unsubscribe.

If you can, segment your leads based on what offer they’ve signed up under, and send each group an individual welcome email.

5. Choose the right hosting provider

Hosting is cheap these days, but cheap isn’t always the best. For example, if your hosting provider doesn’t offer SSL, you may want to reconsider your host. SSL is vital not just for security, but for SEO as well, since Google now considers SSL a search signal.

Need a host for your WooCommerce site? We can help

If you need a secure and reliable hosting provider for your WooCommerce site, we can help. We’ve got dedicated servers and custom solutions for any e-commerce site, big or small. Connect with us today, and we’ll help you choose the package that’s right for you.

Tips For Building Your Custom PrestaShop Theme

/in , /by

Choosing PrestaShop as a platform for your e-commerce website was a great move. It’s easy for you and your customers to use, supports optimized page speed for SEO, and was professionally designed to handle e-commerce.

PrestaShop installations come with a standard theme you can customize to a degree without knowing any programming, but sometimes that’s not enough. If you’re searching for a fully custom theme, you’ll need a professional developer.

Unlike WordPress, there aren’t as many theme developers for PrestaShop, so it’s difficult to find an abundance of pre-made themes on template websites. You’ll find a few on Template Monster, but if those don’t work, here’s how to get a custom theme that fits your needs:

Know your limitations if you’re a DIY theme developer

Creating a custom PrestaShop theme requires more than cut and paste skills. With some platforms, you can get away with copying files, replacing images, and inserting sections of code. PrestaShop requires a bit more knowledge.

For example, other platforms support mixing PHP with HTML, but PrestaShop uses Smarty tags instead. PrestaShop’s 3-tier architecture makes it easier for graphic designers and HTML integrators to work solely within the /themes folder without having to work around PHP code. Even if you’re new to PrestaShop, if you’ve ever locked yourself out of your admin panel due to a PHP syntax error, you already know the value of Smarty templates.

Although the Smarty 3 template engine was designed to help developers build themes efficiently with little technical knowledge, it’s not something a tech newbie can understand quickly. For example, with other platforms, a beginner can copy and paste snippets of HTML, CSS, PHP, and Javascript in the correct place by following simple instructions. With PrestaShop, template files (.tpl) control the design, and pasting HTML in the wrong place can have dire consequences.

If you’ve got a brilliant idea for a theme but don’t have the experience necessary to bring it to life using best practices, hire a professional theme developer. Cut-and-paste HTML/CSS experience isn’t enough to make a PrestaShop template turn out well.

Learn how to use Smarty templates

If you want to build a PrestaShop theme, but haven’t worked with Smarty templates, it’s worth investing time to learn the system. For the official walkthrough, check out this guide, and don’t be shy about joining the forum for help when you get stuck. Once you learn how to use the Smarty template engine, creating a theme will be easier.

Adhere to best practices especially when you’re new to PrestaShop

Best practices exist for a reason. While there are often multiple ways to accomplish the same task, not all methods will produce a seamless result. When you’re not an experienced developer, you’re probably used to using workarounds, some of which have yet to catch you off guard. You may not notice the effects for days, weeks, or months, but when something falls apart, you’ll wish you had done things differently.

For example, if you’re familiar with WordPress, you know it’s possible to use functions.php for just about anything, including adding Google Analytics code. The problem is, functions.php should only be used to modify theme-related functions. Updates will wipe out your custom code and break your site.

Knowing your way around PHP files isn’t the same as understanding how it’s being used within the context of a platform. Like WordPress, PrestaShop also uses PHP and while core files can be modified, doing so goes against best practices.

This developer points out the importance of creating or modifying a theme correctly from the start. He was hired by a client to fix the mistakes of a former development team. The team knew HTML and CSS but didn’t understand PrestaShop. They modified elements in a way that would have forced the shop owner to manually compare and copy over the new code to core files for every update. The developer also mentions several ways to modify modules, HTML, and CSS without interrupting the upgrade process.

It’s better to build your code into modules so you don’t lose your modifications when you update PrestaShop. Also, SQL queries should never be made from a PHP controller (a .php file in the root directory). Create new methods for existing PrestaShop classes if needed. If you don’t understand what that means, your best option is to hire a professional developer.

Understand PrestaShop’s theme development fundamentals

Unless you’re a PrestaShop pro, you’ll want to review the official theme development documentation before making any changes. PrestaShop uses several things you may not be familiar with: Smarty templates, Bootstrap, Sass, and Compass.

If you’re unfamiliar with Bootstrap, you’ll need to familiarize yourself with it to get the best results with your theme. Bootstrap is an integral part of PrestaShop. Creating a new back office requires using Bootstrap, but creating a new front office doesn’t. Bootstrap is well integrated into PrestaShop, so not using it (even for a front office) means missing out on functionality.

Tips for outsourcing theme development to a pro

When you’re not ready to dive into theme development, hiring a pro is the right move. Search for templates you like, and be prepared to discuss those elements with your developer.

When viewing other templates for reference, be sure to look for more than aesthetics. Pay attention to what side the widgets are on, how the drop-down navigation functions, and where the layout has designated spots for ads.

Most of all, don’t expect your theme to be perfect. A developer does their best to capture your vision, but there will always be aspects of the design that aren’t perfect. Through rounds of development you can get close, but be prepared to accept some limitations.

While your new theme is being developed, don’t forget to choose a host. With an e-commerce shop, you need a host to facilitate secure transactions using SSL, and proper load balancing to make sure your site doesn’t crash. Contact Skylands today for boutique hosting tailored to meet your specific business needs.

Successful E-commerce Is About Applying Marketing Psychology In A Digital Environment

/in /by

In many ways, running a business online is no different than operating out of a brick-and-mortar store. The same basic principles of business apply, especially marketing psychology. You could pick up any classic marketing book written before the internet and apply the advice to your e-commerce business. Psychology doesn’t change.

What makes e-commerce different is the digital environment where the exchange of information and communication takes place. In a brick-and-mortar store, some people will make a purchase even if you didn’t acknowledge them when they walked in the door. The rules of engagement in a digital environment are different: building rapport from the first moment is not optional.

On the technical side, you’ve probably implemented essential strategies like load balancing, automated backups, and SSL encryption. Think of the following tips not as strategies, but marketing tactics. Every tactic is rooted in marketing psychology and understanding that psychology is the key to executing it correctly.

Master the psychology of digital delivery

As an e-commerce business owner, you need to master the art of digital distribution. That includes more than just supplying links to digital downloads. Everything you deliver to the customer, including your email communications and your sales pitch, takes place in a digital environment where people don’t want to be bothered. You have to deliver your message in a way that doesn’t feel intrusive.

For example, when greeting a customer in person, you have the luxury of using body language – like a smile – to initiate contact from a distance. Customers expect to be greeted by staff and aren’t usually bothered by it.

In a digital environment, it’s not so easy. Visitors want to be left alone, and unless you can capture their attention with something they’re interested in, delivering your message could be received as a disruption.

Depending on the message you want to deliver, you can’t be too pushy to get someone’s attention. For instance, many visitors are tired of popups and consider them an intrusion. Instead of capturing attention, a popup might cost you a sale.

That doesn’t mean you can’t use popups. It means you need to intentionally design your popups. It’s all about psychology.

Engineer your popups intentionally

An article written by Derek from social triggers addresses the popup issue in a video describing why you should be using popups, even though most people find them annoying. Popups work when done correctly, and the article itself is a good example of a correctly engineered popup.

While viewing the article, move your mouse to the top of your browser window to trigger the popup. Notice several aspects of the design differ from the traditional “give me your email” popups. First, the headline isn’t a graphic, it’s bold, readable, plain text. Next, the description is brief and contained within two short lines. Last, the popup doesn’t immediately ask you for your email address. It asks you to accept or reject the free eBook.

Clicking on the “GIMME THE FREE EBOOK” button brings up the familiar email signup form. Why the extra click? Psychologically, when a visitor makes that first click, they’re committing to the download. That simple step makes them more likely to actually read the download.

Mitigate the biggest obstacle to delivering your message: lack of attention

Attempting to deliver a message in a digital environment presents a handful of obstacles you need to mitigate before you’ll be able to capture attention.

EyeQuant points out that the internet “presents its users with an unquantifiable measure of content for potential browsing behavior.” The problem, they say, is that attempting to multi-task to absorb this information has resulted in the rewiring of our neural nets. This rewiring causes us to read faster and less thoroughly the moment we go online.

Essentially, we’ve hard-wired ourselves to have short attention spans when we browse the internet. This short attention span makes us easily distracted.

Your visitors are distracted at every turn by advertisements, buy buttons, share buttons, hyperlinks, and other cues directing them to read content or click. This is in addition to their browser tabs with open chats, social media accounts, and email notification. If you want a visitor’s attention, a simple and clear message written by an expert copywriter will do it.

Eliminate all barriers to the sale or conversion

Webmasters and business owners create barriers to conversions all the time without realizing it. Requiring people to sign up for an account before they can complete their purchase is a barrier. Requiring someone to turn off their ad blocker before they can view your content is a barrier. Requiring a visitor to give you their email address to access your videos is a barrier.

Even when a visitor willingly complies with these barriers, it still makes the visitor’s process arduous. The more barriers you put up, the less likely they are to return.

This goes along with the previous tip about mitigating all obstacles, with one difference. Barriers are often invisible and can be mistaken as part of the sales process. For instance, your web form might ask several questions that seem vital but are actually barriers because they aren’t necessary. For example, most businesses don’t need a visitor’s birthdate or age. Your web form also shouldn’t ask visitors how they found you. That information should be tracked invisibly.

Keep it simple and smooth

The simpler your checkout process, the better. Users should be able to click their way through with ease. A smooth checkout process will help you retain more of your customers.

You should also be upselling your customers, but not too much. One suggestion is enough during the checkout process. Don’t ask your customers to consider a string of products right before they’re ready to pay. On the other hand, not upselling at all is leaving money on the table.

As Neil Patel writes, “We shouldn’t view upselling as a dirty word, or some underhanded technique to filch extra cash from gullible customers. Upselling is a win-win. Customers get better stuff. You get more cash. And here’s the kicker: The customer is going to stay around longer.”

In the end, running a successful e-commerce business relies on your ability to implement marketing psychology in a digital environment. If you haven’t picked up any good marketing books lately, check out the best sellers list on Amazon’s marketing section and start studying.

How To Implement WordPress Performance Optimization Effectively

/in , /by

Everybody talks about optimizing your website, but what does that actually mean?

Optimization – it’s not just about SEO

When you read the word “optimization,” you probably think of Search Engine Optimization. The term has been almost branded by SEOs over the years, but optimization isn’t just about getting better rankings – it’s about giving visitors an optimal experience.

Regardless of the type of website you manage, optimization is as vital as air, water, and food. Your website can’t survive without it. Studies show that if a website takes more than a couple seconds to load, they’ll bounce.

There are two main categories of optimization – performance, and security.

Performance optimization

The following optimizations are necessary for top performance:

1. Cache your dynamic content

WordPress serves content dynamically. To construct each page, there must be an interaction with the database to piece it all together. This slows down a website’s performance. However, you can use a plugin to cache dynamic content so that it’s delivered to visitors as static content. To learn more about caching and how to implement it, read The Ultimate Guide to WordPress Caching from wpmudev.com. At Skylands Networks, we employ the LiteSpeed cache which is specially optimized to work with the LiteSpeed webserver. This gives our users the fastest caching option available.

2. Use load balancing

When your site gets popular or receives an unexpected surge in traffic, load balancing ensures your site doesn’t crash. A load balancer uses an algorithm to distribute incoming traffic as evenly as possible to a pool of servers, ensuring that one resource isn’t overworked.

3. Keep all plugins updated

Plugins should be updated frequently. You’ll receive a notification in your admin panel when updates are available. However, you’ll want to be aware of plugins that have been abandoned. Abandoned plugins are a security vulnerability. If you don’t remember updating a plugin recently, check to see when the last update was issued. If it’s been more than a year, you may want to find another plugin.

In addition to keeping your plugins updated, it’s equally important to avoid using plugins unless absolutely necessary. Too many plugins will slow down your site.

4. Don’t host videos on your own server

While you can upload video files through the media interface, any video you host on your own server will slow down your website. Hosted solutions like YouTube and Vimeo automatically compress videos as they’re uploaded, and provide a stable user experience.

If you don’t like the way hosted video players look, paid solutions like Wistia allow you to customize your player for a nominal fee.

5. Optimize your database and delete older post versions

Each time you update and save a page or post, WordPress stores a new copy of your page or post in the database. If you constantly save your content after minor updates, you’re accumulating extra content in the database, which will slow down your site over time.

Optimize Database after Deleting Revisions is a plugin that automatically deletes old revisions either on a set schedule or with a single click. You can also define how many post revisions you’d like to keep, and it will delete the rest. This plugin has been around for many years and is regularly updated.

Optimizing security measures

WordPress has an unjust reputation as being insecure. WordPress as a platform is secure, provided website owners manage it properly. The problem is, many website owners aren’t professional developers and therefore don’t fully understand security. They make innocent mistakes out of ignorance, and end up paying the price.

One-click installation tools don’t create a secure installation

If you build your WordPress website with a one-click installation tool, your site is at serious risk of being hacked and infected with malware that runs SQL injection scripts that are used in phishing scams. This is a serious problem because even the best password can’t protect you – hackers don’t always need your password.

Hackers can exploit weaknesses in the installation itself, or through plugins that are either insecure or haven’t been updated in a long time. Additionally, WordPress passwords are simply salted MD5 hashes, which is incredibly easy to hack with certain programs. Someone doesn’t even need to be a hacker to use these programs.

Change your authentication keys and salts

If you used a one-click installation tool inside of cPanel to install WordPress, chances are, your installation doesn’t have any authentication keys or salts. Years ago, the one-click installation program called Fantastico defined these cryptographic elements in every new WordPress installation. They weren’t unique, but at least they existed.

Today, the standard one-click installation tool in cPanel leaves your installation without any authentication keys, and you don’t get a notice about it, either. These installation tools provide the instant gratification of having a functioning website in minutes at the expense of your site’s security.

While it’s best to have your WordPress website professionally installed, if you’re willing to do a little bit of work, you don’t need to. However, you do need to have a basic understanding of how to use FTP or access your files within your file manager. If you’re not used to editing code, it’s best to use the file manager so you don’t accidentally open it in a word processor.

To set your authentication keys, navigate to the directory where you installed WordPress. Find the file named “wp-config.php” and open it in your file manager, preferably using the “code” view. Scroll down a little and see if the file contains the 8 lines of code shown in the first screenshot of this CodeSeekah article. The first line defines “AUTH_KEY” and the last defines “NONCE_SALT.”

If these 8 lines of code are absent, you’ll need to generate this code from WordPress directly. Each time you refresh the page, new keys will be generated. Copy and paste the generated code into the wp-config.php file exactly in the place it appears in the screenshot on CodeSeekah and save your file. If your config file already has these lines of code, replace them with the new code.

Optimizing your WordPress website requires patience

Website optimization isn’t just about speed, it’s about user experience. Setting a foundation of security and speed is only the first step. Building a solid foundation makes it easier to deliver the intended experience to your visitors. Everyone experiences breakdowns, but with an optimized foundation, you won’t be constantly running around putting out fires that could have been prevented.

Optimize Your Magento Website: 7 Tips For Peak Performance

/in , /by

If you’ve chosen Magento to run your eCommerce website, you’re in good company. Many of the world’s top brands like Canon, Jazzercise, and Burger King use Magento.

Magento is the preferred platform for eCommerce websites for good reason. It’s customizable, SEO-friendly, and themes are widely available. Content can be added easily, and there’s extensive support available.

The same can be said of WordPress. However, WordPress is only capable of supporting basic eCommerce functions through third-party plugins. In other words, you need to load down your server with multiple plugins (and compromise security) just to get a fraction of the functionality built directly into Magento.

Although Magento is a great platform, you may have noticed a dip in your site’s performance. That’s because Magento is resource-intensive. Magento has over 2 million XML configurations and more than 4 million lines of code.

If your Magento site is slow, you don’t need to switch platforms. You just need to make some adjustments to get your Magento site running at peak performance:

1. Don’t load external JavaScript files from slow domains

Linking to an external JavaScript file on a slow-loading domain will impair the speed of your website. Instead, download the file and host it on your own server, or use a reliable CDN service.

To solve this problem, many people put all JavaScript at the bottom of their pages to ensure the page loads quickly for the visitor. However, if your site requires the JavaScript to load first, and you’re hosting the file, you can use the ‘async’ attribute.

The ‘async’ attribute is new to HTML5 and is supported fully by Chrome, Safari, and Opera. This Boolean attribute tells the browser to execute the script asynchronously with the rest of the page. The page elements will continue to load while the script loads and your visitors won’t know the difference.

2. Leverage the Magento Compiler

Magento is built in PHP. When your site needs to execute multiple PHP files, it takes longer when they’re not in the same directory. Magento comes with a compiler that will compile scattered PHP files into a single folder.

To access the compiler, log into your admin panel and navigate to System > Tools > Compilation. From there, click on “Run Compilation Process” to execute the command.

Here’s a guide with screenshots from TemplateMonster to help you merge PHP, CSS, and JavaScript files, as well as optimize your database.

3. Scan for malware and unauthorized .htaccess files

You should always have a program that actively scans your website for malware. If your site gets hacked, you may not notice for a long time. Depending on the hack, it could be impossible to manually clean. Some hacks can severely affect site performance.

Hackers that gain access to your site will upload their own .htaccess files that grant permissions you don’t want them to have. They’ll also upload PHP files with malicious code to your top and sometimes second level directories. They upload as many files as they can in hopes that you won’t find all of them.

Sometimes hackers will insert malicious code into existing, legitimate PHP files like header.php and your index file.

These PHP files can go undetected for long periods of time until someone reports your site as the source of a phishing scam, and your host suspends your account. It’s not personal. Hackers use other people’s websites to sell credit card data and login credentials. If web hosts don’t shut it down, they can be held liable.

4. Keep unnecessary content out of URLs

Mostly for SEO purposes, you want to limit the number of words that end up part of your URLs.

You can do this by accessing your admin panel and navigating to: System > Configuration > Web. Under “URL Options” look for the setting “Add Store Code to URLs” and change this option to “no.”

The other adjustment to make within this section is to find “Search Engine Optimization” and set your “Server URL Rewrite” to “yes.” This will prevent “index.php” from being inserted into your URLs.

5. Create the right type and length of content

A big part of site performance happens on the user side. How your site content performs for your users is critical to your success.

Make sure the content you create meets user expectations in terms of readability, relevance, and length. If your website sells t-shirts, visitors don’t want to read a novel. If your website sells technology that requires some understanding, your visitors will expect to be educated.

6. Optimize images

Professional graphic designers know all the tricks to optimize images. If you don’t design graphics for a living (and even if you do) a PNG & JPG optimization tool will be your best friend.

Even if you’ve gotten really good at using Photoshop, chances are, your images can still be optimized further. However, optimizing images requires more than just compressing files.

Any images you publish on your website should be sized to the exact dimensions you want to be displayed on the page. Thumbnails that display full-sized images when clicked should be separate images. Avoid displaying the full-sized image by defining the size of the image inline. When your full-sized image is 500kb, forcing it to display smaller as a thumbnail via HTML still requires browsers to load the whole 500kb image.

7. Consider a clustered hosting environment

Your eCommerce success depends on your ability to generate conversions through customer satisfaction. Your site’s performance plays a huge role in that process.

If you’re running your eCommerce store with Magento and you’re experiencing downtime or slow page load times, you might want to consider upgrading your hosting to a Magento cluster.

A Magento cluster utilizes the resources and support of multiple servers and eliminates single points of failure. This results in more uptime and pages that load 5x faster on average.

To learn more about Magento clustering, contact us and we’ll help you determine if it’s right for your business.