Categorías
Digital Marketing

Product variations in WooCommerce: best practices

 

WooCommerce Many online stores sell products that do not have any complication: the product is such that it is completely closed, and when a buyer sees it, if you like, add it to the cart and, when you have finished your visit, buy.

But also many other online stores are expanding their range allowing changes or variations products; ie on the same product, which essentially does not change, users can choose from several possibilities, its format or its characteristics. Only then can add the product to the shopping cart.

These selection options can be, for example, choose within a range of predetermined colors or of several possible size, shape or arrangement depending on the characteristics of the product .

The product, as such, does not vary: remains the same. The only difference is these variations of the product, making it more and better suits the interests or needs of the user .

WooCommerce installation includes everything you need to create and configure product variations, in an easy and intuitive way. However, not enough to have product variations so that users decide to buy them.

Points as choosing a good template for WooCommerce could help make the buying decision but not all

In addition, we also need to make those variations are easy to view, navigate, choose and buy. Therefore, in this article we will see a series of recommendations or good practices, will allow us to take full potential of these product variations and increase our sales online .

Table of Contents

  • What are the variations of products in WooCommerce?
  • How to create and configure product variations in WooCommerce?
  • Good practices for variations in WooCommerce Choose global attributes or custom Include previews for each variation Use tags in easy attributes to read and understand Use real and high quality for each variation photos Add multiple variations to the shopping cart
  • choose global attributes or custom
  • Include previews for each variation
  • Use you tag on easy attributes to read and understand
  • use photos real and high quality for each variation
  • Add multiple variations to the shopping cart
  • Conclusions
  • Choose global attributes or custom
  • Include previews for each variation
  • you use labels on attributes easy to read and understand
  • actual use photos and high Quality ad for each variation
  • Add multiple variations to the shopping cart

What are the variations of products in WooCommerce?

Variable products are a type of product in WooCommerce which allows variations in some of the features or attributes of a product, price control, inventory, image, etc., for each type of variation.

The classic example that is best understood for a product like trousers or any garment, which can offer various sizes, different colors or even different types of tissues.

Although the product concerned from the same (trousers particular make and model), each attribute or combination of these result in a variation of the main product, so should be treated and managed, in general, like separate products (eg inventory).

Regarding the simple product of WooCommerce, variable products have the following two properties:

  • feature a separate administration for each combination of attributes (ie each product variation). Although you can assign attributes to simple products, you can not be administered. For example, to have different prices or inventory for each attribute type.
  • feature a separate administration for each combination of attributes (ie each product variation). Although you can assign attributes to simple products, you can not be administered. For example, to have different prices or inventory for each attribute type.
  • feature a separate administration for each combination of attributes (ie each product variation). Although you can assign attributes to simple products, you can not be administered. For example, to have different prices or inventory for each attribute type.
  • The user must choose the variation that interests you before you can add the product to the shopping cart, unless there are defaults. Is a variable defined only product completely when each attribute has a value.

For example, an online store that sells pants can have the product «Jeans SLIM FIT», with the following attributes:

  • Sizes: S, M, L, XL, XL.
  • Colors: Blue, Bordeaux, Gray, Black.

Variations of this product (ie, «SLIM FIT Cowboys») would be all possible combinations of these attributes; ie: «SLIM FIT jeans, size S, color Blue,» «SLIM FIT jeans, size S, color Bordeaux», «SLIM FIT jeans, size S, color gray,» and so on.

Since there are 4 sizes and 4 colors, the product «Jeans SLIM FIT» may be up to 16 variations (4 sizes multiplied by 4 colors), each with their own inventory, sales, rebates, etc.

How to create and configure product variations in WooCommerce?

Let’s see now how you can create and configure products in WooCommerce variations, without using any plugin, thanks to product attributes available to this e-commerce platform.

First of all, it is important to distinguish that we can have two types of attributes when define variations of a product :

  • global attributes that can be applied to all products from the online store WooCommerce, although administration should be done after each product having variations with these attributes.
  • global attributes that can be applied to all products on WooCommerce shop, although administration should be done after each product with variations with these attributes.
  • global attributes that can be applied to all products on WooCommerce shop, although administration should be done after each product with variations with these attributes.
  • custom attributes, which apply only to a particular product and, as such, are edited and managed only on the page for that product.

may use either one or the other; It comes down to the same result. However, the benefit of rapid administration and management of product catalog at the time that more than one product have the same attributes, we should opt for global attributes.

In general, the process of create product variations has the following steps:

In the last step, we must bear in mind that the process can be quite long, depending on the number of attributes and the number of values. In general, the maximum number of product variations will be equal to the multiplication of the number of values ​​of all attributes.

In the following we will see how to make this whole process, step by step and with recommendations or aspects that we must consider when we setting both variations as attributes:

Good practices for variations

of WooCommerce have seen that the creation and management of changes in WooCommerce is extremely simple, although it can be a bit tedious process if the products can have several attributes with many values ​​each.

However, although variations are an element of attraction for users become customers, if not integrated correctly, both on the website of the product and viewing on the website, you may confuse the user and this decision leave the store.

To avoid this, then we will see a list of good practices, to the owner of the online shop, we facilitate the management of the catalog and product variations, and facing the user, will help decide buy variation product that fits your needs.

Choose global attributes or custom

When new products are added to the catalog of an online store presenting WooCommerce variations, we can choose to use global attributes or custom, what is recommended?

generally would not have to think too: we should use (almost) global attributes. Custom attributes have a more agile management (made within the page of the product), but it is a double-edged sword.

When the catalog is small, we may not find the problems that can lead to use custom attributes, but as he gets older (and we hope that our online store grow), they will inevitably end up appearing:

  • You have attributes custom repeated in different products, so we are doubling their administration.
  • That has global attributes and personalized with the same function, which again complicates administration.

In general, we should always create and use global attributes, leaving only when custom attributes are characteristics closely related to the product itself.

Include previews for each variation

The first indication that a user of a product has variations is the drop-down list of attributes showing the various options for each attribute and if you want to see the variation of the product, You should select for your image to appear.

In addition, this list contains only text, labels attributes, which may discourage the user if the list is long and desmotivarle to continue with the purchase.

But if the user is already display a preview (small size) of images or icons representing each variation the tab for the product would improve your user experience on two aspects:

  • Images have most impact and attract a lot more attention from the user that the text, making it easy to follow interested in learning more about the product and its variations.
  • Images have more impact and attract a lot more attention from the user that the text, making it easy to follow interested in learning more about the product and its variations.
  • Images have more impact and attract a lot more attention from the user that the text, making it easy to follow interested in learning more about the product and its variations.
  • The user does not have to select each value of the attribute to display its image, but you can see them and compare them directly on the chip of the product at a glance.

WooCommerce

not support this feature by default, but we have other free plugins like WooCommerce Variation Swatches for, which allows for a preview image or predesigned variation of each icon.

Use labels easy to read and understand attributes

Create attributes to assign variable products can be a simple process. If you sell a shirt sizes, you just have to create and assign attributes of size, ie, small, medium, large, XL, XXL, etc.

But the need may arise to create attributes that are a little more complex. We may have a shirt in three different shades of blue, with two versions of the same screen printing, cuts or adjustments or different fabric.

attributes should be clear and easy to understand at a glance, no matter how complex the changes in reality. If text descriptions (labels) are confusing, possibly demotivated to the user and does not decide to make the purchase.

Users will be watching and reading a list of options before seeing the images, so the clearer describe what we sell, the better. If the attribute type allows, we add a preview image or icon of each variation, as we saw in the previous point.

If there is not enough space to list all the details of the attribute, or even provide more information, we can always use the long description of the product (one of the fields available in WooCommerce) to clarify everything you need.

Use real, high quality photos for each variation

There is nothing more discouraging a user to see blurry photos, small or only shows a portion of the product. And the same applies to each of its variations.

Create product pages with many photos, for all its variations, it takes work and it takes time to do it, but there’s a good reason to do so. No matter how good a textual description, a picture is worth a thousand words and often, no text can replace a good photo.

Ideally add photos for each variation of the product, so that when the user decides what to choose, can see a real example of that choice. We must not let imagine how the product is, we have to show it, and if necessary various angles, add them also.

can obviate these individual photos of each variation if there is no difference between them. For example, clothing offered in different sizes: a small shirt will be seen as a large.

This measure not only be encouraging the user to be interested and buy the product, but get the wrong of the product and idea to know beforehand what you buy.

In this way, we reduce the possibility that remain unhappy when you receive it and not what I expected, preventing return of the product.

Add multiple variations to the shopping cart

If we sell to retailers, likely to buy large lots of different variations of a product. For these customers, add to cart all variations you want to buy can be a long and tedious process.

Not counting the number of payment gateways for WooCommerce available

For example, a client of clothes you want to buy 10 medium-shirts, 15 large and 5 small from the same product page, without having to do it once for each variation without having to wait refresh the page.

In these cases, we must make it easier for users to add to the cart multiple variations of a product in the same page without refreshments. However, WooCommerce not provide this functionality.

can use plugins to do so, although they are not free. For example, the plugin «WooCommerce Variations to Table-Grid» allows multiple variations may be added to the product cart from the same page and in a single operation.

To do this, a table displays the product page with all its variations, so that buyers can choose the amount for each variation and add them together to the cart.

This reduces the amount of work that users have to do to buy several products at once, and also makes clear what the total price of the selected variations.

Conclusions

Thanks to changes in products, an online store WooCommerce can expand the range of its catalog , so that, for a given product, the user can select which of your features or attributes are appropriate for him.

The creation and management of product variations in WooCommerce is integrated as part of the product page where the product attributes make the difference between a variation and another of the same product.

These attributes can be defined globally, with effect on all products in the catalog or personalized for each individual product. The combination of different values ​​of each attribute defines each change in the product such as size, color, or size.

Despite the simplicity of administration of the product in WooCommerce variations, must follow a set of recommendations and best practices both during the creation of variations as when displaying them on the online store.

Thanks to these good practices, closely related to how information variations shown to the user, we get the user to have greater motivation to decide to make the purchase of a certain variation and therefore increase sales online store.

Categorías
Digital Marketing

Block WooCommerce Products

 

a website to create online store with WordPress is usually limited to the cover, the navigation pages and catalog pages of the tabs of products, but also has information pages and publications (posts) on your blog.

In addition to its reporting function, these pages and publications also present an opportunity to promote products different of the catalog without having to navigate through it.

to the directly display the products to users who reach that page (for example, through the result of a search on Google), we can attract the user, curious to see these products or similar and can reach buy them.

So far, the only way to do that was through WooCommerce shortcodes in , inserted into the content of that page or publication, with the difficulty that supposed to edit and configure.

However, with the advent of Gutenberg WordPress, WooCommerce has taken advantage of its advanced editing features to facilitate this through the use of the block Products.

In this article, we will see what is the block WooCommerce products, which we have and how we can use and configure them using the block system Gutenberg (therefore only available for WordPress 5.0 or higher).

Table of Contents

  • blocks Gutenberg, brief introduction of use
  • How to insert WooCommerce product pages or posts?
  • What is the Block WooCommerce products? The 11 blocks of product WooCommerce
  • 11 product blocks of WooCommerce
  • Conclusions
  • 11 product blocks of WooCommerce

blocks Gutenberg, brief introduction of use

WordPress 5.0 was a major upgrade, among others, with the addition of the new editor Gutenberg and, specifically, the system blocks for the content of posts and pages.

With Gutenberg, we can create content in a more visual manner than the previous TinyMCE editor. To this end, it provides a library prebuilt content items, called «blocks».

Each block can be added to a page or publish (post) and set according to the type of content or information that will show that block. Gutenberg has blocks as basic components handle text and images, as well as others that provide advanced features (such as buttons and tables).

On this page you can see Gutenberg Go and see the details of all the blocks that are included in the default installation of WordPress with Gutenberg.

addition, add additional blocks either as specific plugins to add a special type of content as part of plugins we install in WordPress (eg WooCommerce includes block Products) or editing files can be code of our WordPress installation.

The following video shows the main features of the system blocks Gutenberg, when creating and editing the contents of a post or page in WordPress:

How to insert products WooCommerce pages or posts?

Before the arrival of Gutenberg, there was only one way to embed products within the content of a page or publish (post) through shortcodes. Specifically, from WooCommerce version 3.2, with the shortcode [products].

An example use of this shortcode would be:

In shown a maximum of 4 products in a table of four columns (and hence, a row), computer popularity, corresponding to the class «quick-sale» and are on sale at that time:

Click to enlarge

Given this example, we can already figure out the drawbacks of shortcodes, but we can reduce them to the following two mainly:

  • a inserting the shortcode, properly configured, the only way to see the result was keeping the page or post and visiting the website to see the corresponding page or through the preview. This slows down the process of editing the content, because it had to be recharged continuously this website.
  • A inserting the shortcode, properly configured, the only way to see the outcome was keeping the page or post and visiting the website to see the corresponding page or through the preview. This slows down the process of editing the content, because it had to be recharged continuously this website.
  • A inserting the shortcode, properly configured, the only way to see the outcome was keeping the page or post and visiting the website to see the relevant page or through the preview. This slows down the process of editing the content, because it had to be recharged continuously this website.
  • The shortcode can be used with multiple parameters and their values, forcing know what these parameters are, their valid values ​​and write them correctly for the WooCommerce recognize. Any error writing a parameter or value, means that the shortcode does not work or shows something different than expected. Again, this slows editing content.

On the other hand, often was not enough to put the right where it is opportune shortcode, but had to enter also HTML tags or CSS styles for to format or design to how they looked or integrated products with the rest of the content.

In the end, although the advantages of adding products on pages or posts are unquestioned, the process was tedious and unfriendly most of the time.

Block Products WooCommerce involves changing the methodology of work, take advantage of the editing features and visual configuration Gutenberg such that:

  • You can choose and visually configure products to be displayed on the page or post, without having to remember command parameters or values, but selecting them from a dropdown list.
  • You can choose and visually configure products to be displayed on the page or post, without having to remember command parameters or values, but selecting them from a dropdown list.
  • You can choose and visually configure products to be displayed on the page or post, without having to remember command parameters or values, but selecting them from a dropdown list.
  • The visual editor displays in real time how are the products within the content without having to visit and continuously reload the Web page.

So from version 5.0 of WordPress, we can use the block system Gutenberg to add products to our pages and posts, along with the possibility of continuing to use shortcodes (for example, for pages those and posts that already they used above).

What is the Block WooCommerce products?

When you install WooCommerce WordPress 5.0 or higher (ie, with Gutenberg), incorporates its own set of blocks, which can be accessed from the editing area of ​​a post or page by clicking on the «+» symbol, as any other block Gutenberg:

WooCommerce product includes 11 blocks that we can insert, set and match to our liking as part of the contents of the post or page:

a

the style of Gutenberg blocks, each block has its own editing capabilities and configuration. For example, in the case of the block «products by attribute» block you have the following toolbar:

where we can choose how we want the block is displayed as a whole with respect to the rest of the content of the post or page, the following buttons:

Normal

  • Width: no specific button for this function, but is activated when neither of these is selected. In this case, the width of the block is adjusted to the width of the standard content or page post. Normal
  • Width: no specific button for this function, but is activated when neither of these is selected. In this case, the width of the block is adjusted to the width of the standard content or page post. Normal
  • Width: no specific button for this function, but is activated when neither of these is selected. In this case, the width of the block is adjusted to the width of the standard content or page post.
  • broad width: block occupies a width greater than that of the rest of the content, but there are still margins on the sides.
  • broad width: block occupies a width greater than that of the rest of the content, but there are still margins on the sides.
  • broad width: block occupies a width greater than that of the rest of the content, but there are still margins on the sides. Full
  • Width: block occupies the entire width of the page without margins on the sides, except those for the internal content of the block itself.
  • full

  • Width: block occupies the entire width of the page without margins on the sides, except those for the internal content of the block itself. Full
  • Width: block occupies the entire width of the page without margins on the sides, except those for the internal content of the block itself.
  • Edition: shows some configuration options chosen block, which depends on its functionality; for example, in the block «products by attribute» attributes of the products we want to display in the block which we mark:

as we selecting one or other of the buttons width block, the visual appearance of the block in the editor is modified so that at all times we have how would the reference in the final page. For example, if you select «full width»:

Click the image to enlarge

in this picture, we can see how the entire width occupies block the editing area, compared with the block of text editing (similar to bar classic edition of WordPress) that appears just above this block .

In addition to this toolbar, each block product also has a set of configuration options, which are displayed to the right of the editing area of ​​WordPress.

Although much of these options are common to all blocks of product, there are also specific to the block we have selected; for example, in the case of «products by attribute» would be the following:

the following video explains and shows each of these settings and what their effect on the display block products:

the 11 blocks WooCommerce product

now let us see what are the 11 blocks of product incorporating WooCommerce and what we can do with each of them:

  • products by attribute. The product attributes allow you to create product variations based on one of its characteristics (size, color, etc.). By this block, we can indicate or select what should be the attributes of the products to be displayed on content.
  • products by attribute. The product attributes allow you to create product variations based on one of its characteristics (size, color, etc.). By this block, we can indicate or select what should be the attributes of the products to be displayed on content.
  • products by attribute. The product attributes allow you to create product variations based on one of its characteristics (size, color, etc.). By this block, we can indicate or select what should be the attributes of the products to be displayed on content.
  • list product categories. This block shows a list of all categories of product catalog online store. At the click on one of them, it goes to the user that category page where you can see all its products.
  • List of product categories. This block shows a list of all categories of product catalog online store. At the click on one of them, it goes to the user that category page where you can see all its products.
  • List of product categories. This block shows a list of all categories of product catalog online store. At the click on one of them, it goes to the user that category page where you can see all its products.
  • hand product selection. Block useful when the user reaches a post explaining the operation or characteristics of a product or several related products. It allows you to select one or more products as part of the content of that page.
  • hand product selection. Block useful when the user reaches a post explaining the operation or characteristics of a product or several related products. It allows you to select one or more products as part of the content of that page.
  • hand product selection. Block useful when the user reaches a post explaining the operation or characteristics of a product or several related products. It allows you to select one or more products as part of the content of that page.
  • new products. Shows all new products catalog online store. We can filter them by category of products, so that only products of one or more categories are displayed.
  • new products. Shows all new products catalog online store. We can filter them by category of products, so that only products of one or more categories are displayed.
  • new products. Shows all new products catalog online store. We can filter them by category of products, so that only products of one or more categories are displayed.
  • Best Rated Products. Displays products catalog online store that have received the most valued by users. We can filter them by category of products, so that only products of one or more categories are displayed.
  • Best Rated Products. Displays products catalog online store that have received the most valued by users. We can filter them by category of products, so that only products of one or more categories are displayed.
  • Best Rated Products. Displays products catalog online store that have received the most valued by users. We can filter them by category of products, so that only products of one or more categories are displayed.
  • Category prominent. It allows you to select a category to create a block with various graphic effects that draw attention to the user and access the page that category.
  • highlighted Category. It allows you to select a category to create a block with various graphic effects that draw attention to the user and access the page that category.
  • highlighted Category. It allows you to select a category to create a block with various graphic effects that draw attention to the user and access the page that category.
  • Featured. Similar to the block «outstanding category», but showing a product rather than a category. When user click, you are directed to the page for that product.
  • Featured. Similar to the block «outstanding category», but showing a product rather than a category. When user click, you are directed to the page for that product.
  • Featured. Similar to the block «outstanding category», but showing a product rather than a category. When user click, you are directed to the page for that product.
  • TopSellingProducts. Displays products catalog online store that’s been sold. They can be filtered by category of products, so that only the products of one or more categories are displayed.
  • best selling products. Displays products catalog online store that’s been sold. They can be filtered by category of products, so that only the products of one or more categories are displayed.
  • TopSellingProducts. Displays products catalog online store that’s been sold. They can be filtered by category of products, so that only the products of one or more categories are displayed.
  • products by category. After selecting one or more categories, shown within the content all products belonging to one of those categories or all of them.
  • products by category. After selecting one or more categories, shown within the content all products belonging to one of those categories or all of them.
  • products by category. After selecting one or more categories, shown within the content all products belonging to one of those categories or all of them.
  • Discounted products ( «on-sale»). Displays all catalog products online store that are on sale or on sale. We can filter them by category of products, so that only products of one or more categories are displayed.
  • Discounted products ( «on-sale»). Displays all catalog products online store that are on sale or on sale. We can filter them by category of products, so that only products of one or more categories are displayed.
  • Discounted products ( «on-sale»). Displays all catalog products online store that are on sale or on sale. We can filter them by category of products, so that only products of one or more categories are displayed.
  • Products by label. To use this block, the online store must have labels and be associated with products catalog. Moreover, the process is similar to the block «products by attribute» can indicate or select what should be the product labels to display in the content.

Conclusions An online store must take every opportunity to present a selection of its products to all users who come to their websites, including information pages or blog posts.

In these cases, the user does not come because I want a particular product in the store catalog, but usually through a link as result of a search that user has done on Google and has brought him a content page, not a sheet.

We should use these visits to inform them about our product offering , adding them as part of the content of that page or post.

In this way, the user will see satisfied their curiosity (which motivated the search that led him to the store) and will have direct access to related products from the same page.

WooCommerce shortcodes available to perform this function, but it is a method prone to errors and may require several refills and checks until it is to our liking.

However, thanks to the system block Gutenberg, WooCommerce also provides a block Products, which allows insert and configure products visually displayed on the informative pages and posts an online store.

All with another major advantages of Gutenberg: see the actual visual result as long as you edit and configure the block products without having to visit the website or reload web pages.

Categorías
Digital Marketing

WooCommerce taxonomies: how to improve your shop online

 

Create an online store WooCommerce is always a very good idea. WooCommerce comes loaded with a powerful tool for creating products and can categorize them through an intuitive taxonomy.

But what happens when you have so many products, or as complex products that taxonomies that come by default WooCommerce is you fall short?

Or being even more simple, what happens when you use bad default taxonomy?

Although this article will focus on the taxonomy of WooCommerce , I will also teach you the differences between very confusing concepts for many people (see them below) and when to use each.

We also’ll tell you how add custom taxonomies WooCommerce , if that’s what you need most right now.

And do not worry, because you do not need to know code (what programmers call non-Chinese or matrix) to create a good taxonomy. I will show a series of plugins that will serve for this purpose.

To close this introduction to emphasize that throughout this article we will use an example to explain each of the concepts we will treat: an online store for a pizzeria. custom

Table of Contents

  • Campos VS taxonomies VS Post Types What are Custom Fields What is Taxonomy What are Post Types
  • What are Custom Fields
  • What is Taxonomy
  • What are Post Types
  • taxonomies WooCommerce default
  • Recommendations to create a taxonomy clear
  • methods to create taxonomies in WooCommerce by code via plugins
  • through code
  • by plugins
  • My personal recommendation
  • Conclusion
  • What are Custom Fields
  • What is Taxonomy
  • What are post Types
  • Through code
  • by

plugins custom Fields VS VS taxonomies post types

I repeat in this section, this article focuses on WooCommerce taxonomies; but I consider it necessary to explain the differences between three concepts mixed lot, especially if you are starting in this WordPress, or even if your level is medium.

  • Custom Fields (In English custom fields).
  • Taxonomy (English, taxonomy).
  • Types of post (in English, post types).

And yes, you guessed it, I want from now, when you talk about these elements of WordPress, you try to in its English version .

What are Custom Fields

specifically for WooCommerce a «custom field» is a feature that is added to, in this case, a product or service you have in your online store.

This feature must be unique and will be changing in each product with your online store.

is, it will not be able to «bundle» with other similar products.

In our example, for our online pizza shop a «custom field» could be, for example, and within the product itself that is the pizza, a section short description of the pizza, which will appear on the homepage of our store.

Other «custom field» could be a picture of a piece of that pizza, or a video showing how to prepare fast motion.

Why? Because a «custom field» is a unique element of a product from your online store (in the case of WooCommerce).

The question you have to do to find out if you have to use or not, is: Is the information I’m adding to the product, unique to this product or affects more products?

What is Taxonomy

On the other hand, taxonomy, is just the opposite. It is a feature of the product, which may be grouped with other products, for example, filtering to go until you find the products the customer is looking for.

In our example, examples of taxonomies could be:

  • Ingredients (obvious)
  • mass type
  • Picante or not
  • suitable for coeliacs
  • With or without gluten
  • Suitable for Vegans
  • Etc.

better understanding Are you going? In this case, the answer to the previous question, would be affects more products .

So you can create on the website of pizzas, for example, a banner big on the home page, put «our Discover pizzas for vegans», and prodding, to take you to a loop of WordPress, where show you all pizzas «labeled» (you taxonomizadas) with «suitable for vegans» in each of the product chips.

What are Post Types

Finally, as to what concepts are concerned, we find the Post Types.

WordPress now comes standard with three Post Types you already know: posts, pages, and multimedia files.

And it sounds like that within posts for example, there taxonomies of «categories» and «tags» and clicking on a «category», you can find all content within that same «category»?

Well you have to be clear here is that a Post Type is a grouping of taxonomies .

In the example we are using, imagination power … as Post Types, we might add, of course, «Pizzas» but also «Local», «Cooks», «Tips for eating pizza», etc. (What comes to mind!).

I have ventured to create this explanatory chart to review all the concepts seen so far:

taxonomies default WooCommerce

once already have clear concepts, now think about your online store (made or to be made).

products you sell, what taxonomy require? Or perhaps what best comes to be a Custom Field? Do I have to create something, or I can use what comes by default with WooCommerce?

By default, WooCommerce comes with the following:

  • Custom post type: Products
  • Products
  • taxonomies: AtributosCategoríasEtiquetas
  • Attributes
  • Categories
  • Tags
  • Products
  • Attributes
  • Categories
  • Tags

without going into much detail, it is important to say at this point that the attributes differ from labels WooCommerce, in which tags are «no hierarchy» , and attributes always have some sort of «sub-level» called terms.

In our super example, Pizza Spain, as the product itself, could be categorized under «national Pizzas» labeled «Spain» or «olive oil», and attributes as «body type (thin, normal, gross)».

Still thinking about your online store? Check that not have «mixed» labels, when you wanted to use attributes .

For example, if you sell t-shirts, do not make four labels for size: S, M, L, XL; in this case you have to use the attribute «size», and inside the same add «S, M, L, XL».

I know it’s something complex to understand the principle, but I’m sure you understand the difference.

Recommendations to create a taxonomy clear

‘ve compiled here are some tips that may help you to devise a strategy of taxonomies much clearer and productive for your online shop WooCommerce:

and finally, strive from the start, to create a taxonomy navigation and clear as possible for your website. Since

, formula is very easy :

And of course choose a good template for WooCommerce.

In our example, tell me which of these scenarios would you choose:

  • Scenario A: You go to the website and find flags of various countries, and appear prodding ingredients of each country; to puncturing an ingredient, appear pizzas that country and minimal, that ingredient.
  • Scenario A: You go to the website and find flags of various countries, and appear prodding ingredients of each country; to puncturing an ingredient, appear pizzas that country and minimal, that ingredient.
  • Scenario A: You go to the website and find flags of various countries, and appear prodding ingredients of each country; to puncturing an ingredient, appear pizzas that country and minimal, that ingredient.
  • Scenario B: You go to the website and displayed pictures of pizzas, and a filter which can filter by ingredient, by country, body type, type of eater (vegan, vegetarian, etc) …

Both scenarios have a similar taxonomy, but different levels of importance for web browsing .

methods to create taxonomies in WooCommerce

As we have only reviewed the key concepts to have a clear strategy for your website taxonomies WooCommerce, now step to tell you how you can generate your own taxonomy.

When I say «create your own taxonomy» I mean create yourself that taxonomy that does not come by default WooCommerce, and think you should have.

Through code

I flatter you were a programmer and you were reading this article (notice as I go up the colors), but like most «deadly» WordPress, the code we have a little big.

But …. just good to use WordPress is that it has a user community very large, willing to help and give advice, and it is relatively easy to find any questions you have, already asked and settled by other .

Hence, without knowing code, could well create a new taxonomy, with a code already done.

only have to follow a certain tutorial, step by step, and try not to «fuss» on our website.

By plugins

this part if we want more. Truth? And it is that such a basic function like creating your own taxonomy, it would be a great lost, «market» if there were no plugins.

In the next section I’ll give my personal recommendation, but I want to mention here a very famous and that work very well:

  • Pods
  • Advanced Custom Fields
  • Custom Post Type UI
  • Toolset

All they are good solutions to create your own taxonomy. Even for the latter, already exists in this blog an article about how to customize Post in WordPress with Toolset.

My personal recommendation

For 3 years, I use a plugin premium (eye, those mentioned in the previous section are also premium) that has worked very well, and I especially like it for three reasons:

  • has extensive support
  • has very good integration with other tools I use WordPress
  • license has no possibility «lifetime» (lump sum, lifetime license for unlimited sites).

Remember, in Webempresa is not supported on payment plugins If you have any questions about this, contact the developer of the plugin so you can help with any questions you have.

The plugin specifically called Metabox. I’m not going to be extended to explain how it works (give for another article), but mention that:

  • generator has a very good and intuitive taxonomies.
  • have taxonomies «predefined» that save time when applying them in a web project.
  • has many addons to implement it with other useful tools.
  • is very flexible and very well connected taxonomies between them.
  • is «developer friendly» (ie, if you’re a developer, you might also like).

Simply access your demo, and once you realize how polished it is your selling process and product quality.

Conclusion One of the thorniest and sounding «WordPress advanced» is the taxonomies issues.

A good taxonomy, especially if you’re using WooCommerce to sell your products, can mean more sales , since these products are to be found more easily by your customers.

taxonomy analyzes that require your products, and venture to create your own, if with whatever comes by default with WooCommerce you is not enough.

Your concept may scare away more «newbies» at first, but I hope this article has left everything clearer, and you try to make your own site taxonomy, with which, no doubt, will sell more products.

A hug and see you in the next article!

Categorías
Digital Marketing

Optimize in WooCommerce Checkout

 

recently went with a friend to take a breakfast of those champions in a cafeteria at the next to my house and wanted to invite. I went to the cashier to pay and the bill came to 9.50 euros, took out my card to pay and see her, the waiter told me that the minimum card payments were 10 euros.

‘m not really put into banks, TPVs of physical stores and those subjects, but I found a bit exaggerated the fact that there are still «minimal» to pay by card and the minimum was such a high amount for a coffee shop.

I tell you this because the situation at the time of payment, left me with a slight bad taste. The mere thought that if I do not carry cash I can not take a simple coffee, makes you choose another cafe that has no minimum for debit cards in this world so digitized.

And is that (here is where I make a fantastic relationship with what this article) time to pay for your online store WooCommerce equally affects how I affected me in this cafe that you mention.

Throughout this article I’ll tell why it is so important to have optimized the WooCommerce Checkout in .

we review some concepts, some tips, and I will mention some addons to help you on your order to optimize the WooCommerce Checkout.

Table of Contents

  • What is Checkout, and why it is so important
  • The «nice» Checkout of WooCommerce
  • Optimize Checkout in WooCommerce
  • Checkout a vs page Checkout several pages
  • Campos no they need
  • You really need confirmation? Really? Insurance?
  • Links to other
  • pages

  • mandatory Accounts vs Guest Checkout
  • not pay me in yuans on a platform of Yemen
  • Examples of useful addons to optimize Checkout in WooCommerceCheckout WCWooCommerce One Page CheckoutWooCommerce Checkout Field EditorWooCommerce Checkout Add-OnsWooCommerce Checkout Manager
  • Checkout WC
  • WooCommerce One Page Checkout
  • WooCommerce Checkout Field Editor
  • WooCommerce Checkout Add-Ons
  • WooCommerce Checkout Manager
  • Conclusions
  • Checkout WC
  • WooCommerce One Page Checkout
  • WooCommerce Checkout Field Editor
  • WooCommerce Checkout Add-Ons Manager
  • WooCommerce Checkout

Checkout

What is and why it is so important

know this part of the article is very obvious, but we must mention.

Quick Checkout definition, which means fast: where you pay at the online store.

the definition a bit more «book» is: The highlight of online shopping experience, where the consumer faces the awkward moment to take out your credit card and write the details of it, to be appropriate the purchase of an «intangible» product first, because you can not «touch» (at the least until I get him home).

The Checkout is directly related to conversions have your store online .

This means that a good Checkout mean increased sales and a bad Checkout, less sales (here influence various aspects of user experience (UX) and user interface (UI)).

said then know why sometimes it is sufficient to leave the Checkout as comes default WooCommerce (call the Checkout nice ), and sometimes appropriate, as we have product optimize a certain way (we’ll call the Checkout Optimized ).

The «nice» of WooCommerce Checkout

This is what I call the nice Checkout, which is the default next in WooCommerce. Not for nothing incorrect Checkout. A reverse:

  • is very careful visually
  • is simple, clean, unhampered
  • offers multiple payment gateways default (and you can add you need)
  • Shipping and costing necessary and semi-automatic.

For many types of product, will suffice to use Checkout on WooCommerce default one.

However, if you want to go further, you should start optimizing the Checkout, however it was little optimization. We see this in the next section of the article.

Optimize in WooCommerce Checkout

Right now you’re wondering how to know when it is appropriate to divert our sales strategy during Checkout to something more specific and optimized.

Depending on the greater or lesser importance you want to, there are cases where the User Experience (UX) should focus more on one type of Checkout or another.

is why the first thing I recommend is to recognize who your customer perfect, and what you need, based on your product (and your own needs). Hence

optimization acquire one way or another, and you begin to realize that optimization is not always «remove» can also be «add».

This means that for example: You sell products

  • intangibles (you do not need certain fields in Checkout).
  • Vendes very specific services (need more fields in Checkout).

To make a clearer example of why «how nice» is not always «optimized», will get a specific case.

have an online store where you sell customized products.

Your client typically selects one of your products, and design a small application on your website, add your own designs or manufactures one design with the material that you will offer.

When you are ready, add it to the shopping cart and pay it.

In this small «user experience» some elements to optimize are:

  • Let there be confirmation to close the window (so you do not waste your design)
  • any possibility to keep the design
  • That process it is defined in several phases, with a status bar indicating how much remains to complete and pay.
  • there is a display of «order confirmation» before payment, to avoid errors or cancellations.
  • Let there be a field to add a personalized card or wrapping or gift.
  • Etc.

better understanding Are you going? An optimized Checkout is different for each type of project, and in most cases you who are going to decipher what is better or not, or what your customers need or not.

However, there are a number of general characteristics to optimize in WooCommerce Checkout, and you describe the step below.

a

Checkout Checkout vs multipage page

In example we have put in the previous section, we saw that it would be better to have a multi-page Checkout, although revealing our client the stage where it is, and how many phases are, by a visual indicator.

A product being our example a product quite complex, perhaps a single page Checkout would have seemed too encouraging and long, which would increase the possibility of abandoning the web .

is why there is no right or wrong choice as to have a Checkout of a page or multiple pages. A

the same as for simple products and common, the check-in WooCommerce, by default, is more than enough for most cases, a single page Checkout is also sufficient.

However, up to you to decide which would be better (which would optimize more) not to lose that momentum of the client when it starts to get credit card from his wallet and pay you a certain amount of money.

fields not needed

Although the title is pretty self descriptive, it is important to emphasize that vigiles the information you require your potential buyers to complete their orders.

Although it sounds obvious, often forget to remove certain fields that condition much the buying mood of visitors to your online store.

can be equated to when you are interested in items from a web, and decide to subscribe to your newsletter; Imagine that you sign up for it, I asked your address, and your phone number. Would not it make much sense to you? Can you would remove the urge to fill it?

Within this section also goes into the «delete» elements within the camps themselves. For example, if your store only sells to Spain, as well as I noted in a visible place of your web, try to select when the country appears by default «Spain» and you can not switch to another.

Imagine the disappointment that someone who has bothered to add products to your shopping cart carries, and fill several fields, choose your country, enter the details of your credit card, and the giving «pay» appears a message of «do not ship to this country.»

conclude this section by saying that if you really want to leave certain fields, in principle unnecessary, but which you would like «stop right there» in case you want to fill, at least do not mandatory.

You really need confirmation? Really? Insurance?

This section refers to notifications, confirmations or information ambiguous or unnecessary your web can offer.

For example, in the fields of name, would it be feasible to an information icon saying «Put your name here, eg Manolito» ?.

Do not you think that icon would subtracting points the attention of the customer, with a message that does nothing, and weakening momentum that wonderful time of purchase?

And not only true for tooltips or unnecessary information by icons helps the side of each field. Also it applies to confirmation pages unnecessary product.

For example, buying some shoes are size 40. You’re going to the shoe, you choose the color, size you choose, and give it to add to the cart; pinchas in the basket, and buy.

would you see necessary here a page of «confirmation color and size of the shoe» with a button «back» and a «pay now», which take you to another page with payment information and shipping?

Or would it be simpler than on page of the cart, are already seeing a picture of the shoe with the chosen color, and size to the side, along with the price), and on that same page, information shipping, email and information from credit card?

Whenever you have any questions or need inspiration, I go to sites like Amazon, which has, in my view, the best process all Checkout Internet.

links to other pages

Sometimes we feel the need, depending on which product to offer extra information on it.

Whether by inclusion of links of informative (page manufacturer, contact forms on different pages, etc) or commercial (links to other products within the page itself Checkout), we completely forget that link that favors divert attention from the person interested in buying our products, and thus hurts our chances of sales.

If these links need to include at least beam to open a new tab in the background.

However, do not get obsessed with this topic of links, because most users already know that holding down the «Ctrl» key and clicking on the link, the link opens in a new tab, and allows them keep browsing tab where they are.

Accounts mandatory vs Guest Checkout

A the same as when you enter an online store, and do not see the prices, and to see them have to register does not agree in 99% of cases forcing the user to take an account on your website, to pay you for a product.

Ideally, users can be done, but do not put as a mandatory requirement.

Stick to «let him see» the advantages of being a user of your website (wish lists, periodic discounts, and even a 15% discount on your next purchase) for example.

not pay me in yuans on a platform of Yemen

In this section mean to use known payment gateways, and modern.

I think gone are the tedious virtual TPVs old banks, and today are most commonly used platforms confidence (or the less well known), Paypal, Authorize.net Stripe or type.

For example, when you use Paypal, the user already knows itself to be redirected to PayPal page to enter your user name and password, pay automatically return to your checkout page (I’m not very favor of this, but Paypal users may feel safer seeing your payment is always made within Paypal).

On the other hand, Stripe allows card payment quickly, very professional, and without leaving the web. This makes the user «was not cluelessness» and give him fewer opportunities to back out when pay you (in the case of Paypal, you can think it over twice to see again the figure to be paid on your account Paypal, or that’s my opinion from the point of view UX).

There are others like Authorize.net that work much like, but is not widely used in Europe (it is used more in USA).

To summarize this section: offers several payment options known, to generate confidence in the person you want to pay for a product or service you sell.

Examples of useful addons to optimize Checkout in WooCommerce

Paso to mention you below some plugins / addons for your online shop WooCommerce, which will help improve the Checkout and optimize it (albeit a little more than just and as you have it).

Checkout WC

This plugin, an annual subscription, premium offers a substantial improvement in your Checkout. Webempresa recalls that provides support for plugins not pay, so if you have any questions, supported by the developer.

WooCommerce One Page Checkout

Being original home of WooCommerce this plugin will allow you to streamline the checkout process to one page.

In many cases simple products, this small change can mean a considerable increase in sales. or less of the retirements of the cart of your website.

WooCommerce Checkout Field Editor

This plugin also WooCommerce officer, you can add, edit and delete custom fields to your Checkout.

This function can be done by code, but this plugin prevents you having to touch the code, and make it faster and easier for «non-technical».

WooCommerce Checkout Add-Ons

Finally I bring an extension that lets you add items to your shopping Checkout page, a product that is already buying.

is, it works like when you order a pizza, and every «topping» extra costs a little more money. This is great for selling additional services or add-ons for a specific product without thereby affecting the Checkout, and increasing the chances of increasing your income.

WooCommerce Checkout Manager

I bring as a last plugin for WooCommerce a fairly interesting and free, you will optimize your Checkout enough.

Among other things allows you to manage well the required fields, add new, delete, mandatory or not make them, make them conditional, add files to the Checkout, and many more options than you yourself can read on the website of the plugin. We

Conclusions

seen that in order to optimize the Checkout page in WooCommerce, should first know whether or not our product needs a more elaborate or optimization.

also must analyze the fields and items already in the Checkout , and try not adversely affect the buying process, or divert too much attention from our customers when it comes to paying for a product or service we sell.

There are plugins that we are going to help optimize the experience of our users, and especially to provide a system that works, and generally have much chance of success in producing a sale.

Hope you have interested in this article and to investigate more on your own on this subject, to be able to create real vending machines online.

A hug and see you in the next article!

Categorías
Digital Marketing

Hosting, security and updates for WooCommerce

 

Life is full of choices; some are easier and more difficult.

If you have a project designed for a shop online , and you want to create a WordPress shop with your plugin WooCommerce to sell your products or services, but you know nothing of servers , security Basic to your website, and you lose with updates, read on.

Throughout this article I will mention basics you need to know in order to have the ability to choose you mism @ hosting (web server) that best suits your needs.

prefer to do so, and not directly give you a list of hostings that I think are worthwhile (like Webempresa for example).

What I want is to have your own judgment, and for that you need to basics and / or both advanced to understand what you are going to buy, and basically teach you to fish (instead of giving fish directly).

The first thing you’ll see will be the keys to choose a good hosting , which is responsible for displaying your WooCommerce shop to the world.

Then let me give you a basic understanding of security your store online, you must take into account both internally (on your website) and externally (in your hosting). Finally

speak to you of updates (updates) of WooCommerce and plugins in general, so you understand why sometimes it is necessary to update and sometimes not.

Table of Contents

  • Choosing a good hosting for WooCommerce needs of your online store Understanding technical concepts Disks SSD
  • needs of your online store
  • Understanding technical concepts
  • The SSDs
  • Understanding the onsite security and Offsite your online store
  • to update or WooCommerce plugins?
  • Conclusions
  • needs of your online store
  • Understanding technical concepts
  • The SSDs

Choosing a good hosting for WooCommerce

Now you’ve probably noticed that I use the word hosting and no server, but is the same .

Those who have already read my other articles in Webempresa will know that I like to use the «jargon» English because then when looking for support or information, it is easier to do it in English. If you do not speak any English, you will be good to know these words.

But go with the theme of the article, that if I do not go out on a limb right away!

needs of your online store

wish it were easier, if you do not have much idea of ​​technology, choosing the best hosting for your WooCommerce project.

Ironically, many people without any idea of ​​»Internet» ventures into projects like online shopping, themselves, and pretendiéndolo do everything right from the beginning to the end.

is why I recommend first of all, answer these questions mentally

  • What kind of need web?
  • What kind of product or service you sell?
  • What audience will visit your online store?
  • Will you need some specific functionality to your online store?

hope you have clear answers to these questions, because it will help a lot when it comes to understand and take into account the following aspects to choose a good hosting for your project:

speed and reliability

One of the key aspects to choose a good hosting for your online shop WooCommerce is the fast loading web .

There are many factors influencing this burden, but one of the most important is the response of the server.

This means that when someone visits your website, is «calling» to files that are hosted on your hosting, and hosting «seeks» and the content «responds» to your visitors by showing those files. It is this ability to «answer» you have to consider.

Another important aspect in this section is the time that your server is «available» to show your website visits you have.

Today, it is normal that a server offers a «availability» at least 95% . Ie almost 24 hours a day (imagine your website was available only less than 50%, ie 8 hours a day). Scalability

Faced with choosing a hosting, it is very important that you can «start small «and go» growing «.

This means that there is no need to hire a super computer for your web project, you do not even know whether it will work or not.

My recommendation is that you hire the most basic plan (which does not mean bad), and you go expanding the features of your hosting as what you need them. You can take a look at the plans Hosting Elastic Webempresa

The good news is that today the vast majority of hostings offer this possibility , and you can gradually increase you mism @ in the corresponding control panel to your account.

Security

The issue of security of your server is vital.

Eye, do not talk about the security of your web itself (which also, as we shall see below), if not the security offered by the hosting company you hire .

Normally this topic is very careful for the sector companies, but you always have to verify that good security measures offered against attacks, hacking, etc.

is why you have to think that if you find a cheap hosting super (maybe it costs a sandwich), be careful because what they offer is not usually of high quality.

Customer Care / Support

For me it is one of the key points to hiring a hosting especially for WordPress, and especially for WooCommerce.

As much as I know about «Internet», there always comes a moment when something happens to your website, and do not know what .

is why having a customer care and support exquisite (fast, friendly and efficient), is most important to keep in mind on your part.

‘ve always said that my experience with Webempresa has been fantastic in this regard, and the hiring them (and keep them) has been and is the main factor decantarme forever for them.

Price

The price influences a lot. But here we do not speak of «expensive» or «cheap». I like to talk about «low» and «high price».

A hosting «cheap» will offer some very poor quality, without support, which is not safe, not work most of the time.

However, a hosting «low price», will offer the highest quality, but with a configuration consistent with what contrasts.

This means that if you hire a «basic» package whose price is low (about 100 euros a year), you’ll have a quality server, but with limited space, or perhaps a limited bandwidth.

And, as mentioned above, if your project is «basic» at the beginning, no need to hire a high priced hosting. It would be like driving a Ferrari for a city!

Understanding technical concepts

Then I’ll describe in words hyper- mega-simple why each of these elements means that your hosting will physically, and which come a time when you have to «choose» or less understand what they are, to see if a hosting makes up over another.

for haters Disclaimer: The description for each item use is very homespun, I will not give anything technical!

RAM RAM is the adrenalin of a server. Is pumping blood flow causes the speed per centimeter cable from your computer hosting.

With lots of RAM (Random Access Memory) will be do many tasks at the same time , for example, 100 people buy from the same time a product each in your online store.

Thus, none of those 100 people, with a good memory RAM (computer, not people) will suffer any errors, and complete payment for your products or services in a proper way.

The SSDs are

Your web files. Each file contains different information.

All these files are stored in different folders on your computer that you «rented» to your hosting. Storage on a computer that is on disks, which were formerly «HDD» (Hard Disk Drive) and is common nowadays that are SSD (Solid-State Drive).

To quickly understand the difference between the two, the HDD would be to listen to music with a CD that turns on a CD player device, and the SSD is equivalent to listening to music on your mobile with Spotify.

not necessary for explaining the advantages of SSD.

A SSD will allow that the data stored therein, are read by the hosting much faster . That is why one of the first items you have to have it or do your future hosting are SSDs.

The

The Bandwidth Bandwidth (or bandwidth) is what some comic TV programs called «El Gordo Cable».

Your Web is pure information (stored in files as seen above), and all that information has to come a few, a few hundred or a few thousand users, depending on how much or little visited it your website.

The more «Gordo» (the more bandwidth) is in your hosting configuration, more information will be interchangeable in a unit time .

This means that if you have little bandwidth, and your site’s visitors a million people to the same time, your server will not be able to distribute timely information to all, and your web «will fall» (not will be charged to many of those million views).

To make it more graphic mentally can not have a single pizza delivery in town, if that night you had 600 orders. The poor will not be able to give rough with everything in one night, and many people will run out of pizza.

Domains

Domains Pizza (sorry, bad joke by the example above). Domains I have quite clear that, without knowing you.

A domain is l to «easy» way to tell an Internet browser, what hosted physical computer somewhere on the planet must be connected to read files (a web) and display them on your screen.

For you see it visually:

  • https://www.dominiodemariano.com
  • https: //150.220.223.56.2/webmariano (rare numbers is the «name» of the computer where the web is of Mariano, whose data are housed in a folder inside that computer called «webmariano»).

Both directions go to the same web, but the former is easier to remember.

Many people think that a domain is a web itself, or must have a domain on the same hosting you have your web files, but no, this is not necessary. You can have a domain in a company of dominos in Australia, and your web files in another Spanish company, and the website will still work just as well.

also can have multiple domains showing the contents of your website at the same time, although in very rare occasion this is done, because it does not make much sense.

Regarding recruitment of hosting, what does that benefit you is that many plans come with a domain included in the price, as in Webempresa. You can also check here how to register your domain.

The emails

When I see an online store whose support is an email from the nombredelatienda@gmail.com type, make me want to jump out the window (luckily I live in a low house).

If your site is accessed through a domain, please beam emails with your domain (easy to do from cPanel) , or because your hosting must have a very good support, ask them to do so for you.

If you like a lot Gmail, you can set it so that mail sent to your corporate email, reach Gmail, and you can answer them from Gmail itself (make a small search on Google, it’s easy to set it up).

The Uptime

We mentioned above reliability when hiring a hosting.

One of the important factors is the time that your website is available to users who have already said that no less than 95% in the vast majority of hosting providers.

Just so you know, that that «time» is called «uptime» in English .

SSL Certificates

A security level is very high (almost mandatory by Google) have an SSL certificate installed on your domain web.

A certificate SSL (Secure Sockets Layer) encrypts information that is exchanged through the «Tube Gordo» between your hosting and user visiting you.

This certificate is essential if your online store accept credit card payments .

can read more about this in my article on SSL Certificates.

IP

Remember the wacky antics that I mentioned in the section of the domain in this article?

All those numbers make up the IP (Internet Protocol) on your computer. This is nothing more than the «ID» of the computer that contains your web .

If your hosting plan is on a shared hosting, will be sharing the same IP with many other websites. If you have a «dedicated IP», only you have the power over such IP.

Understanding the onsite security and Offsite your shop online

As we have just seen in the previous section (and the most important thing in this article) is very necessary to understand the difference between security that offers a hosting and you have to manage mism @ on your website or online store. I

not going to expand on this point, but when you go to hire a hosting , look for these words between components of the plan you are going to choose:

  • Firewall
  • Antivirus
  • Protection Anti-hacking
  • Copies automatic safety
  • SSL Certificate

If the hosting service also has extras, do not think twice, because it means that much care about the safety of their customers.

Webempresa, for example, has its CiberProtector, which I use on my websites and it’s going great.

With the hosting already hired, and once installed your online shop with WooCommerce , you could use WordPress plugins related to security because there are some very specific to this content manager.

Here’s a blog article Webempresa very complete in terms of security in WordPress I recommend reading.

to update or WooCommerce plugins?

developers work hard plugins quality in each new version they get from their products.

A good company that sells a premium plugin for WordPress, keep in mind, generally, any vulnerability that endanger the websites of their clients and have a quick reaction to these vulnerabilities by sending updates its plugins.

One of the basic rules of WordPress for «fiddling» plugins and templates from others is not do it directly on the original files , because in future updates, they replaced with new versions .

Conclusions

Many aspects when hiring a project hosting for your online store with WordPress and WooCommerce.

It is recommended all technicalities, at the least above, to make your own inquiries, purchase prices, plans and choose the right.

The most important thing to consider is a combination that suits the size and scope of your project, taking into account safety aspects and being wary to update plugins and templates.

hope you have this article useful and see you at the next one!

Categorías
Digital Marketing

How to set up an online store WooCommerce

 

When finally we decided to create an online store WooCommerce, we began a process that We should make blindly, but step by step and conscientiously.

The apparent ease of management tools content, such as WordPress, and electronic commerce, as WooCommerce, invite you to proceed with this task without a plan or defined strategy, which in the future, when the store is fully operational you can lacrar growth.

On the other hand, create an online store not only involves installing and configuring the e-commerce platform, but take a series of decisions that are not directly related to eCommerce, are essential to launch the online store, as the name of the domain, theme or plugins that will be necessary.

If not decided correctly, in haste and without careful thought, not even the versatility of modern technological tools for content management and e-commerce can offset the negative impact of such decisions.

In this article, we will detail the entire process of installing and configuring a new online store, from the moment we conceived the idea, until it is operational and available to future customers.

Table of Contents

  • WooCommerce, the leading solution for eCommerce WooCommerce Why use our online store for
  • Why use WooCommerce to our online store
  • What do we need to set up a new online shop with WooCommerce? 1. Election of the domain name of the online store 2. Choose a web hosting provider 3. Install and configure WordPress 4. Install WooCommerce 5. Configure basic information WooCommerce 6. Add products catalog WooCommerce 7. Select and install a theme for WooCommerce 8. Choose and install additional plugins, if necessary
  • 1. Election of the domain name of the online store
  • 2. Choose a web hosting provider
  • 3. install and configure WordPress
  • 4. install WooCommerce
  • 5. Configure basic information WooCommerce
  • 6. Add products to WooCommerce catalog
  • 7. Select and install a theme for WooCommerce
  • 8. Choose and install additional plugins, if necessary
  • Conclusions
  • Why use WooCommerce to our online store TG _020
  • 1. Election of the domain name of the online store
  • 2. Choose a web hosting provider
  • 3. Install and configure WordPress
  • 4. Install WooCommerce
  • 5. Configure basic information WooCommerce
  • 6. Add products to WooCommerce catalog
  • 7. Select and install a theme for WooCommerce
  • 8. Choose and install additional plugins, if necessary

WooCommerce, the leading solution for eCommerce

When we create a store e-commerce, we have two main ways to have our website:

  • A eCommerce services platform.
  • as a hosted service on a web server with a specialized software for WordPress eCommerce, as WooCommerce.

a platform for e-commerce services, managing the online store is mainly administrative, such as product catalog, order tracking or customer care, with little freedom to set up and define the functionality end of the store.

The main advantage of these platforms is that much of the setup process is virtually automatic, which should only select which utility service or feature we want in our store.

However, this advantage also means its main limitation: we can only use the features provided by the platform; if we include special services or custom designs beyond the platform offers in its catalog of templates, we can not. In many cases, this can prevent our store grow in the future.

In contrast, a web hosting service with WooCommerce not have this limitation: the versatility of WordPress, the content manager on which to install, can add ons ( «plugins») with any functionality or service imaginable.

Moreover, the only economic cost of using a web hosting service with WordPress and WooCommerce is typical of the hosting provider, since both tools are free.

As we need more advanced services (such as themes or plugins), we may have to make a payment, only once almost always, but remains under our choice and only when we deem advantageous for the functioning of the online store or sales .

Now this greater freedom and power of action supposed to perform various technical tasks to take care of both its administration and security, as well as management’s own online store (orders, catalog, tracking payments, etc. ).

In short, we find the following dilemma:

  • If we want a quick fix, but limited in functionality and possibilities of growth and a monthly fee, we can choose a platform like Shopify.
  • Now if we want a versatile, flexible and free solution, but requires a little extra effort to launch the online store, WordPress and WooCommerce certainly offers one of the best solutions in the market.

Why use WooCommerce to our online store

For if we have not been convinced of why we should use WooCommerce for a new online store, then see the main reasons for choosing it:

  • Low cost. One of the best things about WooCommerce it’s free. We can create and launch a fully functional online store without paying absolutely nada.Cuando need extra features, most add-ons or plugins are very reasonably priced (from 25 euros).
  • product with multiple features. The versatility and flexibility of WooCommerce to manage product catalog is possibly an all time fuerte.Así with WooCommerce can sell both physical and digital products and allows for variations of products such as colors and sizes, digital downloads and even affiliate products, plus multiple configurable options for delivery and payment as well as a module very detailed reports.
  • friendly and robust environment. WooCommerce integrates seamlessly with virtually any WordPress theme (although it is preferable to choose subjects that are specifically designed for WooCommerce) and fits into any store size, from small to the largest.
  • ons systems. To the being a widespread platform, has lots of plugins to cover almost any need that comes to mind for our online store, at very low cost and even if gratuitos.En not find a plugin, WooCommerce also has its own system API for custom development.

When we need extra features, most add-ons or plugins are very reasonably priced (from 25 euros).

So with WooCommerce can sell both physical and digital products and allows for variations of products such as colors and sizes, digital downloads and even affiliate products and multiple configurable options for delivery and payment as well as a module very detailed reports.

If you do not find a plugin, WooCommerce also has its own API for custom development system.

What do we need to set up a new online shop with WooCommerce?

Before «create» and set the online store itself, we must take a series of decisions, independent of the technology we use, and follow us during the operation of the online store.

Let then step by step, what we must do to create and configure a new online shop with WooCommerce:

Although the process may seem very long, actually more time is devoted to the analysis and research of some of its points , that the tasks of administration, configuration and management of WooCommerce, as we will see.

Before’s break each point of this process, the following video makes a complete tour of how to perform each of these steps, except the choice of the domain name, which does not require any action on WordPress and WooCommerce

1. Election of the domain name of the online store

the domain name will determine the website or URL that users will use to enter our online store. Choose a domain name inauspicious may confuse the user and even cause us to lose visits and sales.

For this reason, since the web address of an online store is permanent (although you can change, has many negative and best avoided principled implications), we must be very sure to choose the most suitable for our business with these recommendations :

  • that is not too long to be easily remembered.
  • main activity related Store or our brand. Easy
  • transcribe not required to be spelled to understand.
  • expressions in Spanish, to avoid confusion, misunderstandings or errors.

Registering the domain name should do to the least under the extensions «.com» and «.com», the most used by far to prevent someone from appropriating one or the other.

In general, when we hire provider hosting service (next point), we can also register the domain name, all in the same operation.

2. Choose a web hosting provider

Web hosting we provide the server where we will install WordPress and WooCommerce to set up our online store and customers can access it via the Internet with your web address.

There suppliers very «cheap», even from one euro to the month, but that low cost has, despite the redundancy, a price:

  • Limited bandwidth, which reduces the number of users who can simultaneously access without reducing the loading rate.
  • few server resources, such as memory, hard disk or processor, which can also affect the loading speed.
  • or nonexistent service personnel or time constraints support, which can lengthen the time that our online store is out of service for any technical problems.

These limitations may eventually affect organic positioning of the store, which directly negative result in our visits and consequently, sales.

For this reason, we must choose web hosting providers quality and a tradition of good service to its customers, as Webempresa, which also also represents a high monthly payment, from 6 or 7 euros a month:

Click to enlarge

for a price well for quality web hosting, better not risk losing customers and sales for poor hosting service.

3. Install and configure WordPress

Once we have hired web hosting for our online store, the supplier will supply us with all the information necessary to enter your control panel and start configuring our website.

The control panel can be, and usually, vary from one provider to another, although most offer the same core services. The most usual control panels are cPanel and remote Plesk.

For Webempresa, use cPanel with the following provision and services:

Click to enlarge

As we can see in the picture above, cPanel includes an option to install WordPress and another to install WooCommerce (which also installed WordPress).

We will choose to install and configure WordPress, then viewed separately (in the next section) How is the process of installing and configuring WooCommerce.

When you click «Install WordPress», comes the following screen:

Click to enlarge

proceed to fill in the fields with the information you ask us, taking care to choose the secure version «https» and selecting the domain name you have decided to shop.

Once you press the «Install WordPress» button, proceed with installation and the end, the supplier will inform us the information necessary to access the administration area and configuration of the new website, your web address, administrator name and password.

4. Install WooCommerce

Now we enter the area of ​​administration of our new website ( «dashboard»), completed in «wp-admin», placed after web address:

https: // www.mi-tienda-online.com/wp-admin

the following dialog box appears where we enter the name of the administrator username and password in the previous section, we provided the supplier:

once inside, we install the plugin corresponding to WooCommerce, accessing the option » Add new «menu» plugins «from the WordPress control panel and typing» WooCommerce «in the search box plugins:

Click to enlarge

On this screen, press the button» Install Now «next to» WooCommerce «and we hope to install. Is an automatic process, where you do not have to do anything. At the finish the installation, you must press the «Activate» button to WooCommerce is available and can configure.

5. Configure basic information WooCommerce

After you install and activate WooCommerce, we have two ways to configure WooCommerce: via the options menu or by using the setup wizard, which only displayed the first time we installed WooCommerce:

The setup wizard lets you configure WooCommerce us the most important sections of the plugin through several consecutive forms and optionally install some plugins recommended by developers WooCommerce:

6. Add products to WooCommerce catalog

products catalog WooCommerce are added through a text editor Rich and a series of similar forms that we use to edit and configure the pages and posts WordPress, with the help of an assistant who informs us of the we must enter information in each field or drop-down list:

the catalog can load it from scratch, creating products one by one, or if you already had another shop before importing them.

Another possibility is to load the demo catalog of the issue StoreFront, we could install in the previous point, to serve as examples and reference to edit and upload our own products.

loading and editing products can be a laborious task, especially if we have many products and product categories, but is of no technical difficulty: text input, image upload and configuration of products according to their characteristics. Surely, this point will be the longer it takes to complete us.

7. Select and install a theme for WooCommerce

The theme determines the visual aspect that will have our online store, as well as additional features that can be incorporated. If the characteristics of StoreFront do not seem enough, we can choose to find and install another theme that is ready for WooCommerce.

select and install another theme provides these advantages:

  • Usually, the topics include a «builder» for editing pages, posts and products so that can be done visually, by dragging and dropping the mouse. Thus, it is incredibly easier and faster to load new products. For example, the following image shows the builder Elementor: Click on the image to enlarge

Click to enlarge

  • Although there are free issues, payment issues have a fairly low cost (from 15 euros) and this expenditure should be seen as an investment, because we have access to the technical support and, often, additional plugins that separately would be much more expensive.

However, the selection of a new issue should not be made lightly and we must study and analyze various repositories of topics to choose one WooCommerce template that we like and suits the characteristics of our online store.

8. Choose and install additional plugins, if necessary

Finally, it’s time to decide if we need to add some additional functionality that brings WooCommerce or theme you have installed itself.

At this point, the choice of one or another plugin depends both on our preferences and the characteristics of the store itself, and can not make a valid generic recommendation for everyone.

, however, there are some features that will be useful for most online stores, which are listed below, along with a link to a post that helps us to install and configure each of these plugins:

  • Install a live chat plugin to improve service to users and improve sales. Install
  • payment via PayPal Express, which facilitates the payment process for both the store and customers.

  • Install Redsys payment via a payment method widely used by users of Spain.

Conclusions

Setting a new online store is not limited to «only» put into operation, but includes a whole tour of tasks and actions, since the idea goes through our head until the store is Transactions via Internet.

The flexibility and power tools like WordPress and WooCommerce allow not have to go into technical details and we focus on what we want: the operation of the online store and provide the fullest possible service to our customers.

have also seen the advantages WooCommerce closed over other e-commerce solutions like Shopify, which, though simple, restrict functionality much we can achieve with our online store.

precisely the tasks or decisions less «technical», such as choosing the domain name, theme or plugins to install, can be the most delicate, because if we go wrong in a configuration or load a product, we just have to correct it.

However, a poor choice of domain name or topic can severely limit the scope of our online store, possibly not the beginning, but as it grows and its functional requirements become increasingly demanding.

Categorías
Digital Marketing

The best plugins for WordPress video

 

At this point you will not find «the wheel» and explain why videos they are as necessary for your web project, whatever it is.

Right now I can not think of any web that does not come right some video (original) to introduce it in some way (in static pages or through blog articles), with the aim of getting more visits, explain something in a more dynamic manner and generally to provide more value to your content .

The most important ( for you ) to insert one (or more) videos on your site made with WordPress, is not the video itself itself (also), if not the measurements and analyzes behind, to know your views and optimize your marketing strategy (or that translates into more sales).

Until the arrival of Gutenberg with version 5.0 of WordPress, insert a video on a page or post WordPress was a fairly simple task (for some) but a headache for others.

Throughout this article I will explain why inclusion of multimedia content on your website you need, where to do it and how.

In addition, having a myriad of options (plugins) to extend the possibilities related to this type of content, I have made a selection of plugins video for WordPress (or plugins premium free version) for that already, you can start «tinkering» with the correct plugins.

Table of Contents

  • When and why use video in WordPress? Looking plugins video for WordPress perfect
  • looking for plugins video for WordPress perfect
  • platforms online vs Videos Autohospedados
  • Add videos loose and selection of plugins WP Video Lightbox YouTube Gallery Spider Video Player Vimeography
  • WP Video Lightbox
  • YouTube Gallery
  • Spider video Player
  • Vimeography
  • Conclusions
  • Looking plugins video for WordPress perfect
  • WP video lightbox
  • YouTube Gallery
  • Spider video Player
  • Vimeography

When and why use video in WordPress?

Whether for contact or better attract your web visitors today, and with all tools that are so simple to record and edit videos, it is essential to have this resource multimedia for your web.

more to say why use video on your WordPress website, you’ll put common cases, they need video or yes.

So if you’re starting your web project right now, or if you are mulling some winning idea to throw to make you web itself, look to see if you feel IDENTIFY @ with any of these examples :

  • your website is based on WordPress virtual courses you sell through a membership fee.
  • have a blog on a specific topic and videos to enrich the concepts do you explain to your specific audience.
  • have a portfolio of multimedia works (because you dedicated to it) and want to have a way to have your own «Youtube» but without resorting to the platform.
  • have a Youtube channel, with many visits and want to integrate it into your web entirely.
  • have or are creating an online store WordPress (eg clothing) and each product would add a video of the model wearing the garment in particular.
  • have a website selling and renting property and want to add virtual visits to each house, to make it more attractive.

There are many more cases, but certainly some of those who have made you a full touch, even a little variation example.

Looking for video plugins for WordPress perfect

Like I said in the introduction of this article, the range of video plugins for WordPress is very broad.

There are many who are already obsolete and others that generate conflicts with other plugins.

What you have to consider when finding a plugin decent is (although below I put my favorites):

  • If the vast majority of videos you use are hosted on your own server, the plugin you should to allow a good interface to add playback (beyond which comes by default in WordPress, if you’re not convinced).
  • If the vast majority of videos you use are hosted on your own server, the plugin you should add a good interface to allow playback (beyond which comes by default in WordPress, if you’re not convinced).
  • If the vast majority of videos you use are hosted on your own server, the plugin you should add a good interface to allow playback (beyond which comes by default in WordPress, if you’re not convinced).
  • A plugin also add functions «gallery» videos to add more pizzazz to your website if you have a lot to show multimedia content to your visitors.
  • A plugin also add functions «gallery» videos to add more pizzazz to your website if you have a lot to show multimedia content to your visitors.
  • A plugin also add functions «gallery» videos to add more pizzazz to your website if you have a lot to show multimedia content to your visitors.
  • If you need, ability to generate sales, integrating with other platforms like WooCommerce plugins membership, to collect for being displayed, or download.
  • If you need, ability to generate sales, integrating with other platforms like WooCommerce plugins membership, to collect for being displayed, or download.
  • If you need, ability to generate sales, integrating with other platforms like WooCommerce plugins membership, to collect for being displayed, or download.
  • May you have SEO capabilities, to include information beyond the video where required, and that makes escales positions Google as the foam.
  • You have SEO capabilities, to include information beyond the video where required, and that makes escales positions Google as the foam.
  • May you have SEO capabilities, to include information beyond the video where required, and that makes escales positions Google as the foam.
  • There is a function called lightbox (open videos in a floating window) and a good video plugin you have to offer this possibility.
  • There is a function called lightbox (open videos in a floating window) and a good video plugin you have to offer this possibility.
  • There is a function called lightbox (open videos in a floating window) and a good video plugin you have to offer this possibility.
  • capacity to share content on social networks (if you want, if you use public videos on your site).
  • Ability to share content on social networks (if you want, if you use public videos on your site).
  • capacity to share content on social networks (if you want, if you use public videos on your site).
  • show you a simple way the views it has had and from where (geographically speaking).
  • show you a simple way the views it has had and from where (geographically speaking).
  • the plugin have positive feedback, which is updated regularly and is compatible with the latest version of WordPress.
  • the plugin have positive feedback, which is updated regularly and is compatible with the latest version of WordPress.
  • show you a simple way the views it has had and from where (geographically speaking).
  • the plugin have positive feedback, which is updated regularly and is compatible with the latest version of WordPress.

Do not forget that in this article we focus on plugins video for WordPress, so the issue of the « support » is going to be tricky to find, since it is usually essential feature of plugins premium (fee).

online platforms vs Videos Autohospedados

First, sorry for the word as » ugly «: autohospedados . I prefer to speak English (self-hosted), but I had to write the title in Spanish.

When a video display, and depending on the strategy you have a level of «multimedia display» on your website, you will have to choose between one of two, or make a mix thereof.

Although you already advance that only in very specific cases videos tend to be self-hosted.

If you use videos on your website are «paid» or simply private, obviously not going to tend to use a social network of videos (YouTube type) to house them there and show them on your website using an embedded.

however, and to this point, note that some platforms type «Vimeo» do offer a number of privacy tools in their paid subscriptions, so for example, your videos only be displayed on certain domain (your website).

This solution is very good, because «not spend» bandwidth on your server, and also no space in it.

And as you can guess, the part «bad» of having your self-hosted on your server shift, videos will be going to consume a lot of space and will make the web load slightly slower (hence you should resort to a quality hosting).

As part good could say that, using the right plugin, you can offer the end-user experience, which will be under your full control and will not depend on third-party platforms to display your multimedia content.

Nevertheless, this case applies to vast majority of websites , my advice is that if «you have nothing to hide or sell», it is best that you upload your videos to YouTube and display them on your web by an embedded.

Besides your videos and be on YouTube exposed to million people and possible visualizations, will not consume any space on your server (which comes in handy for small projects), and they’ll offer all the advantages analytics YouTube video views (in the case of YouTube, you choose the platform you want!).

Yes it is true, and this is the downside of using third-party platforms, unless you’re a piratilla and know how to modify the code YouTube’s embed videos on your website, you will have «everything» you have YouTube on your website, and this may confuse or create some rejection of your visits:

  • ads (which offer rejection).
  • related videos that have nothing to do with your content (that cause procrastination and loss of interest in your content).

is true that there are some premium plugins to remove it, but do not fall under this article.

Add loose videos and selection of plugins

By now you sound Gutenberg (the editor visual content WordPress), which allows you, by blocks , start building the content of your website, a much the same way as they do plugins like Beaver Builder, Divi or Elementor.

If you are using one of the above Page Builders , adding a video or more to your website is very simple.

If you are using Gutenberg, there is a specific video block to display videos on content in a very simple way.

not have any problems, it is very intuitive and works well.

Of course, if you want to add extra functionality, or you just block Gutenberg, here left a selection of plugins that are actually useful:

WP Video Lightbox

plugin is a lot like how the videos are inserted with Gutenberg and operating through shortcodes.

is very focused on platforms YouTube and Vimeo (does not support self-hosted videos).

The good thing about using this plugin is that you can optimize SEO each video and add some extra features such as speed, opacity, full screen, autoplay, etc.

To be free is quite comprehensive and worth tinkering around with it in your test environment.

Yes, both the plugin and documentation are in English, but it is very understandable to anything that you try a little :).

YouTube Gallery

Clearly this plugin focuses on the YouTube platform and offers possibilities something simple but powerful.

Supports various SEO plugins and you can do many things that are going to come in handy if you have your own YouTube channel and want to implement it on your WordPress website.

As the plugin above, this also works by shortcodes when integrating videos into pages or articles.

is fully adapted to all types of screens and interface offers several possibilities when showing your YouTube videos.

Spider Video Player

A plugin pretty «cool» to display a video gallery on your website, which can be fed through different platforms c on videos hosted on your own server .

can create playlists so that visitors can choose what you want to see and lets you change the video quality (for slower connections), activate the full screen and many more features.

has a PRO version, but can free you whether you do not pursue anything very complicated.

Vimeography

This plugin focuses on Vimeo platform (sure some important clue has given you his title).

The creators of this plugin offer it as a key tool for those platforms subscription video sales, which staying at Vimeo videos. This plugin will comes in handy if you sell online courses , for example.

how to insert videos into your posts or pages is very simple and you can adjust the playback interface to your liking.

As star element includes the «frisk» videos, so that the page loads faster and automation tools that will delight those who likes these issues.

also has a premium version, so you can have a look to see if you find it useful.

Personally, is one of the plugins I like if your videos are «not free» and would add value to your WordPress articles.

Conclusions

see, I have detailed arguments to start (or better) use video on your website.

Whether you have videos hosted on your server , as if your marketing strategy is based on the use of platforms like YouTube or Vimeo , you’ve described a selection of plugins video for WordPress that you have not you will disappoint.

What I want is not forget that if a picture is worth a thousand words, a good video is worth a thousand pictures!

hope you enjoyed reading this article as much as I write and see you at the next one!

Categorías
Digital Marketing

Forms abandoned in WordPress, retrieving them!

 

Everyone has happened to us, if not all, almost all walk into a web, you like a product or service mentioned, and actively looking for the WordPress contact form.

Decidedly enter the page where is this form, and you find many fields to fill in, and you feel like going to run 10 km in a row, on January 9 (any year) with your new resolve to get fit. It ie you tired form on sight.

Perhaps you are very interested because the product or service being sold on that site, took a deep breath and start filling field to field, the proposed form.

But in most cases and for most users, the slightest mistake, and the first field to be filled with information that is not appropriate to consider, ‘ll leave that form .

And this is precisely what we will work on this article: avoid dropouts form (insofar as possible), and how to recover forms abandoned in WordPress to keep the information that has been written on them .

Table of Contents

  • one form for each web
  • types of forms that can be abandonadosFormularios of contactoFormularios of suscripciónFormularios of presupuestoFormularios of compraFormularios of encuestasFormularios support
  • Contact forms
  • subscription forms
  • budget forms
  • purchase forms
  • survey forms Forms support
  • What is considered «abandoned form»?
  • Gravity Forms vs WP forms FormsRecuperar abandoned in WP forms FormsRecuperar abandoned in Gravity Forms
  • recover forms abandoned in WP Forms
  • recover forms abandoned in Gravity Forms
  • Avoid forms abandoned with Gravity Forms
  • And how do you avoid in general , forms abandoned in WordPress? Do not hide anything on the forms. Be honest and transparenteCampos who have no need to be obligatoriosQue everything works as debeTen a design in line with what pidesCuanta least better information
  • not hide anything on the forms. Be honest and transparent
  • fields that have no need to be mandatory
  • that everything works as it should
  • Have a consistent design what you ask
  • The better less information
  • Conclusions
  • Contact forms
  • subscription forms
  • budget forms
  • purchase forms
  • forms surveys
  • forms of support
  • recover forms abandoned in WP forms
  • recover forms abandoned in Gravity forms
  • not hide anything in the forms. Be honest and transparent
  • fields that have no need to be mandatory
  • that everything works as it should
  • Have a consistent design what you ask
  • The better less information

one form for each web

may think that the forms are all equal, and that they are also plugins to create them all the same.

Think of a new car, you buy: Do you see the same as your neighbor? Or do you do yours, as if you yourself had built piece by piece?

In each web, invested much effort (or so it should be); a form, is of the type that is, is the perfect starting point your visitors , because it will mean a compliment goal.

is why the fields in each form, the design is, how it appears to your visitors, size, effects have, etc, are a wealth of details that will completely influence whether this form is abandoned or not.

have to insistirte on this issue; grábatelo burned into your mind WordPressiana; your web form, is your key selling tool , and get them to fill out (and do not leave), it is difficult, yes, but not impossible .

types of forms that can be abandoned

Let’s see the types of form more often abandoned, and I’m sure at 99% if you are reading this article is because you have one of any of the guys that you mentioned below.

Let me give an example for each type of form.

Contact forms

have created your website, and you expect to be contacted; yes, you are part of the 99% of people who make websites.

If your site is about an online service that you offer, why you ask in your form the mailing address of your visits?

subscription forms

Super You offer fantastic news that shed a light of wisdom to all subscribers cough.

But … have abandoned many forms in WordPress … maybe it’s because you ask the private telephone on your subscription form?

budget forms

If you browse my site, you’ll see a budget form, with many questions. Still, I receive many requests because each question is well studied to avoid too many emails exchanged prior to a possible meeting by Skype.

also try to take care of aesthetics and usability of the same, including many optional fields, and only the most important, mandatory .

purchase forms

If even Amazon resists us sometimes buy something because we lay back for any small detail (see it below), imagine how hard it is to get a payment made in our shop online .

to me the most important form all, because it is the one that generates dropouts (still difficult for us today to get our credit card information and share it with others).

survey forms

You just buy a product on a website, and at 2 or 3 days receive an automated email asking you to fill out a survey of satisfaction with the service provided.

If you are caught in the mood good, with a good coffee in hand, actively enter, and you intend to fill the survey.

A entering, the website does not load the whole good, and is not adapted to mobile. also see that the form has 3 «stages» and in the first stage there are already some 10 questions. Best

you drink coffee and filling in the form, for another time … (to me this usually happens to me a lot).

Forms support

This form is a bit tempting, when «put it difficult» to you, as a user.

Has not happened to you that sometimes you do not get anywhere find how to contact directly with a company or online service?

Think of all forms, is the only one that benefits you (you solve a doubt or complaint), and does not benefit much to the website where you send it (they are generating work).

Still, think long-term benefit that’s very important (customers happy, recommendations. Etc), so I include here this form, to care for and pamper you, like any other.

There are other types of forms, but the not be so common , I do not think you have to mention here.

We will now focus on forms abandoned in WordPress, and how to recover them (and avoid).

What is considered «abandoned form»?

As I have given an introduction rather than extensive, topped with examples of the preceding paragraph, I will not extend much at this point.

abandoned

A form is one that fails to be filled, and which you, as a manager you do not receive web, which, always carries an opportunity cost for you .

Depending on the type of form to be abandoned, the opportunity cost will be greater or less, and one kind or another, but it is almost always money (hence forms cart abandoned are the most «sore» ).

important

What this point is to recognize that a form abandoned not their fault entirely from a visitor to your website, but it also greatly influences the content, appearance and usability you offer to your visitors.

And the second part of the equation, if the control can you, the good news is that the more polished is less dropouts will, I assure you that .

And as theory does not live in the world of WordPress, now step detallarte how you can avoid dropouts in your web forms

Gravity Forms vs WP Forms

In our industry, if spoken forms contact, always come to mind two great titans: Gravity Forms and Forms WP.

If you do not use either, you can also reduce those dropouts, but clearly Gravity Forms and you Forms WP will offer concrete solutions to be more efficient in recovering abandoned forms in WordPress.

The eternal question is always which one to choose. I like much more Gravity Forms (plus it’s cheaper), but everyone likes.

later in this article will make a video tutorial on how to implement an extension for Gravity Forms, crucial to what we propose in this article.

Yet you also talk a little about WP Forms, because it is a very good tool as well, and also focuses on the abandonment of forms from a different perspective Gravity Forms, and just as interesting.

recover forms abandoned in WP Forms

Beginning with an annual price 79 dollars, one of the features of WP forms is the recovery of abandoned forms or forms filled some fields, but then have also been abandoned.

Unlike Gravity Forms when a visitor is filling out fields in your form, and your cursor is moved out of the area of ​​the form, or if you click on a link that takes screen form, the fields there they filled so far, they will be stored in your database.

As you’re about to see, the way I just described is much more sophisticated than Gravity Forms, and generally WP Forms is much more complete than its competition, but as I give importance to other elements of the plugin, I prefer decantarme by Gravity Forms.

Lost in Gravity Forms forms abandoned

Although we see below more in detail, the way Gravity Forms has to fight against these dropouts is keeping the information written on the form until you when the user gives Send button .

In part this is useful because, as often happens more often than we think, many times we forget to fill in a required field on a form, and the give the submit button, the form tells us that we have forgotten a field, and basically lazy, we leave the form.

What makes Gravity Forms then, is to keep all fields already filled in, even if the user has failed to submit the form itself .

Personally, seems much more useful how does Gravity Forms, as to the give the submit button, the user is showing a real interest in you contact, thus, the information obtained from this form «no fill» is more valuable if the user wanted to go to another page or click on another link (that to me shows disinterest).

then I show how, through one of its extensions .

abandoned Avoid forms with Gravity Forms

Let the main course of this article I’ll show you how you can retrieve information already written on your form, as administrator of the web.

What you will see is an extension of Gravity Forms called Partial Entries and obviously need to have installed on your web Gravity Forms, and have set up a form.

With this, official extension of the house itself Gravity Forms, you will get what we intend from the beginning of this article: save all fields will automatically fill the user .

This means that the sooner ask the email to the user, before you have the key to contact him or her, even if the form has been abandoned for any reason.

Yes, the extension recommends leaving a clear message to your visitor, saying that filling the fields go, they will be saved if you give «send form».

The following video will explain how to configure:

And how do you avoid generally forms abandoned in WordPress?

In this last section before the conclusions, I mean, in general, without having to use any specific plugin or extension, how try avoid abandoned in WordPress forms.

not hide anything on the forms. Be honest and transparent

shipping costs, management fees, extras not like anyone … all those surprises that sometimes we are at the end of a form, better not to hide them. It is important to be very sincer @ in this regard.

fields that have no need to be mandatory

As I mentioned in the examples of the beginning of this article, does not make much sense mandatory to , for example, field phone number, if your service is not it is based on having that data.

Or for example, if you sell another product or service, businesses and individuals, do not put the company field as mandatory, that will back out many of the individuals to not knowing what to put.

that everything works as it should

Never toss a web form without trying it before.

may not have been a technical error, easy solution that is making your not fill form has to be filled as .

Have a consistent design what you ask

Not a bland form, not one with too many effects and a design that can divert attention from the main goal: send information form our base data.

The less information better

And finally, try your form is as short as possible, because everyone always have fast Internet.

In most general cases, in just the email form, and as much the name.

Hence, you see making the biggest form, depending on your type of target, but not too long or heavy.

Conclusions

If your web strategy is based on receiving leads through your website, and do not use any of the two tools, I suggest, as a consultant, who invest (not much money) in these tools to get something very professional .

If you still do not want to use them can not make that investment now, nothing happens, there are other ways to reduce dropouts in forms, as we have seen.

But in general, creates forms do not think your visitors and prospects. On the Internet, nobody likes to think you always want to tell us what to do .

If you follow the general rules that I give you in this article, use plugins or not, you will reduce from today these dropouts in your forms, whether of the kind they are.

hope you have proved interesting this article, and see you at the next one!

Categorías
Digital Marketing

WordPress Migrate Remote to Local Server with Xampp

 

Having a test environment our local WordPress web is interesting as we allows testing, modifications, extensions facilities, templates … and test them without affecting the web we have in production (server hosting).

With that we ensure that once we implement on the web we have in production there will be no problem.

for this entry will use a Windows and a local server, in this case Xampp, but there are others such as WampServer.

Table of Contents

  • What is a local server?
  • Download Xampp
  • Install Xampp
  • Download files Hosting
  • Download Database
  • Copy files on our local server
  • Import Database file datosModificar wp-configModificar URL of the site administrator WordPress
  • Modify file wp-config
  • Modify URL of the site administrator WordPress
  • Video tutorial
  • Conclusions
  • Modify file wp-config
  • Modify URL of the site administrator WordPress

What is a local server ?

Some will wonder what a local server, because there is no mystery.

A local server is a PC application that contains all the packages needed to make our web load .

That is the same program provides a database, Apache and PHP which are the elements needed to make our website (WordPress, Joomla, Prestashop) is displayed.

Let’s start some fun.

Download Xampp

The first step would be to download our local server Xampp from their official website: access the official website of XAMPP.

Nothing we access that offers downloads for Windows, Linux and OS (Mac) operating systems depending on the operating system that have to be installed.

The Windows version supports Windows 7, Windows 8.1 and Windows 10 and 32 systems and 64-bit so you do not have to worry about the version you have installed on your PC.

how we will use a Windows PC, will press the button « XAMPP for Windows » and start downloading.

Install Xampp Installation is very simple, as any other program have installed, you just have to launch the installation package that we previously downloaded.

select the right mouse button on the file and click on «Run as administrator «.

The first window we see is the beginning of the installation , just select Next .

The next window asks us that we indicate the components you want to install .

can be left by default with all applications but there are components that sense I do not see them installed such as those for mail services.

In block Server we marked options Apache , MySQL and Tomcat and uncheck options FileZilla and Mercury Mail server .

  • Apache Server Software.
  • MySQL database management system data.
  • FileZilla: Application FTP for file management.
  • Mercury Mail Server: Server emails.
  • Tomcat: Software for Java applications.

In block Program Languages ​​ we selected options PHP , Per and phpMyAdmin and desmarcamos Webalizer and Fake Sendmail:

  • PHP: Programming language.
  • Per: Programming language.
  • phpMyAdmin: Database Manager.
  • Webalizer: Software for data analysis.
  • Fake Sendmail: Client SMTP for sending mail.

Then hit Next and the next window we shows the URL where you installed by default in this case is in the XAMPP folder, we just have to click on «Next «.

The next window informs us that there are versions of Xampp incorporating packages Joomla , WordPress or Drupal pre-installed.

Simply click on Next and finally tells us begin the installation, the same, click on Next .

Immediately after the installation we see a window showing the panel XAMPP control.

In the panel can see the applications that have active , button Start to start services and Config button for application settings.

No need to complicate our lives with different default settings because we have more than enough.

The only thing that may interest us is the Apache configuration with the file php.ini where we can modify PHP server values ​​but, as I say, by default it serves.

Since we’re going to start with Xampp services and test that everything works well, for it click on the Start button services Apache and MySQL.

Once we see that torn services are shown in green .

To test the service and see that everything works well only have to access the browser and add URL « localhost».

The new window shows Welcome page or Dashboard that tells us that everything is correct and our server is running.

also test access to phpMyAdmin and the same time will create the database that we need for the web we want to move from our hosting.

only have to press phpMyAdmin in the top menu.

The window that opens is the manager Databases phpMyAdmin.

In the right column we see the databases we have created and the top menu with the options to create databases, export, conduct consultation, etc.

We will focus only on creating the database that is what matters to us, selecting the « Databases» option.

We have only to add the name of our database in the cell » name database «.

In this case we’ll put the name « weblocal » may use the name you want is just an example and be the name of the database that will use our facility.

A good practice would be to use the same name as the domain or the database we have in the hosting facility.

That can easily identify the database for each installation if you have more than one installed application.

Then hit create and to create the new database.

Easy, right? Well, we have half work done so without realizing it, we downloaded a local server, installed and above create a data base.

And I thought that I could not do it and it is easier than I thought ….

Download files

Hosting

The next step is to download the files and the database of the system we have in our hosting account.

Download the file we will from the file manager we have in our cPanel account.

On this blog entry Webempresa we have a tutorial where you can learn how to use the File Manager: File Manager cPanel how to search for files ?.

access our cPanel account and block «File» select the file manager tool

Inside the folder public_html folder we see that we have several domains as we have added our own hosting.

In the case of this example will use the WordPress folder where I have a testing facility WordPress + WooCommerce, in your case would be the folder where the facility is.

may have multiple domains hosting on our account and do not know which folder is using the Web we want to migrate so one of the questions would be: To what folder pointing my domain? .

How do you know which folder pointing my domain? .

is very simple, we just have to block access Domains our cPanel account.

see that shows all the domains added to our account and folder It pointed to each domain in the root directory column.

Once located the installation folder where we want to migrate the next step is would compress the folder to download to our team.

As always, very simple, you just have to select the folder with the right mouse button and select Compress .

Another option would be selecting the folder and clicking the button Compressing found on the top menu.

select « ZIP file» the type of compression and click on the button Compress File (s) .

Once we have the ZIP file with our application, we would just download the package with the selected files, the zip that we compress and pressing « Download » from the top menu.

As are several things we have to download as advice and to have everything controlled, it is best to create a folder, for example, discharges and both the zip and the database we downloaded now, we will directly on that binder.

In my case I created a folder named weblocal .

Download Database

We get export the database of our facility, for that use the phpMyAdmin application find in our cPanel account.

A

the like happened with our application files, you may we have several facilities and do not know which database is being used our app.

How do you know which database uses my site?

We have several ways to know which database you are using.

For the Hosting Webempresa have the WpCenter tool within the block Applications Webempresa our cPanel account.

Nothing access WpCenter see that shows all applications WordPress we have installed, press in the button set the application you want to move, in my case would be WordPress.

In the general tab we block installation General data where we can view all web data including the name of the database.

Another option would be editing the file wp-config that is in the root of the installation.

Access the folder where the application is installed, select the file wp-config with the right button and click on «edit «.

The window that opens is to the file where you can see all the data setting up our WordPress, one option is the name of the database.

already have the data we needed, now it export base data by accessing phpMyAdmin .

Once we access the database manager phpMyAdmin data on the left side we see all the databases we have created.

will select the database our application and press in the export button from the top menu.

We only have to click on the button «Continue » and the database is downloaded.

With this we would have everything we need, we have the server installed, the files of our application and data base .

Copy files on our local server

is slowly taking shape this so we get down to work and start copying files downloaded to the folder we create on our local server.

Access the folder where you have downloaded both the database and the zip and unzip files with the zip file.

if you use WinRAR only have to select the file with the right button and click «Extract Here «.

us

This will create a folder with all files.

to that folder can rename it or just leave it alone. The folder name will be that we will use to access our website, in my case will rename and put weblocal .

With the right button of the mouse select the folder and click on copy .

We access the file manager on your PC -> Disk C -> XAMPP folder and finally the htdocs folder.

htdocs folder say it is the root of our local server, it would be like the folder public_html our hosting.

Within the folder htdocs folder will stick with our installation files have copied above.

Already we have left less! Easy now, right ?, because the heaviest already have. Now we have the database, you will see how easy it is.

Import Database

With services Xampp MySQL and Apache initiated only need to add the URL of the browser «localhost» to access the Dashboard from our local server.

are the same steps we did to create the database. We access

phpMyAdmin, select the database you created earlier and click Import from the top menu.

In block « file to import » click on the button « Select file » and up the database to export the installation we have in our Hosting.

to the moving web hosting locally, as usual, the URL change, ie, in hosting the URL access our web would instead midominio.xxx locally this URL changes and would be localhost / folder_name.

Since we are with our database will use to modify the siteurl table value wp_options , which is what stores the URL of our facility.

select the table and press wp_optintion edit in the « siteurl «.

will modify the URL of the cell « option_value » by the URL of our local facility, in the case of this example would be localhost / weblocal .

Localhost would be the name of our server and weblocal , the folder name where we have our WordPress installation.

In your case the name of the folder may differ, there is only to change the name to the folder where you have the installation.

Come this we already have, we will only modify data access to the database in the WordPress configuration file.

file wp-config Modify

The last step would indicate the access data to our server and database.

A server changing these data may also change and if we try now access our local website we will find a connection error to the database.

The WordPress configuration data may be found in the file wp -config found in our installation folder on the local server.

Access the folder of our local installation and edit the file wp-config , I can open it with Windows Notepad.

After editing the file we have to modify define of connection to the database.

  • DB_NAME: the name of the database we created for our installation Local, in the case of this example use weblocal.
  • DB_USER: Default is root unless a user is created for access to the database.
  • DB_PASSWORD: Password This data would access the database, we’ll leave empty and that being a local installation have not created any user.

This is an example of the installation we are doing in this tutorial, if you’ve followed all the steps with the same data, define would be the same.

Modify URL of the site administrator WordPress

This we have, we get to change the URL of the site and that will access manager WordPress adding in the direction of the browser» localhost / name-de-la-folder / wp-admin «where folder name is the name of the folder where you have the facility locally.

For this example would be localhost / weblocal / wp-admin

We access our local administrator installation, user and password are the same we have in our hosting facility.

Within WordPress administrator will drive settings -> General and modify the URL of the « site address (URL) » option for the URL of our site locally.

and time yes yes we have everything, you just have web access and view all sections loaded without problems. Video tutorial

The following video tutorial will see the whole process of how we can move the WordPress Hosting we have in our PC, locally using Xampp application.

Conclusions

I know that the best is to have a clone in our hosting account but it is not always possible topics of space or because our hosting plan does not allow this.

This is a way to have our application locally to perform the necessary tests without affecting the page we have in production.

Categorías
Digital Marketing

General structure of files and folders in WordPress

 

If you work continuously with WordPress you may at some time have browsed its structure, is to make a change or to check whether you have or not a file or folder.

know the general structure of files and folders on WordPress will help with these tasks of managing your website. WordPress has a structure of files and folders rather simple.

The structure currently has WordPress actually has not changed much since the initial obviously versions is changing the structure and increases the number of files and folders as you’re installing plugins and themes.

Let’s find out how the general structure of files and folders on WordPress.

Table of Contents

  • default structure of files and folders on WordPress
  • Main files and folders on the Main raízCarpetas at the root of major WordPressArchivos at the root of WordPress:
  • Folders Main at the root of WordPress
  • main files at the root of WordPress:
  • main subfolders WordPressPluginsThemesUploads
  • Plugins
  • Themes
  • Uploads
  • explanatory video
  • Conclusion
  • Folders main at the root of WordPress
  • main files in the root of WordPress :
  • Plugins Themes

Uploads default structure of files and folders in WordPress

currently in the 5.x version of WordPress, a new default WordPress installation has a full size or approximately 50MB.

also has 3 main folders and 17 files located in the root of the site, as you can see in the picture below.

Main files and folders in the root

In the next picture you can see some of the major files and folders in the root of a WordPress site.

Folders Main at the root of

WordPress wp- admin

this is the folder that contains the files and folders required for the backend of WordPress is why when you enter the use backend the urls https: // yourdomain / wp-admin, is this referring to that folder .

wp-content

While the text content of WordPress is stored in the database, there is content that are physical files, for example images, videos or other resources on your site, stored end in this folder.

addition plugins and themes to install also stored within this folder.

wp-includes

This directory contains files and folders that give functionality to the core of WordPress, such as providing an extensible API that makes functionality through Hooks. You should never modify files in this folder. Main

files at the root of WordPress: wp-config.php

This is one of the main files of your website, if you download WordPress you will see that this file is no longer included dynamically created after an installation.

Within this configuration file see the connection to the database, you can also define constants that will be useful in the administration of your site.

wp-login.php

Previously we saw that to connect to the backend of the site must use the wp-admin folder.

But is this file that controls access to the administration of the site, we can also connect to the backend of the site using: https://tudominio.com/wp-login.php

Recommended reading: What they are wp-admin files wp-login.php and WordPress ?.

.htaccess

This is a file that is created when you enable friendly urls of your WordPress also is an important file for redirections or other security tasks.

point in front of the name of the file systems on Linux indicates that this file is hidden, so you may have to set your file manager of your hosting account or your FTP client to view it.

Recommended reading: useful code for WordPress .htaccess.

Main subfolders WordPress

There are some subfolders which often will work or less will need to know where they are located and what they are, these folders are folders content, ie are within the wp-content folder.

Plugins

Here are stored plugins you have installed on your WordPress, plugins are usually organized into folders, if you delete the folder of a plugin is similar to uninstall the plugin, this is the last option in case you can not uninstall it from the backend of your site.

Themes

This folder contains the WordPress themes, both those that come by default as you have installed in this folder are also topics son are created based on an existing topic.

Uploads

In this folder all the resources you will use your site, such as images, videos, PDF files, stored etc.

By default WordPress organizes resources into folders by year and subcapetas by the number of month, however if just going to start working with your site can change these settings from: Settings > Media > upload files.

is also possible that some plugins put your resource files within this folder. Explanatory video

Conclusion

WordPress has many more folders and files, but in this article we have tried only the main and commonly need to know to get an overview.

If at any time you need to navigate on the structure of files and folders have an idea of ​​what you can find.