Video, WordPress | 2 de febrero de 2014

Crear un catálogo de productos en WordPress (sin carrito de compras)

Crear un catálogo de productos, sin la necesidad de tener habilitado un sistema de carrito de compras es algo que varios clientes suelen solicitarme, además he recibido algunos correos consultando al respecto sobre cómo hacerlo, por lo que creo es una buena idea hacer un tutorial al respecto.

En el video que aparece a continuación te mostraré paso a paso (sin cortes) cómo crear esta funcionalidad dentro de WordPress, para ello, aparte de escribir un poco de código, utilizaremos los siguientes recursos:

Bastante introducción, vamos al video:

Espero que viendo el video te haya quedado bastante claro todo.

El video es un poco largo, pero me parece que es interesante dejarlo sin editar para mostrarte el flujo de trabajo lo más natural posible y sobre todo para mostrarte la forma en que se puede resolver los problemas y encontrar los eventuales errores que podamos cometer en el proceso.

Si quieres aprender más de WordPress, no dejes de suscribirte a continuación.

También te podría interesar:

Ser emprendedor y lidiar con los bancos

Llevo bastantes años trabajando en el diseño de manera independiente, tanto desde el punto de vista del diseño gráfico como en el diseño y desarrollo web. Este camino comenzó primero como una actividad paralela a mis trabajos fijos, con horario de oficina y una estructura organizacional a la que rendir cuentas. Luego poco a poco […]

Seguir leyendo...

3 ideas sobre cómo conseguir los primeros trabajos para tu portafolio de diseño web

¿Cómo puedo conseguir los primeros trabajos para mi portafolio cuando estoy recién comenzando? Esta es una pregunta que cada persona que comienza en el mundo freelance se hace. Y es que es realmente una situación paradójica, ya que estás buscando que alguien te contrate para realizar algún trabajo, pero como no tienes ningún trabajo anterior […]

Seguir leyendo...

Recién egresado y con cinco años de experiencia

Hay un tipo de ofertas laborales que hace enojar a muchas personas. No sé cómo será en otras industrias, pero he visto muchos diseñadores arder en furia al encontrar solicitudes que piden alguien joven pero con años de experiencia en el rubro. Es cierto que hay algo de ridículo en este tipo de solicitud, sin […]

Seguir leyendo...

Hay 42 opiniones

  1. Hola, me gustaria saber por ejemplo si viendo este catálogo, aplicando todo, quisiera que los usuarios puedan publicar en dicha catalogo productos, la idea de mi página es de compra y venta ya sea de productos usados o nuevos y que cada persona pueda agregar pero desde el frontend sin entrar al dasaboard, no se si me explico bien. Porque mediante esto que la verdad es impresionante y lo felicito, me gustaria cambiarlo eso, si me pudiera pasar el codigo se lo agradeceria, va las modificaciones de lo que se lo pedi. Desde ya muchas gracias.

  2. Estimado tengo una consulta.
    Hice una pagina con Custom post Type para mostrar unos bloques con servicios, pero tengo una duda.

    Cuando le agrego una imagen destacada a mi pagina se Servicios, esta queda enlazada a «PAGINA DEL ADJUNTO» osea que cuando le doy click a la Foto me abre una pagina con esta tofo.
    Y esta no es ni archive-servicios.php ni single-servicios.php

    CUAL ES?

    GRACIAS

      • lo solucione con el archivo image.php lo saque de otro theme viejo que tenia.

        Ahora tengo otra duda
        Cree un catalogo de productos, Donde el producto en si me lo muestra en single-productos.php, pero yo tenia una pagina creada llamada productos a la cual yo le habia puesto contenido, ahora esta pagina me muestra el loop de productos de mi custom post type. Como hago para crear una nueva plantilla con un estilo grafico distinto para mis productos, quiero que el loop de la pagina de productos me los muestre distintos al loop del blog.

        • Tendrías que cambiar el slug de la página, ya que tanto el custom post type como la pagina apuntan al sitio.com/productos.

          Para unir el contenido de tu página con los productos, tendrías que crear una plantilla de página nueva y debajo del contenido añadir un nuevo loop con WP_Query().

          Saludos

  3. Hola, tengo una pregunta, después de crear el custom post type, modificas unos archivos de la plantilla que esta en uso, pero ¿si cambio la plantilla simpre tendre que modificar esos archivos? La pregunta es, ¿se pueden incluir los archivos modificados de la plantilla en el plugin para no tener que modificar la plantilla cuando la cambie?

    Gracias.

    • Cuando se trabaja con personalizaciones de este tipo, que requieren la creación de campos adicionales y custom meta, qTranslate no es muy buena opción. Yo te recomendaría probar con WPML, que en lugar de añadir información a cada post por cada idioma, crea un post propio para cada idioma y los relaciona entre sí. Es una forma mucho más eficiente y amigable con desarrollos de este tipo.

  4. Hola, excelente tutorial y muy bien explicado.
    Tengo una consulta, para un nuevo proyecto necesito mostrar ‘Repuestos’ de productos, y darle la posibilidad al usuario de agregar estos a un carrito, para después poder enviarlos por mail.
    Sin ningún tipo de compra online, solo agregar los diferentes repuestos seleccionados a un carrito o cesta, y que estos se agreguen a un formulario para hacer la consulta con la empresa.

    Sería un carrito de compras, pero más sencillo.

    Hay algún plugin que permita hacer esto? o se puede hacer desde Advanced Custom Fields?

    Muchas gracias
    Saludos
    Fernando

  5. muy buena la idea , pero mi consulta es como hacer lo mismo , no modificando el theme, ya que si el usuario final cambia el theme el plugin no funcionaria bien, saludos muy buen video

    • Hay algunas técnicas para hacer eso, pero es algo que requiere mucho más conocimiento técnico de desarrollo, probablemente daría para un completo tutorial nuevo. La idea que se presenta en esta solución parte de la premisa de que tenemos control sobre el sitio y de que el cliente no cambiaré el tema sin avisarnos.

      Saludos

  6. Hola,
    he seguido los pasos par crear el post productos i al activar el plugin me da el siguiente error:

    Warning: require_once(/includes/productos_post_type.php): failed to open stream: No such file or directory in /home/webofimatic/public_html/web.cat/wp-content/plugins/ofimatica_custom_posts/ofimatica_custom_posts.php on line 18

    es como si no encontrara la ruta?
    gracias

  7. Hola Francisco antes que nada quiero decirte que excelente material produjiste ya que sirvió de mucho, mi pregunta es si hay una posibilidad me digas como hiciste la tabla en la página que mostraste con la posibilidad de añadir o sacar campos.
    Espero tu respuesta, agradezco tu aporte.
    Saludos!
    Martín

  8. Hola, Gracias por el tutorial,
    mi pregunta es si tienes alguna idea de como importar productos de forma masiva sin usar el WPAllImport que no permite los custom fields si no es en la versión PRO…algo sencillo solo para uso del webmaster no necesariamente un plugin, yo he probado pero he visto que los campos los guarda en una tabla diferente al post y con cada campo en una fila diferente y no acabo de ver como guarda los campos en la base de datos

    Gracias anticipadas
    Carlos

  9. Hola Francisco, gracias por el excelente tutorial. He realizado todos los pasos que indicas pero cuando activo el plugin no me aparece ningún icono a la izquierda dentro del escritorio ni la palabra «productos» . La versión del WordPress es 4.1.1 y el tema Customizr.

    ¿Podrías ayudarme por favor?

    Gracias 😉

    Juan

  10. Hola Francisco! Estoy haciendo todos los pasos de tu video, pero no logro dar con el archivo en el que en el que mi tema (avada) muestra la página «productos» para hacerle las modificaciones que tu has hecho y se mueste como en tu video, en mi página se muestra con una imagen enorme y de una forma que no me gusta nada, ¿como lo puedo arreglar?

  11. Hola Francisco, gracias por el post y el curro con el video!
    Estoy preparando un catálogo online donde hay PRODUCTOS, con 5 CATEGORIAS, y 30 custom-fields por cada producto.
    Me estoy preocupando sobre el uso de recursos al requerir tanto la base de datos. Me planteo 3 alternativas:
    1- CUSTOM POST, TAXONOMIES, FIELDS: (quien gestiona mejor la info: Pods? Types? ACF?
    2- ADVANCED CUSTOM TYPES (algo que trae el plugin PODS que crea una tabla específica para el «producto»
    3- WOOCOMERCE: (capar al woocomerce para que no procese pedidos, pero si gestione el catálogo)
    Cual alternativa ves mejor para que el servidor obtenga la info para armar el catalogo con la mayor rapidez posible?
    un saludo y gracias de nuevo!

    • Quitar a WooCommerce la posibilidad de ofrecer el carrito de compras no me parece la mejor opción, ya que le quitas todo su potencial. Lo mejor que puedes hacer es crear tu propio catálogo como en el video.

      En mi caso siempre he usado ACF y nunca he tenido problemas con respecto al procesamiento de datos. Para ser honesto, nunca he usado Pods, así que no puedo referirme a él.

      Si son muchos productos, muchas visitas y tantas opciones, te recomendaría preocuparte de tener un buen hosting que soporte esa carga. Flywheel es lo que mejor ha funcionado para mi.

  12. Hola Francisco.
    Una pregunta, quiero hacer un página de catálogo donde los clientes puedan ver productos, y seleccionar cuales quieren sin hacer una compra directamente en la página, sino que cuando ellos terminen de seleccionar los items que quieran, hay un boton que diga algo como confirmar su pedido, y lo que pase despues es que a mi me llegue el correo de esa persona con sus datos y con lo que quieren para poder hacer un domicilia y que ellos cancelen al recibir.
    Muchas gracias por tu ayuda.

  13. ¡Hola Francisco! Excelente aporte, la verdad aún no termino el video y me quedé viéndolo no más por aprender. Llegué acá por otra razón. Lo que quiero hacer es una lista online que pueda mantener actualizada. Quiero ayudar a unas chicas que se dedican a coordinar donaciones de medicamentos en mi país, pero lo hacen por Instagram, así que conforme se hacen nuevas publicaciones, muchas personas quedan sin poder conseguir sus medicamentos. Me recomendaron WordPress para hacer esta lista que te comenté, pero lo que te quiero preguntar a final de cuentas es si esta herramienta que explicas acá sería la adecuada para ello, qué variaciones me recomiendas o si de plano me recomiendas otro tipo de herramienta en WordPress o fuera de él. Un saludo desde Venezuela. ¡Mil gracias!

  14. Gracias Francisco, eres un gran apoyo para los que vamos empezando, sabes si hay un plugin para lo siguiente : quiero presentar la pagina de categorias, y despues de dar clic a una categoria, me pase a la pagina de subcategorias, pero en esta pagina despues de poner el nombre o icono de la categoria que me muestre los iconos y nombres de los productos de esta subcategoria (en la misma pagina).

    Saludos y gracias de antemano.

  15. Hola, muchas gracias por tu aporte, me sirvió mucho tu tutorial, sin embargo tengo un problema y es que en mi caso las taxnonomías sólo se muestran en el perfil de administrador que se creo por defecto, a la hora de crear otros usuarios, no me muestra las taxonomías en el menú

  16. Quería opinión

    Buenos días. Para una web estilo “club de fans” de un artista, mejor también wordpress? a pesar de la cantidad de fotos e información de muchos proyectos? sería mejor opción que hml5 responsive?
    actualmente tenemos una no responsive, y queríamos hacer el cambio, pero la multitud de páginas (entradas) que deberíamos crear y cómo organizar las fotos..
    cuál es tu opinión?
    gracias!

      • Hola Francisco, gracias por tu rápida respuesta.
        Tenemos algunos (pocos) conocimientos de html5 y css pero no he entendido la parte de que «excluye» que el sitio sea html5 y responsive con wordpress. En wordpress utilizas una plantilla y la editas a tu gusto (o creas unas, que no sería el caso), pero nada más, ¿verdad? no entiendo a qué haces referencia.

        Otro «problema» que veo que no sé cómo gestionar es el sigiuente (pongo un ejemplo):
        tenemos una página qeu se llama «Cine» y en ella, hay unas cuantas películas. Cada película tiene una imagen que al hacer click sobre ella, va a una página donde está la información (fotos, información, enlaces,etc…) . esto, en wordpress se haría con «entradas» entiendo, pero son muchísimas entradas. al igual que las fotos. esto sólo se gestiona con categorías y etiquetas, verdad?

        muchas gracias.

        • Ya sea que uses una plantilla gratuita, comprada o hecha a mano (Todas las opciones son válidas), lo más probable es que esa plantilla esté creada con HTML5 y sea completamente responsive 😉

          Con respecto a la gestión de contenidos, WordPress ofrece la posibilidad de crear tipos de contenidos especiales (custom post types), como películas, libros, cursos o lo que necesites. Sin embargo, para decirte el cómo, necesitaría conocer el detalle del sitio y dedicarle tiempo y trabajo en desarrollar un plan de trabajo.

          Si estos e te hace muy complicado te sugeriría contratar a algún diseñador web profesional que te ayude con esta tarea.

Y tú ¿Qué opinas?

Puede que no te responda, pero ten por seguro que leeré tu comentario. Por si acaso, tu email no se mostrará ;)

Recibe más artículos como este cada semana

Únete a los 8.158 suscriptores y recibe cada miércoles nuevo contenido sobre diseño, sitios web y creatividad.

¡Ya estamos casi! revisa tu bandeja de entrada para verificar tu email por favor.
Uy! Parece que algo salió mal procesando tu solicitud. Recaraga la página e inténtalo de nuevo.

Ya me suscribí antes, no me muestres esto.