Cómo Crear Una PÁGINA WEB para NEGOCIO ▶︎ Curso gratis Completo 2024
Crear una página web para negocio es fundamental para quienes quieren tener éxito. Un sitio web no solo permite que los clientes encuentren y se comuniquen con tu empresa, sino que también puede ayudar a aumentar la visibilidad en línea y a mejorar la imagen de marca.
Sin embargo, la idea de crear una página web para negocio puede parecer abrumadora para quienes no tienen experiencia en diseño web o programación. Pero, hoy día es más fácil que nunca, rápido, seguro y económico.
En este tutorial te enseño paso a paso desde cero lo que debes hacer para crear tu sitio con diferentes secciones, dirección personalizada y totalmente administrable, sin necesidad de saber de códigos ni diseño y con las mejores herramientas disponibles.
¡Comencemos!
Lo que necesitas para crear una página web
Si estás creando tu primer sitio web, es importante que conozcas los servicios esenciales para comenzar. Son tres:
Dominio: es la dirección única y personalizada de tu sitio web en internet, es decir, el nombre que los usuarios ingresarán en su navegador para acceder a tu página. Ejemplos de dominio son: Facebook.com, luisrsilva.com, Google.com.
Hosting: es el espacio que rentas en internet para subir los archivos y datos de tu web y donde además vamos a instalar el software para crear y administrar el sitio.
Software: para crear una página web profesional que incluya distintas páginas, sección de blog, chat de WhatsApp, link en bio, tienda en línea, carrito de compras y muchas otras funcionalidades, usaremos WordPress, el sistema de gestión de contenidos (CMS) más usado en el mundo.
Todo esto lo consigues hoy con un súper descuento exclusivo con Hostinger, uno de los proveedores de hospedaje web más completos y con características avanzadas, entre ellas: 100 cuentas de correo electrónico profesional gratis, herramientas de inteligencia artificial, copias de seguridad, garantía de reembolso de 30 días y mucho más.
Si compras con mi enlace, no solo pagarás el mejor precio, sino que recibes acceso a mi membresía donde aprenderás cómo crear tu marca, tu presencia en línea y promocionar tu negocio.
Registrar el dominio y configurar el hospedaje
Cuando hagas clic en el enlace que te dejé antes, ingresas a la página de Hostinger, donde tienes que presionar en Obtener oferta.
Verás los dos planes disponibles: Premium (suficiente para un sitio web básico) y Business (recomendado por tener mayor capacidad, mejor rendimiento y herramientas extra, por ejemplo, generador de contenido con IA).
Vamos a la sección de elegir un periodo. El de 12 meses es el más económico para comenzar y perfecto para aprovechar la promoción.
Donde dice Crear cuenta vas a poner un correo electrónico al que tienes acceso. Ingresa también una contraseña segura.
Selecciona el método de pago que puede ser tarjeta de crédito, PayPal u otro que esté disponible para tu país. Lo mejor de todo es que puedes rebajar aún más el precio usando el código de descuento LUISRSILVA.
Ahora hay que ingresar los datos de facturación. Tranquilo, los pagos son encriptados, por lo tanto, tu información está segura.
Haz clic en Enviar pago seguro. Si todo va bien, entrarás a tu cuenta de Hostinger.
Verás un asistente de inicio rápido que te ayudará a crear tu sitio. Síguelo de esta forma:
- ¿Para quién es este sitio web? Para mi o mi negocio.
- ¿Quieres crear o migrar un sitio? Crear.
- ¿Qué herramienta quieres utilizar para crear tu sitio web? WordPress con IA.
- Completa los detalles de inicio de sesión de WordPress.
- ¿Qué tipo de sitio web quieres crear? Otro. Para que el sitio web sea estándar, es decir, sirva para cualquier tipo de negocio.
- ¿Cómo quieres empezar a crear tu sitio web? Salta este paso.
- ¿Quieres complementos preseleccionados para tu sitio web? No. (Más adelante instalaremos los que hagan falta).
- ¿Qué plugins te gustaría añadir? Clic en Saltar.
- ¿Quieres generar contenido con IA? Aunque la usaremos, por ahora haz clic en Saltar.
Una de las partes más importantes es el elegir qué nombre de dominio vas a usar. Una opción es un dominio temporal que te permitirá trabajar en tu sitio web y, una vez que esté listo, puedes registrarlo. Pero, si ya sabes cuál es el dominio que quieres registrar, ingrésalo para saber si está disponible.
Estas son mis recomendaciones para crear el dominio perfecto:
- Extensión.com
- Corto y simple
- Fácil de leer, escribir y recordar
- De ser posible, incluye el nombre de tu negocio, producto o servicio
Si el dominio está disponible, haz clic en Siguiente y pasa a registrarlo a tu nombre o de tu negocio.
Luego, elige la ubicación más cercana a ti o a tus clientes. Esto es importante para que Hostinger almacene tu web en un servidor cercano.
Ahora queda esperar a que se instale WordPress y se configure el hosting.
Cuando la instalación finalice, accedes al panel de administración de tu hospedaje en Hostinger.
Es casi seguro que verás una notificación que indica que el dominio se está propagando en internet, por eso, no podemos comenzar a editar la web todavía. Mientras tanto, es necesario verificar el correo electrónico que aportaste al crear tu cuenta. Ve al proveedor correspondiente, entra al mensaje de Hostinger y presiona en el botón Verificar email.
Crear cuentas de correo electrónico
En el panel de Hostinger, ingresa a la sección de Emails para crear tu cuenta de correo electrónico profesional. ¡Puedes tener hasta 100 emails gratis!
Selecciona el dominio, elige el plan gratis e introduce los datos de la que será tu cuenta de correo.
¡Ya tienes tu email profesional creado!
Para poder revisar los mensajes que lleguen a la cuenta, en la sección Emails del panel de Hostinger, presiona en el botón Webmail.
En cuanto entres, haz una prueba para asegurarte de que funcione bien. Presiona en Redactar, crea un correo y envíalo a una dirección a la que tengas acceso. Comprueba si lo recibiste.
También, es buena idea responder el correo para saber si la cuenta que creaste está recibiendo mensajes sin problemas.
Primeros pasos para configurar WordPress
Ahora que tenemos todo instalado, es momento de verificar si la web ya está funcionando.
Desde Hostinger, en la opción Sitios web, haz clic en Panel y luego en Panel de administración.
Serás redirigido automáticamente al panel de control de administración de WordPress.
En él, lo primero por hacer es cambiar el idioma si aparece en uno distinto al tuyo.
Para esto, clic en Settings – General y busca Language, donde tienes que escoger el idioma que quieras o entiendas. Selecciona también la zona horaria que corresponda. Guarda los cambios y tendrás la interfaz en tu idioma.
En la misma pantalla de General, modifica el nombre de tu empresa y descripción corta.
Otra configuración importante es ir a Ajustes – Enlaces permanentes y seleccionar Nombre de la entrada.
Instalar gratis plantilla profesional
Si visitas tu web, te darás cuenta de que el diseño no es nada atractivo, así que hay que cambiarlo.
En el escritorio de WordPress entra en la opción de Apariencia – Temas – Añadir nuevo.
En este tutorial usaremos Blocksy. Por lo tanto, hay que buscarlo. Al encontrarlo, clic en Instalar y luego en Activar.
Una vez activado el tema, verás que se recomienda la instalación de Blocksy Company para agregar funciones extra. Instala.
A partir de ahora, en el menú de la izquierda verás la opción Blocksy, entra en ella y haz clic en Sitios de inicio.
Se mostrarán todas las plantillas que se pueden usar en el tema. Una forma de facilitar la búsqueda es filtrar por categoría, por plan (gratis o pagas) y por constructor (recomiendo usar Elementor por su sencillez, perfecto para quienes están empezando a crear webs).
Cuando selecciones una plantilla, haz esto para instalarla:
1. Presiona en Importar.
2. Marca que quieres instalar el tema hijo (child theme).
3. Elige Elementor.
4. Confirma la instalación de los plugins necesarios.
5. En Importar el contenido, deja marcadas todas las opciones.
Espera hasta que la instalación finalice.
Personalizar la plantilla
Comencemos a editar la web, es decir, trabajar su diseño y contenido. Antes de hacerlo, hay que comprender que la plantilla tiene unas secciones globales (aparecen en todo el sitio web): la cabecera (donde está el logo y la navegación principal) y el pie de página.
Empezaremos la edición trabajando con estas secciones.
Modificar la cabecera
Clic en Personalizar. A mano izquierda están todas las opciones de personalización del tema Blocksy.
Entra en Cabecera, donde verás los distintos elementos que le componen y podrás editarlos. También, es posible agregar otros si deseas. Por ejemplo, el icono de búsqueda o un botón.
¿Qué te parece si cambiamos el logo? Haz clic en el icono del lápiz azul que está sobre la imagen del logo o en el botón Logotipo. Elimina el que ya aparece y haz clic en Seleccionar logotipo.
Presiona en Seleccionar archivos y busca en tu computador el que corresponda a tu logo. Cuando se haya subido, clic en Seleccionar. Si es necesario, puedes recortarlo.
¡Muy bien! Ya lo has subido. Si se ve muy pequeño o grande, cambia su tamaño en la opción Ancho del logotipo.
Es recomendable ver cómo se muestra el logo en los móviles. Por esto, en la parte inferior del menú izquierdo verás la opción para ver en otros dispositivos, selecciona y, si hace falta, modifica el tamaño del logotipo para que se vea bien.
En las opciones de personalización ve a Identidad del sitio – Seleccionar el icono del sitio para subir el Favicon, es decir, el icono que aparece en la pestaña del navegador. Para cambiarlo, usa el logo en su versión cuadrada.
Presiona en Publicar para que se guarden todos estos cambios.
Crear logo
¿Tu negocio aún no tiene logotipo? No pasa nada. Te enseño a crearlo fácilmente.
La herramienta que usaremos para el diseño es Adobe Express, un software con versión gratuita y con el que se puede trabajar completamente en línea, sin tener que descargar ni instalar nada en tu computador.
Una vez accedas con tu cuenta, encontrarás la opción Logotipo.
Se abrirá un lienzo en blanco que es donde se diseñará. También se muestran plantillas e ideas de logos ya generados, pero no aconsejo usarlos. Lo mejor es hacerlo desde cero.
En la barra de la izquierda están las herramientas de diseño, entre ellas, Elementos, que incluye fondos, formas e iconos.
Busca un icono que tenga que ver con tu industria, sector, servicio o producto. Cuando encuentres uno que te guste, hazle clic para que se agregue al lienzo y comienza a modificarlo. Por ejemplo, cambia el tamaño y el color. También, agrega texto y hazle la edición necesaria.
Ya tienes la versión cuadrada del logotipo, pero hay otra que también se usará en el sitio web. Para obtenerla, haz clic en Duplicar – Tamaño personalizado, ingresa las dimensiones 800 x 200 y clic en Añadir página.
Se mostrará un nuevo lienzo en blanco, en el que tienes que pegar y ajustar los elementos del logo.
Cuando vayas a descargar los diseños de tu logotipo, elige fondo transparente.
Modificar menú principal
Para modificar la navegación principal, entra en Cabecera – Menú1, tendrás distintas opciones de personalización, entre ellas, el diseño, el espacio entre los elementos y los colores.
Los elementos del menú están en inglés, pero cambiarlos es muy fácil. En las opciones de personalización busca Menús y entra al menú principal, donde irás cambiando uno a uno los nombres de los elementos a español, por ejemplo, en lugar de About, escribe Quiénes somos.
Desde Añadir elementos, agrega otras páginas que quieras mostrar. Solo tienes que buscar en la lista de elementos si ya la página existe o crearla desde el botón Añadir. Mediante el botón Reordenar organiza el menú.
Antes de seguir, fíjate que la dirección o URL de cada página está en inglés, así que hay que cambiarla. En cada una de las páginas de tu sitio, haz clic en Editar la página y entrarás al editor de WordPress. En la parte derecha de la pantalla entra en el icono de Ajustes y donde dice URL cambia el Enlace permanente. Lo que introduzcas debe identificar a la página en cuestión.
Agregar nuevo menú
Si lo que quieres es agregar un nuevo menú completo, quizás el de las páginas legales, ¿cómo hacerlo?
Nuevamente, ve a Menús – Crear un nuevo menú. Asígnale un nombre y selecciona la ubicación. Por lo general, las páginas legales se colocan en el pie de página.
Después de elegir la ubicación, haz clic en Siguiente – Añadir elementos. Crea páginas para el aviso legal, política de privacidad, términos y condiciones, política de cookies y las que necesites según tu web. Luego, tienes que entrar a cada página para agregar el contenido pertinente.
Pie de página
A continuación, haz clic en Pie de página. En esta sección puedes ir modificando las secciones de widgets, eliminar las que no necesites y agregar otras que hagan falta.
Para que aparezca el menú de páginas legales, añade el widget Menú y selecciona el que se mostrará, que en este caso es Legal. Después, modifica si aparecerá vertical u horizontal, la alineación y el espacio entre los elementos.
Agregar la página de blog
Aunque en el menú principal puede que aparezca la opción Blog, aún no está funcionando, hay que configurarlo.
Haz clic en Ajustes de la página de inicio y realiza esto:
- Tu página de inicio muestra: Una página estática.
- Página de inicio:
- Página de entradas: Blog.
De esta manera, cada vez que publiques una nueva entrada o artículo, se mostrarán en la página correspondiente al blog.
En la sección de Blog, puedes configurar cómo quieres el diseño o si deseas que aparezca la barra lateral o no en la página que muestra el listado de entradas.
Para configurar cómo se ven los posts o artículos, clic en Entrada individual y selecciona el diseño, así como la opción de barra lateral que deseas.
Cambiar el contenido con el editor Elementor
Para editar el cuerpo o contenido de la web, usaremos el constructor visual de Elementor, con el que es posible crear grandes diseños con solo unos cuantos clics.
En la página de inicio, presiona en Editar con Elementor.
Este maquetador incluye diferentes elementos que puedes incorporar a tu página con solo arrastrar y soltar hasta el lugar donde quieres que aparezcan. Esos elementos son: encabezados, textos, imágenes, botones, iconos, videos, separadores y muchos más, que puedes ver en la parte izquierda del personalizador.
Ten en cuenta que Elementor trabaja con contenedores y dentro de estos se encuentran las secciones que trae la plantilla y que agregues.
Puedes cambiar todo lo que aparece en la página. Si quieres quitar secciones, simplemente haz clic derecho sobre ellas y marca Borrar.
En el caso de los encabezados y textos, selecciona la sección correspondiente, borra lo que está y escribe lo que quieras que se muestre. En el menú de Estilo puedes definir la alineación, color de texto, tipo de letra y otras características.
Para editar un botón, haz clic derecho sobre él y elige Editar botón. Esto abre las opciones disponibles, entre ellas, tipo, texto y enlace. En Estilo, cambia los colores del botón y del texto.
Para cambiar la imagen principal (y el resto), selecciona la sección y en el menú izquierdo verás la opción Estilo. Al hacer clic, se mostrará la imagen actual.
La idea es que la imagen nueva tenga las mismas medidas que la que se encuentra ahora en la plantilla. Pero, ¿cómo saber cuánto mide la foto? Al seleccionarla, se abre la ventana de Biblioteca de medios y en los detalles de la imagen está la medida en píxeles. Entonces, eso es lo que debe medir la foto que vas a subir.
Como recomendación adicional, la imagen que subirás debe ser de tu propiedad o tomada de un banco de imágenes libres de derechos. Cuando la tengas, asegúrate de que tenga las dimensiones adecuadas, para eso, usa Adobe Express, crea un diseño en blanco con las medidas específicas y sube la imagen.
Al descargar el diseño, preferiblemente hazlo en formato JPG para obtener la mejor relación entre calidad y peso. Una forma de optimizar aún más el peso, para que no afecte la velocidad de carga de tu web, es usando la herramienta en línea Squoosh.
Agregar video
En los elementos, busca Video y arrástralo el lugar de la página donde debe estar.
Selecciona el origen del video y pega la dirección. Luego, marca la opción Carga diferida. También, activa Superposición de la imagen, elige una imagen y activa Caja de luz.
Con esto, cuando se haga clic en el video, se abrirá en una ventana emergente y no va a incidir en la velocidad del sitio.
Diseño de las secciones de la web
Se puede cambiar el color o imagen de fondo que tengan las diferentes secciones de la web. Sobre la imagen, debes hacer clic derecho, elegir Editar contenedor y se abrirán las opciones relacionadas con el Fondo. Aquí, puedes cambiar el color y la imagen que aparecen por defecto.
En Capa de fondo, verificarás si hay un color de fondo y su transparencia, dándote la oportunidad de cambiarlo.
Cuando edites las secciones de la web, en la opción Avanzado podrás hacer ajustes relacionados con las márgenes y relleno de los contenedores. Esto es útil para que el diseño se vea bien y los elementos se distribuyan y separen correctamente.
Recuerda actualizar para que se guarden los cambios.
En el caso de la sección del Blog que se muestra en la página de inicio, debes entender que esta es una sección dinámica que aparece gracias a un shortcode o código corto, en el que se define cuántas entradas se muestran en la home.
Textos con IA gratis
En la sección de Hostinger que aparece en el escritorio de WordPress, está el Creador de contenido con IA, en el que crear texto para páginas y para el blog.
Selecciona el tipo de contenido, tono de voz y longitud. Da una idea general de lo que quieres tratar en el texto y las palabras clave.
En unos cuantos segundos se genera el contenido. Pero, no lo copies exactamente en la web, más bien, haz clic en Editar como borrador, léelo, revisa con cuidado hasta obtener el texto de la mejor calidad y adaptado a tu marca.
Otra forma de crear contenido con IA es con ChatGPT. Ingresa un comando o prompt acorde con lo que buscas obtener. Al igual que con el generador de Hostinger, debes hacer una revisión exhaustiva para crear un buen contenido final.
En cualquier caso, la idea de usar la IA es obtener ideas o inspiración para hacer textos propios.
Crear plantilla propia
Hasta este punto, has trabajado bastante el diseño, por lo que es buena idea guardarlo para usarlo más adelante en otras páginas y no comenzar desde cero.
En la parte inferior izquierda del editor está el botón Actualizar – Guardar como plantilla. Ponle el nombre y guarda.
Pero, ¿cómo usar la plantilla en las otras páginas del sitio? Haz clic en Editar página – Editar con Elementor y presiona el icono de la carpeta para luego acceder a Mis plantillas y hacer clic en Insertar. Solo te queda realizar los cambios necesarios.
Agregar sección Hero
La sección “Hero” es la parte superior principal de una página web, que suele ocupar una gran porción del espacio visible al cargar la página. Esta sección tiene como objetivo captar la atención del usuario y transmitir rápidamente la esencia del sitio web.
Para crear una nueva sección en la plantilla, presiona en Editar con Elementor y haz clic en el icono +. Elige Flexbox y la estructura de dos columnas. En la primera puedes agregar un encabezado, párrafo y listado de iconos. Por su parte, en la otra columna pon una imagen.
Por supuesto, tienes que trabajar su diseño, cambiando el color, poniendo un fondo, eligiendo el tipo de letra… También, márgenes, relleno y alineación.
Editar página de contacto
En un sitio web profesional debe aparecer una página de contacto. La plantilla ya trae una por defecto, pero hay que configurarla.
En esta página, lo más importante es el formulario electrónico de contacto.
Para trabajarlo, presiona en Editar con Elementor. Desplázate hasta donde aparece el formulario, clic derecho y Editar WPForms.
Al entrar al editor, ve a Campos. Selecciona cada uno y cámbiale el nombre (para que esté en el idioma de tus clientes). Marca si es un campo obligatorio.
Para agregar uno nuevo, búscalo en la sección Añadir campos de WPForms y arrástralo hasta el formulario en el lugar donde quieres que aparezca.
Si deseas borrar un campo, simplemente haz clic en el icono de papelera que verás después del nombre del que tengas seleccionado.
Con esto ya se crea el formulario, pero aún faltan algunos cambios.
En Ajustes – General, puedes cambiar su nombre. Mientras que, en Texto del botón de envío, debes especificar qué mensaje se mostrará en el botón. Haz lo mismo con Texto del botón de envío cuando se está procesando.
¿A dónde va a llegar el mensaje que el cliente envíe? Para configurar esto, entra en Ajustes – Avisos y en Enviar a la dirección de correo electrónico, pega tu mail empresarial que creaste al principio de este tutorial en el que aprendes a crear una página web para negocio.
En Nombre del remitente, presiona en Mostrar etiquetas inteligentes y elige Nombre. También, puedes cambiar el texto que se muestra en la línea de asunto.
Desde Ajustes – Confirmaciones es posible cambiar el Mensaje de confirmación, que es el que ve el cliente al enviar el mensaje mediante el formulario.
Después de aplicar todas las modificaciones, presiona en Guardar.
Actualiza tu página de contacto y verás cómo luce ahora el formulario. Recuerda hacer una prueba para verificar que esté funcionando y que los mensajes lleguen al correo de tu empresa.
Enlaces a redes sociales
Al igual que el resto de páginas, a la de Contacto puedes aplicarle todos los cambios que quieras con Elementor, por ejemplo, el nombre, la alineación del texto, los colores y la imagen de fondo.
Por supuesto, no olvides modificar los medios de contacto: email, teléfono, dirección y enlaces a tus redes sociales. Para esto último, busca el elemento Iconos sociales, selecciona cada icono y pega el enlace a tu perfil.
Si no tienes alguna de las redes sociales que están por defecto, sencillamente bórralo. Para un botón nuevo, haz clic en Añadir elemento, busca el icono y pega la URL de tu cuenta.
Agregar mapa
Una buena idea para la página de contacto es que aparezca un mapa con la ubicación del negocio.
Agrega una nueva sección y busca el elemento Google Maps e introduce la dirección. Así de fácil es que los clientes sepan dónde encontrarte.
Recuerda actualizar para guardar los cambios.
Chat de WhatsApp
Incluir un botón de WhatsApp ayuda a mejorar la comunicación con los clientes.
Desde el Escritorio entra en la opción de Plugins – Añadir nuevo. En el buscador escribe Joinchat, cuando aparezca haz clic en Instalar ahora y luego en Activar.
Al hacer esto, lo verás en el menú de la izquierda y al dar clic se abre un asistente de configuración. Básicamente, lo que debes hacer es escribir tu número de WhatsApp (con el código de tu país), el mensaje predeterminado, el texto de llamada a la acción.
Configura el resto de opciones, por ejemplo, el tiempo que tardará en aparecer el botón y, en Cabecera, selecciona que se muestre el logo de la app. Al terminar, presiona en Guardar cambios.
Si vas ahora a tu web, notarás que en la parte inferior aparece el botón de WhatsApp. Cuando un cliente haga clic, se abrirá automáticamente la aplicación para que te contacte.
SEO – Cómo aparecer en Google
La web ya está prácticamente lista, pero hay que usar herramientas para promocionarla y atraer clientes. La más importante de estas es el posicionamiento en los motores de búsqueda (SEO) para que cuando una persona haga una búsqueda en Google, te encuentre fácilmente.
Para lograr esto te puede ayudar Rank Math.
Entra al escritorio de WordPress y en Plugins – Añadir nuevo plugin, busca Rank Math, instala y activa.
Se mostrará un asistente de configuración donde te pedirá conectar una cuenta gratis, elige el tipo de instalación, completa los datos de tu sitio web. Al finalizar, clic en Volver al escritorio.
En el menú de la izquierda está la opción Rank Math SEO donde está el resto de ajustes. En la membresía aprendes a configurarlo completamente para obtener los mejores resultados.
¿Cómo funciona Rank Math? Ayuda a trabajar el SEO on page de las páginas del sitio web. Al entrar a editar una página o una entrada del blog, verás nuevos campos relacionados con el SEO. Lo primero es definir una palabra clave, al hacerlo, se muestra una calificación e indicaciones de lo que falta trabajar para mejorarla.
Crear entradas en el blog con IA
Otra herramienta que te ayudará a posicionarte es el contenido que publiques en el blog.
Agregar entradas o artículos a tu blog es súper sencillo. Simplemente, haz clic en Añadir – Entrada.
Es recomendable no usar en los posts Elementor, porque si en el futuro cambias de maquetador tendrás que ir artículo por artículo para modificar su diseño.
Por lo tanto, trabaja las entradas con el editor de WordPress.
Aunque puedes crear el post desde cero, recuerda que Hostinger ofrece un creador de contenido con IA. Entra en él, indica que quieres una entrada y completa el formulario con la información solicitada para poder generar el artículo. Una vez que se muestre el texto, clic en Editar como borrador.
Revisa todo el texto y mejóralo.
En la parte superior derecha está la opción Ajustes – Entrada desde donde puedes cambiar el formato, el autor y asignar a una Categoría.
Si no tienes categorías o no está la que corresponda al artículo, haz clic en Añadir una nueva categoría, ponle un nombre y presiona en Añadir.
También, puedes poner Etiquetas y una Imagen destacada (no olvides optimizarla antes). Solo queda hacer clic en Publicar y ver la entrada.
Al entrar en la página Blog, se mostrará el listado de todos los artículos publicados.
Añadir página de destino
En tu página web puedes tener una página de aterrizaje sin necesidad de pagar servicios extra. Además, es muy fácil.
En la parte superior de la interfaz, haz clic en Añadir y elige Página de destino.
Elementor te mostrará algunas plantillas, pero también es posible hacerla desde cero.
Una de las características de las landing pages es que no tienen encabezado, pie de página ni barras laterales, porque la idea es centrar la atención en lo que se promociona. Así que, ve a Ajustes, ponle un nombre a la página y una imagen destacada. En Estructura de página selecciona Lienzo de Elementor.
Una forma de agilizar el diseño es usar una de las plantillas guardadas. Entra en Mis plantillas y selecciona la que quieres utilizar.
Edita las secciones, agrega o quita elementos y muestra toda la información que quieres destacar sobre tu producto o servicio. No olvides incluir una llamada a la acción, es decir, un botón, con la acción que esperas realice el visitante de tu web.
Después de terminar con el diseño, haz clic en Publicar.
Seguro quieres que desde tu sitio haya un enlace que lleve a la página de aterrizaje. Para hacer esto, abre la landing en una ventana nueva, copia su dirección y ve a la sección de Inicio de tu web. Presiona en Personalizar – Cabecera y agrega un Botón (si aún no lo tienes).
A ese botón ponle un texto y en enlace pega el que copiaste antes, el de tu página de aterrizaje. Marca para que abra en una nueva pestaña.
Por último, publica los cambios y verás tu botón funcionando, llevando a la landing page.
Crear página de bio
Para crear una página de bio en la que aparezca tu perfil para usarla en las redes sociales, presiona en Añadir – Página de destino.
Haz clic en el icono + y agrega una sección de una columna. Te recomiendo que esta página la edites en la versión móvil, porque la mayor cantidad de visitas vendrán de estos dispositivos.
A continuación, haz esto:
- Selecciona la sección para cambiar el color de fondo desde Estilos.
- Comienza por agregar una imagen. Puede ser el logo de tu empresa o la foto de una persona del equipo. Si lo ves conveniente, cambia el tamaño, la alineación y el borde.
- Selecciona toda la sección y ve a Estilos – Forma del divisor – Abajo, selecciona una de las opciones disponibles, por ejemplo, Triangulo. Marca en Invertir. Puedes modificar también su alto y ancho.
- Agrega el elemento Encabezado en el que te recomiendo poner el nombre de la persona que está en la imagen o de tu empresa. Si deseas, modifica el tamaño y el color del texto para que se vea mejor sobre el fondo.
- Agrega otro encabezado (esta vez más pequeño) con el cargo de la persona que aparece en la imagen.
- Busca el elemento de Redes Sociales entre las opciones de Elementor y ponlo debajo de los botones.
- Agrega otra sección (presiona en el icono +) y elige una sola columna. Puedes elegir otros elementos, como videos y, por supuesto, botones. Busca entre los elementos un Botón. Colócale un texto y el enlace al que quieres llevar. Marca en Abrir en una nueva ventana.
- Repite el paso anterior por cada botón que desees agregar.
Ya es momento de Publicar y entrar a la página para ver cómo quedó.
Puedes copiar el enlace de la página y pegarlo en tus perfiles de redes sociales. Todo esto sin depender de herramientas de terceros.
Agregar botón de pago con PayPal
En la página de aterrizaje podemos incluir un botón para que los clientes paguen directamente. Para esto, hay que implementar pasarelas de pago, como PayPal.
En tu cuenta de PayPal ve a la sección Botones y busca el que dice Comprar ahora.
Configura el botón indicando el monto a pagar y otros aspectos. En Dirección URL de retorno debes ingresar la dirección a la que serán llevados los usuarios al completar el pago. Lo ideal es dirigirlos a una página de agradecimiento (debes crearla en tu web).
Cuando termines la configuración, clic en Guardar y crear botón. Se genera el código de inserción y un enlace. Copia este último.
En la página de destino, pega el enlace de PayPal en un botón.
Reserva de citas
Si ofreces un servicio en el que se requiera la reserva de citas, la herramienta Calendly será tu aliada.
Tiene un plan gratuito que permite hacer la reserva de la cita, aunque no es posible pagar de forma directa (para esto necesitas un plan de pago).
También, puedes aceptar reservas usando el Calendario de Google. Para esto, entra a tu cuenta y busca Calendario entre las aplicaciones. Clic en Crear – Agenda de citas, donde tienes que configurar tu disponibilidad horaria y el resto de opciones. Clic en Guardar.
Al presionar en una de las fechas disponibles, verás la información para compartir, copia el enlace y pégalo en un botón en la página de aterrizaje.
También está la opción Incorporar código en sitio web, copia el código de Páginas de reservas intercalada. Regresa a la página de destino y edita con Elementor para agregar el elemento llamado HTML, donde tienes que pegar el código. De esta forma, las reservas se harán directamente en tu sitio web.
Tienda online gratis
Si necesitas un catálogo y un carrito de compras, instala una tienda en unos pocos pasos.
En el escritorio de WordPress entra en Plugins – Añadir nuevo plugin y busca WooCommerce. Instala y activa.
Una vez instalado, encontrarás las secciones WooCommerce, Productos, Análisis y Marketing, en el menú lateral.
Para agregar un nuevo producto, debes completar los diferentes campos: nombre, descripción (puedes valerte de la IA integrada en Hostinger), precio, precio rebajado (si aplica), imagen destacada, galería de imágenes y categoría. Haz clic en Publicar.
Para que la tienda aparezca en la navegación principal, entra en Personalizar – Menús – Principal – Añadir elementos y busca Tienda.
Esta es la configuración más básica de una tienda en línea, pero en mis recursos encontrarás una guía completa para crearla desde cero.
Google Site Kit – Analytics
La mejor forma de saber si la web está ayudando a alcanzar los objetivos, es conocer su rendimiento, sus estadísticas.
Para obtener esta información, usaremos una herramienta más. En el escritorio de administración entra en Plugins – Anadir nuevo plugin y busca Google Site Kit. Instala y activa.
En el menú ahora verás la opción Site Kit, clic en ella para comenzar la configuración.
1. Marca la opción Conecta Google Analytics.
2. Selecciona una cuenta de Google.
3. Selecciona todo para indicar a lo que tendrá acceso Site Kit.
4. Permite que se vean las métricas en el dashboard.
5. Conecta con Search Console.
6. Configurar Google Analytics.
7. Revisa que toda la información sea correcta.
8. Marca Activar la medición mejorada.
9. Revisa y acepta los términos y condiciones del servicio.
La cuenta de Analytics se creará exitosamente. Ahora, desde el escritorio de WordPress puedes revisar las estadísticas.
Seguridad y mantenimiento
Uno de los peores errores al tener un sitio web es descuidarlo. No hacerle mantenimiento ni actualizaciones.
Afortunadamente, Hostinger cuenta con herramientas avanzadas para tener un sitio seguro y actualizado.
Entra a tu panel de Hostinger – Sitios web – WordPress – Vista general – Seguridad para ver si tu sitio está actualizado o si es necesario hacerlo.
No pases por alto también esto:
· Deja activa la opción de actualizaciones automáticas.
· Elimina los temas que no estés utilizando. Deja el que está activo y uno más por razones de seguridad.
· Revisa los plugins instalados, los que están desactivados y los que requieren actualización.
Antes de actualizar un plugin que sea muy importante o que pueda comprometer tu web, ve a la opción Staging para crear un entorno de prueba, un clon de tu sitio web en el que puedes hacer todos los cambios y experimentos que quieras. De esta manera, si hay fallas, ocurren en un sitio que nadie está viendo y puedes corregir.
Mejorar: Contenido, CRO y SEO
Entonces, no olvides tu web. Revisa que todo esté funcionando bien, que los textos sean correctos y que haya estrategias de conversión para convertir a visitantes en clientes.
Dedica unos 30 minutos al día para mantenerla actualizada en cuanto a contenido y SEO, y verás la diferencia.
Copias de seguridad
¿Qué hacer si algo en la web se rompe? Usar las copias de seguridad para restaurar a un punto en el que todo funcionaba bien.
En el panel de Hostinger – Sitios web – Archivos – Copias de seguridad – Recuperación completa del sitio, elige el punto al que quieres regresar.
En esta misma sección del panel puedes hacer copias de seguridad bajo demanda. El plan Business te permite generar la copia una vez al día.
Revisar Analytics, comentarios y mensajes
Al hacer las revisiones diarias a tu sitio web, verifica Site Kit para ver las métricas, incluyendo información sobre el número de visitas, de qué países vienen, las páginas más vistas y otros datos.
Otras de las tareas es revisar los comentarios dejados en tus artículos y los mensajes que se envían mediante el formulario de contacto.
¡Felicidades! Si llegaste hasta aquí has completado el tutorial de cómo crear una página web para negocio.
Ahora tienes tu website con diferentes páginas, blog, página de contacto, formulario electrónico, enlaces a redes sociales, botón de WhatsApp, una landing page y página de bio.
Por supuesto, aún queda trabajo por delante. Por eso, te invito a unirte al curso gratis en el que aprenderás mucho más. ¡Suscríbete!
