Disclaimer sobre enlaces de afiliación

Este artículo contiene enlaces a varios productos de terceros. En algunos casos he optado por que sean enlaces de afiliación. Esto significa que si te gusta el producto y lo contratas, me llevaré una pequeña comisión. Tú no pierdes nada, pero si aún así no te gusta el trato, puedes buscar los proveedores directamente en Google y saltarte mis enlaces 😢.

Lee más sobre esto en mi newsletter semanal

Este artículo incluye información adicional sobre un tema que he comentado en mi newsletter, Vivir del cuento y no morir en el intentoopen in new window.

Si te interesa, te interesará también lo que podrás leer allí.

Cómo montar una landing con Wordpress

Si estás trabajando en un nuevo producto digital y quieres validar el interés, o incluso si ya lo has desarrollado pero necesitas un sitio donde publicitarlo, una landing es la forma estándar de hacerlo.

Para los que vayan perdidos, una landing es una página web corta y sencilla donde se vende algo. Es donde aterriza (por eso lo de landing) el usuario cuando busca o lee sobre el producto o servicio.

En este artículo te comparto con todo detalle cómo hago yo las landings para mis productos.

Empezamos.

1. Tecnología

Para mi en esto de hacer webs hay tres posibilidades.

1. No-code puro. No quiero saber nada sobre la tecnología subyacente y me vale con lo que me dé un tercero. Esta es la mejor opción para sacar algo rápido. Y no tiene por qué ser una mala opción. Todo lo contrario. Sin embargo, por lo general, no suelen ser ideales en cuanto a SEO y la flexibilidad es limitada. Si tienes interés en seguir por aquí te recomiendo 100% que uses Carrdopen in new window. Empiezas gratis y por sólo 19 dólares al AÑO puedes montar hasta 10 landings con dominio propio, formularios y un montón de features extra.
2. Sí-code puro. Como este blog. Escrito en Markdown, con elementos dinámicos en Vue 3, desplegado sobre Vercel. Fuente de verdad: repositorio en Gitlab. La definición de overkill. ¿Por qué lo hago? Porque me gusta. ¿Te lo recomiendo? No.
3. Wordpress. Responasble del 43% de todas las webs de Internet. Poca broma. No-code pero con posibilidades ilimitadas. De esto te voy a hablar aquí.

2. Alojamiento

Antes te he dicho que Wordpress es también no-code. Y lo es. Pero no es un SaaS. Por lo que hay que instalarlo y alojarlo en algún lado. Y esto es un incordio.

La forma tradicional es encargarte tu del alojamiento. Contratas un servidor, instalas PHP y Apache o nginx, te descargas la última versión, conectas la base de datos y a funcionar.

Si esto te parece cómodo y factible no voy a contarte más porque ya te lo sabes y te voy a aburrir.

Si no, pues hay que buscar alguien que te lo haga. Proveedores hay cientos. Miles. Desde el oficialopen in new window, que viene a ser caro y poco flexible, hasta cualquiera de los grandes como 1and1 o similares.

Yo ahora lo alojo yo mismo, pero antes usaba Webempresaopen in new window. Así que no me la juego y te los recomiendo. Tienen planes de 2 sitios desde 100€ al año y hacen ofertas al 50% muy a menudo. Un hosting estable, sobrado de capacidad y que no te dará dolores de cabeza.

Una vez tienes instalado Wordpress hay que meterle el contenido.

3. Contenido

Wordpress desde hace unas cuantas versiones viene con un nuevo editor llamado Gutenberg. Se acabó la necesidad de instalar Elementor o Divi para montar cualquier cosa sin tener que escribir código.

Pero, aún teniendo un editor rápido built-in, no hay ganas de currarse una landing desde cero.

Ahí es donde entra Blocksyopen in new window.

Me alucina que sea un producto gratuito. De verdad. No lo acabo de entender. No solo te da una colección de bloques sobre los que construir tu web, sino que además incluye Getwidopen in new window, otra colección de componentes Gutenberg de enorme calidad.

Y la guinda del pastel. O la pièce of résitance que dicen por ahí. Blocksy te da un puñado de starter sitesopen in new window sobre los que empezar.

¿Te enseñado la landing de mi producto Tauletaopen in new window?

¿Igual se parece un poco a esta starter site de Blocksy?

Ni una hora me costó montar la landing. Una pasada.

¿Cómo instalar Blocksy? En Wordpress, ve a Apariencia > Temas, dale a Añadir nuevo y busca Blocksy. Solo tienes que seguir las instrucciones.

4. Plug-ins

Si estás mínimamente familiarizado con Wordpress estarás acostumbrado a usar plug-ins. Aquí voy a ser breve. Como todo en Wordpress, cuanto más le metas más lento irá por lo que hay que moderarse. Usa:

1. Site Kit para meter Google Analytics e integrar Search Console.
2. Yoast SEO para generar las meta-tags y tener más información sobre cómo optimizar las keywords para SEO.
3. Contact Form 7 para cualquier formulario de contacto.
4. Complianz para el banner y la política de cookies.

Para instalar estos plug-ins, en Wordpress, ve a Plugin, Añadir nuevo y busca los nombres que te he indicado arriba. Finalmente tendrás que activarlos y en cada caso seguir las instrucciones que te presenten.

5. Performance

Una landing como la que te describo va bastante decente sin que le tengas que hacer nada:

Pero si quieres ir más allá, dos consejos:

1. Date de alta en Cloudflareopen in new window y mete la landing usando su plan gratuito. Caché y CDN gratis en cuatro clicks.
2. Instala un plug-in de caché. Cuanto más azucar, más dulce. Hay muchos disponibles y la mayoría permiten usarlos gratis.

¿Y qué hago con mi landing?

Una vez tienes la landing, hay que promocionarla. Si quieres saber más sobre cómo lo hago yo, tengo una newsletter semanal en la que, entre anécdotas y tonterías varias, te cuento mis métodos.

Suscríbete ya a Vivir del cuento y no morir en el intentoopen in new window.

Nos vemos al otro lado.