Cómo Crear Tu Sitio Web con WordPress — Guía de Creativos MP
Guía práctica · Creativos MP

Cómo crear tu sitio web con WordPress

Paso a paso, sin conocimientos técnicos: dominio, correo profesional, hosting, WordPress y una landing page creada con Inteligencia Artificial.

Creado por Zulma Sánchez — Estratega en Marketing Digital

Si tienes un negocio y todavía no tienes un sitio web propio, estás dejando dinero sobre la mesa. Tu Instagram puede desaparecer mañana. Tu web es tuya, siempre.

Esta guía te lleva de la mano por todo el proceso: comprar tu dominio, crear tu correo profesional, alojar tu sitio, instalar WordPress, configurar los plugins correctos y, al final, te muestro cómo usar inteligencia artificial para crear una página en minutos, sin saber programar.

1

Compra tu dominio en Namecheap

¿Qué es un dominio? Es el nombre de tu sitio en internet (por ejemplo, tunegocio.com). Es tu dirección oficial en la web y la primera impresión de tu marca.

Cómo comprarlo, paso a paso

  1. Entra a namecheap.com
  2. En la barra de búsqueda, escribe el nombre que quieres para tu negocio (ej: "creativosmp")
  3. Namecheap te mostrará qué extensiones están disponibles (.com, .co, .net) — prioriza siempre el .com
  4. Agrega el dominio al carrito
  5. Activa la protección de privacidad (WhoisGuard) — normalmente es gratis el primer año y protege tus datos personales
  6. Completa el pago y listo, el dominio es tuyo
💰 Precio aproximado: un dominio .com cuesta entre $7 y $11 USD el primer año, con renovación anual cercana a $13-$18 USD. Los precios cambian con frecuencia — verifica el valor exacto al comprar.
✉️ Correo electrónico pago: en el mismo checkout, Namecheap te ofrece "Private Email" (correo con tu propio dominio, ej: tunombre@tunegocio.com), desde aproximadamente $0.99 USD/mes el primer año, con renovación desde $14.88 USD/año. Es válido si quieres todo en un solo lugar — pero si estás empezando, puedes usar la opción gratuita del siguiente paso.
2

Crea tu correo profesional gratis con Zoho Mail

Zoho Mail te permite tener un correo profesional (tunombre@tudominio.com) sin pagar, usando el plan gratuito para un dominio propio.

Paso a paso

  1. Entra a zoho.com/mail y elige el plan "Forever Free"
  2. Crea tu cuenta con tu correo actual
  3. Agrega y verifica tu dominio (el que compraste en Namecheap)
  4. Para verificarlo, Zoho te da un código TXT que debes agregar en "Advanced DNS" dentro de Namecheap
  5. Agrega los registros MX (en la misma sección) — esto conecta tu dominio con Zoho para recibir y enviar correos
  6. Crea tu primera casilla (ej: hola@tunegocio.com)
  7. Espera unas horas a que los cambios de DNS se propaguen (a veces es inmediato, a veces hasta 24 horas)
  8. Entra a mail.zoho.com para revisar tu correo, o configúralo en tu celular
🔑 Guarda usuario y contraseña de este correo — lo vas a necesitar en el Paso 4 para conectar el plugin WP Mail SMTP.
3

Aloja tu sitio web

WordPress.com vs. WordPress.org — no son lo mismo:

  • WordPress.com es una plataforma cerrada: tiene planes gratuitos, pero muy limitados — no puedes instalar plugins libremente ni tener control total de tu sitio.
  • WordPress.org es el software libre que instalas en un hosting propio. Aquí tienes control total: tema, plugins, tienda, sin límites.

Para un negocio, siempre recomiendo WordPress.org autohospedado — el que vamos a usar en esta guía.

Si no sabes cómo hacerlo tú misma/o, en Creativos MP tenemos planes de hosting con WordPress ya instalado.
Sitio web sencillo
$6.66/mes

Ideal para un sitio informativo, de servicios o portafolio

Ver plan
Con tienda online
$12.5/mes

Incluye WooCommerce: catálogo, carrito y pagos

Ver plan

¿Qué es WooCommerce? Es el plugin que convierte tu WordPress en una tienda online completa: catálogo de productos, carrito de compras, pasarela de pago y gestión de pedidos, todo integrado a tu sitio.

Si prefieres hacerlo por tu cuenta, cualquier hosting compatible con WordPress (Hostinger, SiteGround, Bluehost) funciona igual — solo asegúrate de que tenga instalación de WordPress en un clic.

4

Ya tienes hosting con WordPress — empieza a construir

Cuando entras por primera vez a tu WordPress, vas a ver el escritorio (dashboard). Ahí se controla todo tu sitio:

  • Entradas (Posts): para blog o artículos
  • Páginas (Pages): Inicio, Sobre mí, Servicios, Contacto, etc.
  • Apariencia: donde eliges y personalizas tu tema
  • Plugins: aquí instalas herramientas que le dan funciones extra a tu WordPress
  • Usuarios: para administrar el acceso a tu sitio

¿Qué son los plugins? Son como "aplicaciones" que le agregas a WordPress para que haga cosas que no trae de fábrica: diseñar visualmente, enviar correos, hacer respaldos, mejorar el SEO. Son los que realmente le dan poder a tu sitio.

① WP Mail SMTP — para que tu web envíe correos correctamente

Por defecto, los formularios de contacto de WordPress muchas veces no envían el correo o caen en spam. Este plugin lo soluciona conectando tu WordPress con tu correo de Zoho.

Cómo conectarlo:

  1. Instala y activa WP Mail SMTP desde Plugins > Añadir nuevo
  2. En la configuración, elige "Other SMTP" como proveedor
  3. Servidor SMTP: smtp.zoho.com · Puerto: 465 · Encriptación: SSL
  4. Usuario SMTP: tu correo completo (ej: hola@tunegocio.com)
  5. Contraseña: la de tu correo Zoho (o una contraseña de aplicación si tienes verificación en dos pasos)
  6. Guarda y envía un correo de prueba desde el mismo plugin

② Elementor — diseña sin saber programar

Es un constructor visual: arrastras y sueltas bloques (textos, imágenes, botones) para diseñar tu página como si fuera un documento de diseño, sin tocar código.

③ UpdraftPlus — respaldo y recuperación

Hace copias de seguridad automáticas de tu sitio. Si algo sale mal — borras algo por error o un plugin daña tu sitio — puedes restaurar tu sitio completo desde un respaldo guardado. Es tu "seguro" ante cualquier error.

④ Tema: Astra

Uno de los temas más recomendados para principiantes: liviano, muy compatible con Elementor, y con plantillas prediseñadas que puedes personalizar fácilmente con los colores de tu marca. Amigable incluso si nunca has diseñado un sitio antes.

5

Crea tu página con Inteligencia Artificial

Aquí está el atajo que te va a ahorrar horas: puedes usar IA para que te genere el diseño completo de tu página en HTML, y luego simplemente copiarlo y pegarlo.

Herramientas como ChatGPT o Gemini pueden ayudar, pero recomiendo Claude porque genera sitios completos en HTML listos para usar — solo copias el código y lo pegas, sin saber programar.

Ejemplo de prompt para pedirle a Claude tu landing page

Copia y adapta este mensaje con tu información:

Actúa como diseñador web experto. Crea el código HTML completo (con CSS incluido en el mismo archivo) de una landing page profesional y moderna para mí. Aquí está mi información: - Nombre: Zulma Sánchez - A qué me dedico: soy estratega digital y fundadora de Creativos MP, una agencia de marketing digital - A quién ayudo: ayudo a emprendedores y pequeñas empresas del mercado latino y estadounidense a construir una presencia digital clara, profesional y rentable - Resultado: [agrega aquí cuántas personas o negocios has ayudado, ej: "he ayudado a más de X emprendedores a lanzar su presencia digital"] - Redes sociales: Instagram @zumitips, Facebook facebook.com/zumi.page - Llamado a la acción principal: que agenden una consulta / se registren a mi clase gratuita / conozcan mis servicios La página debe incluir: una sección principal (hero) con mi nombre, a qué me dedico y un botón de llamado a la acción, una sección "sobre mí" con mi historia breve, una sección de a quién ayudo y cómo, una sección con mis redes sociales, y un footer con mis datos de contacto. Usa un diseño limpio, moderno, con buena jerarquía visual y que se vea bien en celular.

Cómo pasar ese código a tu WordPress

Opción A — Directo en WordPress (sin Elementor)

  1. Ve a Páginas > Añadir nueva
  2. Cambia el editor al modo "Código" o agrega un bloque "HTML personalizado"
  3. Pega el código que te dio Claude
  4. Publica la página

Opción B — Dentro de Elementor

  1. Edita tu página con Elementor
  2. Busca el widget llamado "HTML" en el panel de widgets
  3. Arrástralo a la sección donde quieras insertar el diseño
  4. Pega el código HTML dentro de ese widget
  5. Guarda y publica

Con esto ya tienes una landing page profesional funcionando, sin haber escrito una sola línea de código tú misma.

6

Checklist final de lanzamiento

  • Dominio comprado en Namecheap
  • Correo profesional creado en Zoho Mail y verificado
  • Hosting con WordPress instalado (propio o con Creativos MP)
  • WP Mail SMTP conectado a tu correo de Zoho
  • Elementor instalado
  • UpdraftPlus instalado y primer respaldo hecho
  • Tema Astra activado y personalizado con tu marca
  • Landing page creada con ayuda de IA y publicada
  • Sitio revisado en celular y computador
✦ ✦ ✦
Solo por hoy

🎁 Tus 3 bonos exclusivos

Haz clic en cada regalo para abrirlo y descubrir el contenido extra que preparé para ti.

Bono 1

Correo profesional gratis con Zoho Mail

✨

Toca para abrir →

Crea tu correo profesional en minutos, sin pagar nada. El paso a paso completo te espera abajo.

Quiero ver el bono completo →
Bono 2

Tienda online con WooCommerce + Stripe

✨

Toca para abrir →

Convierte tu WordPress en una tienda que cobra online, con Stripe conectado. Guía completa abajo.

Quiero ver el bono completo →
Bono 3

Prompts y checklist para tu web con IA

✨

Toca para abrir →

Los prompts exactos y el checklist para crear tu web con IA, listos para copiar. Todo detallado abajo.

Quiero ver el bono completo →
← Volver a los bonos 🎁 Bono 1

Correo profesional gratis con Zoho Mail

Ya lo vimos completo en la sección 02 de esta guía — aquí tienes el resumen exprés para tenerlo a mano:

  1. Entra a zoho.com/mail y elige el plan "Forever Free"
  2. Agrega y verifica tu dominio con el código TXT en Namecheap
  3. Agrega los registros MX para activar el envío y recepción de correo
  4. Crea tu casilla (ej: hola@tunegocio.com)
  5. Entra a mail.zoho.com y empieza a usarlo — es gratis para siempre
← Volver a los bonos 🎁 Bono 2

Tienda online con WooCommerce + Stripe

Convierte tu WordPress en una tienda que cobra online, paso a paso:

① Instala y configura WooCommerce

  1. Ve a Plugins > Añadir nuevo, busca "WooCommerce" e instálalo
  2. Sigue el asistente inicial: moneda, ubicación del negocio y tipo de productos (físicos o digitales)
  3. Agrega tu primer producto: nombre, precio, imagen y descripción desde Productos > Añadir nuevo
  4. Si es un producto digital, marca la opción "Producto virtual" y adjunta el archivo descargable

② Conecta la pasarela de pago con Stripe

  1. Crea una cuenta gratis en stripe.com
  2. En tu dashboard de Stripe, ve a Developers > API keys y copia tu "Publishable key" y tu "Secret key"
  3. En WordPress, ve a WooCommerce > Ajustes > Pagos y activa "Stripe"
  4. Pega tus claves API en la configuración de Stripe
  5. Activa primero el "modo de prueba" y haz una compra de prueba con una tarjeta ficticia de Stripe
  6. Cuando todo funcione bien, cambia a "modo en vivo" — ¡tu tienda ya puede cobrar de verdad!
💡 Si prefieres que te lo dejemos listo, nuestro plan de tienda online ($12.5/mes) ya incluye WooCommerce preinstalado — solo conectas Stripe. Ver plan →
← Volver a los bonos 🎁 Bono 3

Prompts y checklist para tu web con IA

Checklist — reúne esto antes de escribirle a la IA:

  • Nombre de tu negocio o marca personal
  • Descripción corta de a qué te dedicas (1-2 frases)
  • A quién ayudas (tu público objetivo)
  • Tus servicios o productos con precios
  • Un resultado o cifra que demuestre tu experiencia
  • Tus redes sociales y datos de contacto
  • Colores o estilo de marca (si ya los tienes)
  • El llamado a la acción principal que quieres lograr

Prompt 1 — Página "Sobre mí":

Actúa como copywriter y diseñador web. Crea el HTML y CSS de una sección "Sobre mí" para mi sitio, cálida y profesional, contando mi historia en primera persona a partir de esta información: [pega aquí tu descripción, a quién ayudas y tu resultado]. Usa un tono cercano pero profesional, con un cierre que invite a conocer mis servicios.

Prompt 2 — Sección de servicios/productos:

Crea el HTML y CSS de una sección de "Servicios" en formato de tarjetas, a partir de esta lista: [pega aquí tus servicios/productos con precio y beneficio principal de cada uno]. Cada tarjeta debe tener título, beneficio principal y un botón de llamado a la acción.

Prompt 3 — Mejorar el SEO básico de una página:

Con base en este texto de mi página [pega el texto], sugiéreme un título SEO (máximo 60 caracteres) y una meta descripción (máximo 155 caracteres) que incluyan mi palabra clave principal: [escribe tu palabra clave, ej: "diseño web para emprendedores"].

¿Quieres ir más allá de lo básico?

Tienda online, automatizaciones, estrategia de conversión y acompañamiento personalizado te esperan en Tu Web con WordPress, el curso completo de Academia Creativos MP.

Escríbenos por WhatsApp →

Creado por Zulma Sánchez — Creativos MP · @zumitips

Scroll to Top