Tienda WooCommerce sólo visible a usuarios registrados

(Actualizado 19/06/2015 – Después de hacer varias pruebas y gracias al comentario de David Randulfe, ya no es necesario usar el plugin Groups para restringir el acceso a usuarios registrados).

Si has llegado hasta aquí buscando como un desesperado la solución a este problema (a mi también me pasó), estás de suerte porque en este artículo te voy a explicar cómo permitir el acceso a tu tienda WooCommerce sólo para usuarios registrados, sin tener que gastarte un sólo céntimo en un plugin y logrando que funcione a la perfección.

A muchos les sonará raro eso de restringir el acceso a la tienda online sólo para un determinado grupo de personas. Si lo que se pretende es vender, ¿qué sentido tiene permitir que sólo unos pocos puedan comprar?

Yo también me hice esa pregunta en su momento, pero lo cierto es que esta cuestión es una de las que más se repite en las comunidades y foros sobre WooCommerce.

Como he dicho en otras ocasiones, cada negocio es un mundo y no todos usan su plataforma ecommerce para vender a cualquier persona. Un ejemplo de ello podría ser, tiendas que sólo pueden vender a mayoristas, como; empresas registradas o autónomos. O también fábricas que sólo pueden vender a distribuidores oficiales de la marca.

Son sólo algunos ejemplos, pero seguro que hay muchísimos más casos.

Permitir el acceso a tu tienda WooCommerce sólo a usuarios registrados.

Para poder hacer tu tienda WooCommerce accesible sólo a los usuarios registrados, vas a necesitar 2 plugins gratuitos un sólo plugin y un pequeño código que te explicaré, al final de esta entrada, para qué sirve y donde insertarlo.

Los 2 plugins de los que hablo son:

1. Groups. Un plugin para configurar membresías y controlar el acceso a cualquier sección de WordPress y WooCommerce. (YA NO ES NECESARIO CON EL NUEVO CÓDIGO)
2. Sidebar Login. Un plugin de Mike Jolley -unos de los desarrolladores de WooCommerce- que permite insertar un formulario de acceso como widget.

Lo primero que debes hacer es instalar y activar ambos plugins. Una vez activados, deberás definir los ajustes de configuración de cada uno, tal y como te explico a continuación:

Configurar plugin Groups. (Puedes saltarte este paso)

1. Desde el panel de administración de WordPress, entra en «Grupos > Grupos«.
2. Verás que ya existe un grupo llamado «Registered» que es el que el plugin crea por defecto. Haz clic en el icono del lápiz, situada la derecha, para editar el grupo.
3. Añade la capacidad «group_read_post» en el campo «Capacidades» y después haz clic en «Guardar«.
   
4. Vuelve al panel de administración y entra en «Páginas > Todas las páginas«. Busca la página de «Tienda» y haz clic en «Editar«.
5. Justo al lado del editor de texto -arriba a la derecha- aparece un nuevo apartado llamado «Restricciones de acceso«. En ese apartado debes añadir la capacidad «groups_read_post» en el campo «Forzar permiso de lectura«.
6. Por último, haz clic en «Actualizar» para guardar los cambios.
7. Repite estos tres últimos pasos para las páginas de «Carro» y «Finalizar compra«.

Con esta configuración ya se debería de restringir el acceso a la página de la tienda WooCommerce para todos aquellos usuarios que no estén registrados.

Sin embargo, la página de tienda de WooCommerce es algo peculiar y aunque el plugin Groups consigue ocultar el enlace del menú principal hacia la tienda para los usuarios no registrados, si que permite que cualquier persona -esté registrada o no- pueda acceder a la tienda online simplemente escribiendo la dirección en el navegador (http://www.tu-dominio.com/tienda).

Ahí es cuando entra en juego el código que he mencionado antes y que nos permitirá solucionar este problema. Pero antes, deberás configurar el plugin para el formulario de acceso.

Configurar plugin Sidebar Login.

1. Entra en «Apacienda > Widgets«.
2. Busca el widget «Barra lateral de identificación» y añádela al sidebar en el que quieras que se muestre.
3. Ahora configura los siguientes ajustes:
   • Título de desconexión. Es el título que se mostrará en el widget del formulario de acceso, puedes poner por ejemplo: «Acceder a la tienda«.
   • URL de redireccionamiento. Es la URL de la página a la que quieres que se redirija el usuario cuando se loguee. En este caso deberías poner la URL de la página de la tienda.
   • URL de redireccionamiento de desconexión. Tiene la misma función que la anterior, pero en este caso para cuando el usuario registrado cierre su sesión. Puedes poner cualquier URL diferente de la página de la tienda, por ejemplo: la URL de la home.

   El resto de campos los puedes dejar como vienen por defecto.
   

4. Para terminar, haz clic en «Guardar«.

Aquí puedes ver una captura de cómo quedaría el formulario de acceso a la tienda.

Insertar código de control de acceso a la tienda WooCommerce.

Con los dos plugins que acabamos de instalar y configurar ya sería suficiente para restringir el acceso a cualquier página que hayas creado con WordPress.

Lo que ocurre es que las páginas que crea WooCommerce cuando se instala (las páginas de; Tienda, Carro, Mi cuenta y Finalizar compra ), no funcionan como una página normal de WordPress y por eso hace falta usar un código para que se puede bloquear el acceso también a la página de la tienda.

Sin embargo, antes de poder pegar el código, vas a necesitar hacer lo siguiente (CON EL NUEVO CÓDIGO NO ES NECESARIO SEGUIR LOS SIGUIENTES PASOS):

1. Si no lo has hecho todavía, tendrás que crearte un tema hijo del tema que estés usando para tu tienda WooCommerce. Puedes ver cómo hacerlo en el siguiente vídeo. No te llevará más de 5 minutos.
   
2. Crear una carpeta llamada «woocommerce» dentro de la carpeta del tema hijo que vayas a usar.
3. Copiar el fichero «archive-product.php» que encontrarás dentro de la ruta «/wp-content/plugins/woocommerce/templates/» de tu instalación de WordPress y pégalo dentro de la carpeta «woocommerce» que has creado en el paso anterior.

Para poder hacer todo esto, yo te recomiendo usar un cliente FTP con el que puedas navegar por las diferentes carpetas de tu servidor, crear carpetas nuevas y copiar y pegar ficheros como si estuvieses en el escritorio de tu PC.

Una vez creado el tema hijo y pegado el fichero «archive-product.php» dentro de él, es el momento de insertar el código de control de acceso.

Basta con pegar el siguiente código al final del fichero functions.php de tu tema.

function visible_solo_usuarios_registrados(){

    if ( !is_user_logged_in() && (is_woocommerce() || is_cart() || is_checkout())) {

        wp_redirect( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) );
        exit;
    }
}
add_action( 'template_redirect', 'visible_solo_usuarios_registrados' );

Para ello abre el fichero «archive-product.php» con cualquier editor (puedes hacerlo también desde el panel de administración en «Apariencia > Editor«) y pega el código anterior justo antes de la línea get_header( 'shop' ); ?>.

Para comprobar que todo funciona, cierra tu sesión y vuelve a cargar la web. Ahora no podrás ver el enlace a la página de la tienda desde el menú, ni tampoco acceder a ella aunque escribas la dirección en el navegador.

Obviamente, si vuelves a loguearte con tu usuario y contraseña, ya si podrás acceder a la página de tu tienda WooCommerce y efectuar una compra.

Reconozco que los últimos pasos para insertar el código, pueden parecer un poco complicados para aquellos que no hayan trabajado antes con un tema hijo, pero te puedo asegurar que es la forma más fácil que conozco de conseguir que sólo los usuarios registrados puedan acceder a tu tienda WooCommerce.

BONUS. Permitir el acceso a la tienda online solo a un determinado rol de usuario

Si lo que te interesa es limitar el acceso a cualquier sección de la tienda solo a un rol de usuario determinado, entonces en lugar de usar el código snippet anterior deberás usar este:

// Permitir acceso a tienda solo a un determinado rol de usuario
function visible_segun_rol_de_usuario(){

	$current_user = wp_get_current_user();
	$allowed_user_role = array( 'contributor' ); //Añade dentro de los paréntesis y separados por comas, los roles de usuario a los que desees permitir el acceso.
	if ( ( !in_array( $allowed_user_role, $current_user->roles ) ) &&
		( is_shop() || is_product_category() || is_product_tag() || is_wc_endpoint_url() || is_product() || is_cart() || is_checkout())) {

		wp_redirect( get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ) );
		exit;
	}
}
add_action( 'template_redirect', 'visible_segun_rol_de_usuario' );

Una vez hayas añadido el código a tu tema, busca la línea «$allowed_user_role = ‘contributor’;» y reemplaza «contributor» por el ID del rol que te interese (por ejemplo, para el rol Suscriptor, el ID es «subscriber») 😉