Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress Plugins
Code

Construya Su Propia Tienda de Camisetas con el Plugin de WordPress de Spreadshirt

by
Difficulty:BeginnerLength:LongLanguages:

Spanish (Español) translation by Naudys Angulo (you can also view the original English article)

Final product image
What You'll Be Creating

Vender sus Propias Camisetas

A principios de este año, tuve la idea de vender camisetas que contrarrestan nuestra sociedad cada vez más antisocial orientada a la tecnología. Se me ocurrió el concepto de marca, Sociables, y rápidamente dejé la idea de lado en esa carpeta que Jadah Sellner describió en la World Domination Summit (WDS) como que contiene todos los dominios que posee para ideas de negocios que nunca lleva a cabo.

Luego descubrí un plugin gratuito de WordPress para Spreadshirt.com y decidí escribir este tutorial para guiarlo en el proceso de lanzamiento de su propia tienda de camisetas con WordPress.

Otro asistente de WDS, Benny Hsu, escribió recientemente acerca de la construcción de su negocio de camisetas, Get Busy Living, para ganar $ 100,000 en menos de seis meses. Mi interés probablemente sea más por la diversión de promover el mensaje de comunidad de Sociables en un mundo cada vez más centrado en la pantalla que el lucro y la dominación mundial:

Every Once in a While You Gotta Look Up From Your Phone - Sociables

Hay muchas maneras diferentes de vender camisetas en línea, y pros y contras para cada una de ellas. Hsu usó un servicio de crowdfunding llamado Teespring, que abordaré más adelante. Los márgenes de ganancia son más altos para servicios como Teespring. Sin embargo, quería usar una tienda centrada en WordPress, así que recurrí a Spreadshirt. Al igual que CafePress, Spreadshirt facilita la creación y carga de diseños y la venta de mercancías. Cuando los productos se venden, usted gana una comisión pequeña con cada compra.

CafePress ofrece una API, pero los complementos de WordPress disponibles (MoneyPress) no parecen tan bien revisados. Por lo tanto, quería ir con la startup Spreadshirt y el propio Spreadshirt Plugin de Thimo Grauerholz.

Spreadplugin the Spreadshirt plugin for WordPress

Este tutorial lo guiará a través de todos los pasos que tomé para construir mi tienda Spreadshirt y lanzar un sitio de WordPress para mi tienda Sociables.

Elegir Tu Marca

Hay millones de conceptos de camisetas en la web. No puedo ayudarte con tu visión, pero una vez que la tienes, necesitas un dominio y una cuenta de Twitter, Pinterest e Instagram. He renunciado a las páginas de Facebook (debido a que Facebook dificulta la comunicación con sus fanáticos sin pagar), pero Hsu hace uso de la publicidad específica de Facebook para impulsar las ventas.

Uso Domainr para encontrar los nombres de dominio disponibles para mis ideas de negocio. Sociables.com fue tomado, pero Sociables.io estaba disponible. Domainr también tiene una aplicación para iOS. Descubrí que Gandi.net es el registrador de dominios .io más económico y funcional. @Sociables fue tomado en Twitter, así que fui con @SociablesIo.

Elegir un Tema de WordPress

Busqué en Google y examiné ThemeForest para diseños de tiendas de camisetas y finalmente elegí Armonico por $58. Si bien no utilizaré las características de WooCommerce (porque quiero que Spreadshirt se encargue del cumplimiento de mi producto), me gustó el diseño y el pulido que ofrece Armonico. También respondieron rápidamente a mis consultas de soporte de preventa y ofrecieron una garantía de devolución de dinero de 30 días.

Armonico Theme for WordPress on Theme Forest

Contratar a un Diseñador

No soy diseñador gráfico, así que recurrí a una persona local del Pacífico Noroeste con la que he trabajado en el pasado. Se llama a sí mismo Pope, y es una de las personas que pasa un mes en Burning Man montando y derribando la ciudad. También es un diseñador gráfico rápido y eficiente con experiencia en WordPress, y también tiene sus propias tiendas de camisetas. Tomó algunas de mis ideas conceptuales y las ayudó a cobrar vida:

Looking for me on Tinder t-shirt concept for Sociables

Nota: Es culpa de mi presupuesto de diseño limitado que no le pedí modelos de camiseta no blancos ni masculinos.

Regístrese con Spreadshirt

Primero, necesitas registrarte con Spreadshirt.com:

Register at Spreadshirt

Luego, visite el asistente de crear una tienda:

Create a shop at Spreadshirt

Seleccione un color y diseño para su tienda alojada en Spreadshirt. No importará demasiado ya que dirigirá a los visitantes del sitio a su tienda con WordPress:

Choose Color and Layout of Shop at Spreadshirt

Nombra y describe tu tienda:

Set Name Language and Currency at Spreadshirt
Se le pedirá que cree un producto de muestra. Acabo de crear un diseño de marcador de posición temporal:
Create Design Sample at Spreadshirt

Deberías ver esto cuando hayas terminado:

Create a Shop at Spreadshirt Finished

Spreadshirt también tiene una API a la que necesitarás acceso para el complemento. Regístrese desde su blog:

Spreadshirt API Keys

Anote sus API Keys, que usará más adelante para configurar el complemento: 

Get Your API Keys - Spreadshirt

Configurando su Hospedaje 

Estoy ejecutando Sociables en Digital Ocean porque es económico y ofrece discos SSD rápidos para alojamiento. Puedes encontrar mi guía visual para instalar WordPress en Digital Ocean aquí. Cualquier instalación vainilla de WordPress servirá. Si bien también puede integrar WP-Spreadplugin en su sitio actual de WordPress, este tutorial se centra en la creación de una tienda independiente de camisetas con WordPress desde cero.

Instalando tu Tema

Primero, necesitarás un tema. Elegí comprar Armonico en ThemeForest, por $58:

Install the Armonico Theme

Como parte de la instalación del tema de Armonico, le pedirá que instale un par de otros complementos: MP Isótopos y MP Core. Le proporciona enlaces a estos dentro del tablero administrativo. También descubrí que me encontré con un par de errores a menos que instalé WooCommerce. Sin embargo, no necesité usar ninguna característica de WooCommerce.

Nota: si decide usar WooCommerce, entonces será responsable de realizar los pagos y el cumplimiento del producto. La mejor parte de estos servicios de tienda de camisetas es que manejan todo esto.

Luego, instalé los otros complementos que recomiendo habitualmente: Yoast SEO, Google Analytics, Contact Form 7 y Mailgun. Los dos últimos que utilizo para alimentar mis correos electrónicos de formulario de contacto, un tutorial de Tuts + está en camino para esto, así que revise la página de mi instructor; está programado para aparecer el 16 de diciembre de 2014.

Agregue el Complemento de Spreadshirt a WordPress

Ahora, instalaremos el complemento de Spreadshirt para WordPress. Está desarrollado por Thimo Grauerholz. Dirige un sitio de camisetas con una versión personalizada en Lovetee. Thimo también fue amable y rápido en responder a mi consulta por correo electrónico.

Lovette - Sample Spreadshirt Shop

Desde el tablero, agregue un nuevo complemento y busque WP-Spreadplugin:

Install the Spreadplugin for Spreadshirt

Haga clic en Install Now y actívelo:

Activate the Spreadplugin for Spreadshirt

Cargando tus Diseños a Spreadshirt

Antes de que podamos usar Spreadplugin, tenemos que cargar nuestros diseños a Spreadshirt y crear productos:

Upload art for your design at Spreadshirt

Elija el diseño que desea cargar: 

Confirm trademark at Spreadshirt

Nombre y etiquete el diseño:

Describe the design for Spreadshirt

Deberías ver esto después de que cada diseño haya cargado:

Design complete at Spreadshirt

Crear Categorías

También necesitamos crear categorías dentro de Spreadshirt. Creé una categoría para cada diseño para que cuando las personas hagan clic en la página de inicio de Sociables, vean camisetas de hombres y mujeres para el diseño, p. tinder, habla con extraños, etc.

Create Categories at Spreadshirt

Anota el numero de ID de cada categoría, ya que deberá usarlos al colocar el código corto del complemento de Spreadshirt en las publicaciones de WordPress para cada diseño.

Crear Productos dentro de Spreadshirt

A continuación, creamos productos una vez para hombres y una para mujeres. Elija el tipo de camisa, el género y el color en el diseñador de productos Spreadshirt:

Create more Products at Spreadshirt

Desde la página de Productos en Spreadshirt, mueva los pares de productos a la categoría apropiada. Por ejemplo, para "Búscame en Tinder", muevo los productos de hombre y mujer a la categoría de Tinder que creé.

Add Your Products to Categories

Construyendo su Tienda con WordPress Armonico

Ahora podemos volver a construir nuestra tienda de WordPress. La página de inicio de Armonico gira el control deslizante y elige los cuadros del producto a continuación de las publicaciones dentro de las categorías que usted crea.

Crea una Categoría para tus Productos

Primero, creé una categoría de productos:

Add a category to WordPress

Creando Páginas de Productos

Luego creé publicaciones de productos para cada uno de mis diseños. Estos los coloqué en la categoría de productos. Y coloqué el código corto de Spreadplugin especificando la identificación de categoría de mi tienda Spreadshirt.com, que tomamos nota de lo anterior: 

Create Product Pages in WordPress

Aquí está el código corto:

Hay más documentación disponible para WP-SpreadPlugin aquí.

También debe configurar la imagen destacada según lo que desea que aparezca en el control deslizante de la página de inicio:

Set the Featured Image for Your Post

Y, por último, debe volver a la página Opciones de Spreadplugin y reconstruir la memoria caché. También puede esperar para hacer esto cuando todas sus publicaciones de productos estén completas. El proceso es un poco lento; hablaré sobre el rendimiento de Spreadshirt.com más adelante.

Rebuild the Cache for the Spreadshirt Plugin

Configurando el Slider

Visite la página Armonico Theme Options y seleccione la categoría o categorías que desea usar para el control deslizante y para los cuadrados del producto debajo del slider:

Set the Slider to Point to the Category of Posts

Así es como se ve mi slider:

The Armonico Home Page Slider

Para configurar los widgets de Armonico junto al Slider, visite el menú Appearance > Widgets. Elija Action Boxes > Sidebar > Add Widget.

Configure the Action Boxes

Defina los enlaces, imágenes y texto para cada área del cuadro de acción:

Settings for Action Boxes

Estos son mis cuadros de acción después de la configuración:

Home Page Action Boxes in Armonico Theme

Descargué los iconos de Armonico para los cuadros de acción de su demo, ya que no los pude encontrar en la descarga del tema.

Lanzamiento de su Sitio

Finalmente, puede iniciar su sitio. Puedes ver cómo se ve la mina en Sociables.io:

The Completed Armonico Shop

Recomiendo comenzar por enviar un correo electrónico a sus amigos y compartir su sitio dentro de su red social. Reúna los comentarios de las personas y mida las respuestas. Utilice esos comentarios para mejorar los diseños, la selección de productos y los precios, y el sitio en sí.

Una vez que esté listo para expandir la conciencia, considere la publicidad de Facebook y Twitter para correr la voz. Lea más sobre los enfoques de publicidad de Benny Hsu. Él utiliza una gran cantidad de prueba y error con su publicidad para encontrar lo que funciona.

Experimentando con Otros Proveedores

Hsu también usa Teespring, una compañía de camisetas con envío de fondos crowdfunded fácil de usar. Puede leer más sobre las prácticas de desarrollo de Teespring aquí.

Una gran ventaja para Teespring es que ofrecen una estructura de comisiones mucho mejor que CafePress y Spreadshirt. Una limitación de las páginas de crowdfunding de tiempo limitado de Teespring es que si no se cumple su pedido mínimo, no se venden productos.

Pope me señaló TeeChip, que no tiene esta limitación, pero de lo contrario funciona de manera muy similar a Teespring.

Así es como se ve la configuración de la campaña TeeChip. Cargue su diseño y elija un producto y colores:

TeeChip Design Wizard

Establece objetivos de fijación de precios y ganancias:

Teechip Pricing

Aquí está la página que los visitantes verán:

Teechip Preview

Tenga en cuenta que estas ofertas de productos tienen un límite de tiempo, por lo que debe renovarlas regularmente. Sin embargo, no hay un umbral mínimo de cumplimiento. Todos los pedidos de los clientes se envían.

Reflexiones sobre Spreadshirt

Personalmente, cuanto más profundicé en este tutorial con Spreadshirt, más frustrante me parecieron las opciones de productos y la configuración de la tienda. El rendimiento del sitio no fue muy bueno, y esto hizo que los cambios fueran cada vez más dolorosos. Me gustaría poder subir un diseño y dejar que el cliente seleccione la calidad de hombre o mujer y camiseta o un producto específico, pero Spreadshirt quiere que seleccione todo esto con anticipación.

Encontré que TeeChip es mucho más simple y ofrece más flexibilidad en estos escenarios de configuración de productos. También puede obtener márgenes de beneficio significativamente más altos con los sitios de productos de crowdfunding.

Actualmente, no hay ningún complemento de WordPress para Teespring o TeeChip. Probablemente puedas insertar un iFrame pero no lo he probado. Otra opción sería colocar un gráfico estático en su sitio y vincularlo a campañas individuales, pero tendría que renovar periódicamente las campañas cuando caduquen. Espero que estos sitios de campaña ofrezcan más integración de WordPress en el futuro.

Entonces, en algún momento, probablemente actualizaré mi sitio para usar TeeChip y me alejaré de Spreadshirt. Su experiencia puede ser diferente.

Obviamente hay muchas maneras de construir una tienda de camisetas con WordPress; por favor publique cualquier comentario, correcciones o ideas adicionales a continuación. Me gustaría escuchar tus experiencias.

También puede navegar mis otros tutoriales de Tuts + en la página de mi instructor o seguirme en Twitter @reifman.

Enlaces Relacionados

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.