Cómo crear un sitio web de servicio directo [con WordPress]

Publicado: 2022-05-18

cómo crear un sitio web de servicio directo

En este tutorial, le mostraré cómo crear un sitio web de servicio directo con WordPress en unas pocas horas.

Su verdadero negocio de servicio directo es una de las mejores formas de ganar dinero en línea, pero como dice el dicho popular; Roma no se construye en un día .

Y lo mismo se aplica a la gestión de un negocio de servicio directo. Hay tantos factores que debe tener en cuenta antes de comenzar uno. Como las herramientas de servicio que necesita, los nichos de productos y cómo generar tráfico, etc.

Sin embargo, la creación de un sitio web estándar de servicios de envío encabeza la lista completa.

Una vez que tenga un sitio web estándar actualizado donde sus clientes y clientes potenciales puedan realizar un pedido convenientemente, estará un paso por delante de sus picos.

Dado que está utilizando WordPress, su único costo aquí será el costo de crear el sitio web, que es bastante asequible si está utilizando un proveedor de alojamiento web como BlueHost .

El servicio directo en sí mismo es un modelo comercial que requiere menos trabajo de su parte. Ya que todo lo que hará es vender servicios y hacer que otras personas hagan el trabajo real ( principalmente como dropshipping).

Su ganancia, sin embargo, será la diferencia entre cuánto le paga su cliente para hacer el trabajo menos cuánto le paga al profesional independiente que hizo el trabajo en su nombre.

Bastante elegante, ¿no?

Dado que entendió la naturaleza del trabajo, creo que debería poner más énfasis en crear un sitio web estándar. Esto se debe a que su sitio web será la primera impresión que sus clientes notarán sobre usted.

Y definitivamente no querrás apagarlos con un sitio web aburrido, ¿verdad? Por lo tanto, es importante que se tome su tiempo mientras crea uno.

Como dije, lo guiaré a través de una guía paso a paso sobre cómo crear un sitio web de servicio directo con WordPress.

Pero antes de comenzar, déjeme explicarle rápidamente algunos de los beneficios de crear su propio sitio web de servicio directo.

Contenido

Ventaja de crear su sitio web de servicio directo

A continuación se presentan algunas de las razones por las que definitivamente debería tener o crear su propio sitio web de servicio directo.

#1: Costo

Se ahorrará una gran cantidad de fondos si crea usted mismo su sitio web de servicios directos.

Normalmente, si va a utilizar creadores de sitios web como Shopify, Kartra o Clickfunnels, se separará de 100 dólares por mes o alrededor de 30 dólares por decir lo menos.

Si también le interesa subcontratar la creación del sitio web, tener un servicio de entrega estándar creado en Fiverr por algunos de los creadores de giggs puede costar hasta $ 700.


creación de un sitio web de servicio directo en fiverr

Quizás crear uno usted mismo con un proveedor de alojamiento como Bluehost prácticamente le costará menos de $ 200 con un generador de páginas premium adicional que usará como Elementor.

#2: Margen de beneficio

En primer lugar, tener su sitio web le da a su negocio un aspecto estándar que invariablemente justifica el precio de los servicios que está vendiendo en comparación con el servicio directo en mercados como Fiverr o Upwork.

También puede procesar tantos pedidos como desee en su sitio web sin tener que preocuparse por los procesadores de pago o pagar una comisión por cada venta que realice.

Tener su propio sitio web de servicio directo le permite vender servicios de alto costo que pueden mejorar drásticamente su rentabilidad

#3: Personalización del sitio web

Tener su sitio web le brinda el privilegio y el acceso a muchas personalizaciones con WordPress y WooCommerce. Puede instalar cualquier tema para la elegancia y el aspecto de su sitio web o agregar cualquier complemento para la funcionalidad adicional que desee.

También puede personalizar sus pasarelas de pago con varias monedas o cambiar el aspecto completo de su sitio web según los temas y complementos que esté utilizando.

Cómo crear un sitio web de servicio directo

En esta guía, me centraré en cómo crear un sitio web de servicio directo con WordPress utilizando el generador de páginas Elementor.

Elementor es un creador de páginas para WordPress con muchas, muchas plantillas que puede elegir para crear cualquier tipo de sitio web.

Viene con una biblioteca de plantillas donde puede elegir un diseño similar al sitio web que desea crear, luego descargar y editar la prueba para el suyo. Más sobre esto más adelante...

Entonces, lo guiaré a través de todo el paso desde la instalación de WordPress hasta la creación de las páginas de su sitio.

¡Empecemos!

Paso 1. Compra de Dominio y Hospedaje de su sitio web

Para crear con éxito su sitio web, necesitará lo siguiente:

  • Un nombre de dominio
  • Certificado SSL
  • alojamiento web
  • Un par de horas para configurarlo.

Nombre de dominio:

Por lo tanto, es su dirección de sitio web única. Por ejemplo, torchbankz.com. Esto es muy importante para su sitio web porque:

  • Define la marca de tu negocio
  • Y le da a la gente una idea de lo que es su negocio

Por lo tanto, siempre es importante tomarse un tiempo al elegir su nombre de dominio porque contribuirá en gran medida con la marca de su empresa.

Le recomendaré que busque un nombre de dominio pegadizo y fácil de recordar que vaya bien con el nombre de su empresa.

Lo más importante es que sea simple y fácil de pronunciar.

Alojamiento web:

El alojamiento web, por otro lado, es el hogar de su sitio web y donde se almacenarán todos sus archivos. Piense en ello como la casa real, mientras que su nombre de dominio es la dirección de esa casa.

Su servidor web es en realidad la parte más importante porque no puede tener un sitio web con solo un nombre de dominio. Necesitará una plataforma de alojamiento para hacerlo visible en Internet.

Para esto, con mucho gusto puedo recomendarte uno de los mejores para ti, que es… ¡BlueHost! Esta es una plataforma maravillosa con un excelente servicio al cliente; siempre puede esperar un gran servicio a cambio de su dinero.

Además, obtendrá un nombre de dominio gratis, un certificado SSL sin pagar un centavo y un gran descuento en el precio del alojamiento.

Entonces, ¿por qué recomiendo BlueHost?

Bluehost actualmente aloja más de 2 millones de sitios web en todo el mundo y tienen una garantía de tiempo de actividad del 99,9% .

Esto simplemente significa que puede estar seguro de que su sitio web no se caerá en el corto plazo.

Creo que usar Bluehost te ahorrará mucho estrés y te ahorrará mucho dinero a largo plazo. A continuación se muestran los aspectos más destacados de por qué se les considera uno de los mejores proveedores de alojamiento web.

  • Se carga locamente rápido
  • Viene con un WordPress preinstalado
  • Certificado SSL gratis
  • También obtendrá un nombre de dominio gratis
  • Garantía de devolución de dinero de 30 días
  • Recomendado oficialmente por WordPress.org
  • Empresa de alojamiento web bien establecida
  • Cpanel fácil de usar
  • Soporte técnico gratuito y muchos otros

He cambiado mi proveedor de alojamiento web tres veces y con gusto puedo recomendar Bluehost para cualquiera de los lectores de mi blog.

Esto lo salvará del tipo de prueba por la que pasé al usar un proveedor de alojamiento incorrecto para mi sitio web.

Ya que eso está fuera del camino... ¡ahora, tenemos que ir y comprar el alojamiento web y luego obtener nuestro nombre de dominio gratis!

Comience con BlueHost

Lo que debes hacer ahora es visitar el sitio web de Bluehost y abrirlo en otra pestaña . Luego puede continuar con este tutorial para crear su sitio web.

Haga clic en el botón " Comenzar ahora " para continuar.

alojamiento web bluehost

En la página siguiente, se le pedirá que elija un plan de precios para su proveedor de alojamiento web. Como recién está comenzando, puede comenzar con el plan Básico y luego actualizar si es necesario.

plan de pago bluehost

Simplemente haga clic en el botón " Seleccionar " como se muestra en la imagen para elegir su plan y pasar al siguiente paso.

A continuación, se le pedirá que elija su nombre de dominio para su sitio web y, si ya tiene uno, solo tiene que ingresarlo en el siguiente cuadro en el lado derecho.

elegir su nombre de dominio

Nota: si decidió usar otro nombre de dominio de un proveedor diferente, deberá apuntar a los servidores de nombres de Bluehost.

  • ns1.bluehost.com
  • ns2.bluehost.com

Después de obtener su nombre de dominio, deberá ingresar su información de contacto en otro para crear una cuenta con Bluehost para usted automáticamente.

Mientras tanto, la página siguiente le pedirá que elija su plan de paquete. Tendrá la opción de elegir entre una suscripción directa de 12, 36 o 60 meses.

elegir su plan de paquete de alojamiento

El precio se reducirá según el paquete del mes que elija. Además, tenga en cuenta que no necesita marcar ninguna de las casillas adicionales, excepto " Protección de privacidad de dominio ".

Finalmente, en la página siguiente, debe ingresar los detalles de su tarjeta de crédito para pagar. Después de eso, desplácese hacia abajo y marque los " Términos de servicio " para aceptar y finalmente haga clic en el botón Enviar.

Información del pago

¡Agradable!

¡Tu sitio web ya está casi listo!

Después de esto, se le pedirá que cree una contraseña que se usará para iniciar sesión en su cuenta de Bluehost y, una vez que lo haya hecho, ahora puede tener acceso a su Cpanel y también iniciar sesión en su sitio web desde Bluehost si lo desea.

Paso 3: Configuración de su sitio web mediante la instalación de WordPress

Después de comprar su plan de alojamiento, la información de su cuenta debe haber sido enviada a su dirección de correo electrónico registrada.

Inmediatamente después, Bluehost le pedirá que elija un tema para su sitio web. Puede decidir elegir cualquiera porque siempre puede cambiarlo en cualquier momento que desee.

tema de host azul

A partir de la información de la cuenta enviada a su dirección de correo electrónico, habrá un enlace para crear una nueva contraseña para que pueda iniciar sesión en su cuenta.

Una vez que haya elegido su contraseña, puede iniciar sesión en su panel de control de Bluehost.

mis sitios en bluehost

Recuerda que te dije que Bluehost tiene preinstalado WordPress para que no tengas que preocuparte por volver a instalarlo. A continuación, deberá iniciar sesión en su panel de administración de WordPress para comenzar a personalizar su sitio web.

Puede iniciar sesión directamente desde su panel de control de Bluehost haciendo clic en el botón " Iniciar sesión en WordPress ".

O inicie sesión a través de su WordPress visitando su “ www.yourdomain.com/wp-admin o www.yourdomain.com/login

Una vez en su panel de administración de WordPress, la interfaz debería verse así...

como crear un sitio web en nigeria

Desde su área de administración de WordPress, puede cambiar su configuración, crear varias páginas sobre su negocio y administrar todo el sitio.

Comience con BlueHost

Paso 5. Instalar el complemento de Elementor

Ahora que ha completado la instalación de WordPress y también inicie sesión en su backend de administración de WordPress. Lo siguiente que debe hacer ahora es instalar el complemento Elementor para diseñar su sitio web.

Pero antes de continuar, comprendamos claramente qué es el complemento de Elementor y qué hace para que pueda saber el efecto exacto que tendrá en su sitio web.

¿Qué es Elementor?

constructor de páginas elementor

Elementor es el creador de páginas de WordPress gratuito y más fácil de usar que le permite diseñar o crear fácilmente un hermoso sitio web de WordPress desde cero sin aprender ningún código.

Es un generador de páginas fácil de arrastrar y soltar que ofrece posibilidades de diseño ilimitadas. También viene con una increíble biblioteca de plantillas prediseñadas.

plantilla de biblioteca elementor

Esto significa que puede buscar fácilmente plantillas que sean similares al sitio web que desea crear y editarlas a su gusto.

¿Todavía necesito recordarte que no necesitas saber nada de codificación? Todo lo que necesita hacer es editar la plantilla utilizando el formato de arrastrar y soltar.

¿Es Elementor Gratis?

El complemento principal (Basic Elementor) es gratuito. Pero si está limitado en términos de funcionalidad, aún puede hacer algunas cosas.

Sin embargo, para Elementor Pro, el precio comienza en $49 por año para 1 sitio, luego $99 por año para 3 sitios y $199 por año para sitios ilimitados.

Ahora que entendemos completamente lo que hace elementor, procedamos al proceso de instalación.

Para hacer esto, simplemente vaya al área del lado izquierdo de su panel de administración de WordPress y desplace el mouse sobre el complemento como puede ver en la imagen a continuación.

Después de eso, haga clic en "Agregar nuevo"

instalación de complementos

En la siguiente página que se abre, ingrese "Elementor Page Builder" en el cuadro de búsqueda y presione la tecla Intro para buscar el complemento.

El siguiente resultado mostrará el complemento Elementor. Una vez que haya visto esto, ignore el resto de las entradas de resultados y solo haga clic en la pestaña de instalación junto a "Elementor Page Builder".

Una vez completada la instalación, el menú de la pestaña cambiará automáticamente para activar, haga clic en él para activar el complemento. ¡Ahora tiene su complemento Elementor completamente instalado!

instalando el complemento elementor en su sitio de wordpress

O simplemente mire este video para una comprensión clara...

Una vez que todo esté en su lugar, lo siguiente que haremos será comenzar a crear las páginas de nuestro sitio web.

Paso 4. Agregar las páginas de su sitio web

¡Después de instalar WordPress, su sitio web ahora está activo! Sin embargo, deberá crear algunas páginas importantes para agregar la información de su empresa.

Los sitios web comerciales no están cargados con una gran cantidad de contenido, solo necesita los esenciales. Entonces, para esto, debe crear una página simple con la información de su negocio y para otros usuarios.

Para crear una nueva página, deberá iniciar sesión en su área de administración de WordPress, luego ir a Páginas >> Agregar nuevo .

agregar una nueva página en su sitio de wordpress

Hasta ahora, tiene instalado el complemento Elementor, inmediatamente hace clic en 'agregar nueva página', verá el botón "editar con Elementor" debajo del área del título.

Al hacer clic en él, podrá personalizar la página que está creando con el generador de páginas de Elementor sin editar ningún código.

A continuación se muestran algunas de las páginas más comunes utilizadas para el diseño comercial:

Página de inicio –

la “ Página de inicio” es la página de bienvenida de su sitio web. Es decir, esta es la primera página que verán todos los visitantes de su sitio web.

En la página de inicio, puede agregar el nombre de su empresa con un 'llamado a la acción' a sus productos/servicios oa su página de contacto.

Agregue una breve descripción de lo que es su negocio y por qué sus clientes deberían patrocinarlo.

Contáctenos -

la página “ Contáctenos ” es donde sus usuarios/clientes potenciales podrán comunicarse con usted.

Para esto, debe instalar un complemento de formulario de contacto en otro para hacer esto o simplemente agregar su número de teléfono o la dirección física de su empresa.

Sobre nosotros -

esta es la página donde los clientes potenciales pueden ir a saber más sobre las personas detrás de un negocio antes de que puedan tomar su decisión final.

Su página " Acerca de nosotros " debe decirles a los usuarios o clientes potenciales quién es usted, cuáles son sus valores comerciales y su experiencia relevante en la industria elegida y por qué las personas deberían patrocinar su negocio.

Productos y servicios -

esta página debe contener los diversos productos/servicios que ofrece.

Intente en la medida de lo posible agregar un encabezado para cada producto/servicio y proporcione una breve descripción. También puede agregar precios o simplemente pedirles que se comuniquen con usted para solicitar un presupuesto.

Finalmente, puede crear tantas páginas relevantes como necesite. Solo asegúrese de agregar el título adecuado de la página que está creando.

Editando tus páginas con Elementor

Una vez que tenga uno (Pro o Gratis) de los complementos de Elementor, puede comenzar a crear las páginas de su sitio web. Sin embargo, debe saber que necesitará ambos si opta por el complemento profesional. Puedes descargarlo fácilmente aquí.

Para crear y editar su página, usaremos la página de inicio como ejemplo y el mismo procedimiento se puede usar para cualquiera de las páginas que desee crear.

Crear tu página de inicio

Para crear su página, desde su panel de administración de WordPress, vaya a (Páginas -> Agregar nuevo) y edítela con Elementor. Asigne a esta página un nombre como "página de inicio" o "página principal".

creando tu página de inicio con elementor

Después de eso, configure el diseño de la página haciendo clic en el ícono de ajustes en la esquina inferior izquierda del panel izquierdo. Establezca el diseño de la página en Elementor Full Width o Elementor Canva.

cambiar el diseño de su página con elementor

Como dije anteriormente, una de las características únicas del complemento Elementor es que puede elegir entre su amplia variedad de plantillas para crear su sitio web.

Dependiendo del tipo de sitio web que desee crear, puede encontrar una plantilla similar a la que tiene en mente y editarla.

Para elegir la plantilla para diseñar su sitio web, todo lo que necesita hacer es simplemente hacer clic en el icono de la carpeta en el área del lienzo para importar la plantilla de la página de inicio que desea para su sitio web.

elegir plantilla elementor para su sitio

Una vez que haya hecho clic en el icono de carpeta a la derecha de la imagen de arriba, se abrirán plantillas y bloques de alguna plantilla de sitio web prefabricada que puede usar para personalizar la suya.

biblioteca de plantillas elementor

Navegue a través de las plantillas y obtenga una vista previa de cualquiera que le guste o similar a la marca del sitio web que desea crear. Una vez que lo haya visto, haga clic en insertar en la parte superior de la página y todo se importará a su sitio web.

Desde su sitio web, ahora puede comenzar a editar la página una tras otra. Mejor aún, mire el video a continuación para tener una mejor y más clara comprensión de cómo crear una página y editarla.

Después de crear su página de inicio, lo siguiente que debe hacer ahora es ir a la configuración en su panel de administración de WordPress, luego vaya a -> Lectura.

Una vez allí, establezca la visualización de la página de inicio en una 'Página estática' y seleccione la página de inicio que acaba de crear en el menú desplegable y haga clic en el botón Guardar cambios.

configuración de la página de inicio con elementor

Una vez hecho esto, ahora puede visitar la dirección de su sitio web para ver el diseño que acaba de crear.

Drop Servicing Diseños y muestras de sitios web

A continuación, se muestran ejemplos de páginas o, básicamente, las páginas más importantes que debe incluir en su sitio web de servicio directo para que a los clientes potenciales les resulte más fácil saber lo que está ofreciendo y cómo orientarse en su sitio web.

#1: Tu página de producto

La imagen a continuación es un ejemplo de sitio web de servicio directo que puede replicar. (Sitio web del servicio de publicación de Podcast Cover Maker)

plantilla de sitio web de servicio de caída

#2: Página Cómo funciona

Esto debe incluir el proceso que seguirá tu cliente desde el momento en que realiza un pedido en tu sitio web y cómo se entregará su proyecto.

Vea la imagen de abajo para ver cómo funciona...

plantilla de sitio web de servicio de caída

#3: Página de Prueba Social (Testimonios)

Esto debe incluir testimonios de clientes anteriores para que su cliente potencial sea más conveniente para patrocinar su empresa.

ejemplo de sitio web de servicio directo

#4: Paquete de Servicios (Llamada a la Acción)

En esta sección se incluirá su paquete de servicios y donde realizan el pedido de sus servicios. Después del pago, serán dirigidos a la página donde completarán el Cuestionario o formulario para explicar en detalle cómo quieren su servicio.

ejemplo de sitio web de servicio directo

Recibir pagos en su sitio web

Después de todo, ya está hecho, lo siguiente que debe hacer ahora es configurar sus pasarelas de pago. Este es el medio por el cual puede recibir pagos de su cliente.

Popular entre estos es PayPal y Stripe, y también puede tener ambos instalados en su sitio web, lo que le brinda a su cliente más oportunidades y opciones para comprar sus servicios.

Sin embargo, para configurar su pasarela de pago, necesitará el complemento WooCommerce. Una vez instalado, ahora podrá recibir fácilmente los pagos de sus clientes.

Entonces empecemos,

Instalación de WooCommerce

Aquí hay un breve video para guiarlo a través de los pasos para instalar el complemento WooCommerce en su sitio web.

Habiendo instalado el complemento WooCommerce en su sitio web, se crearán automáticamente las siguientes páginas:

  • Página del carrito
  • Página de pago
  • Página de mi cuenta
  • Página de la tienda

Lo siguiente que debe hacer ahora es ir a la configuración de WooCommerce y hacer clic en 'producto'

configuración de woocommerce Entonces, cada vez que su cliente haga clic en su 'botón Comprar' en la página de su producto, será redirigido a la página del carrito que WooCommerce creó automáticamente.

A partir de ahí, pueden realizar pagos con éxito en su sitio web y la pasarela de pago que utilizó le pagará a usted.

Conclusión: creación de un sitio web de entrega directa en resumen

Como puede ver, crear un sitio web de entrega directa con WordPress y Elementor no es tan difícil como parece. Aunque, al principio, puede parecer una tarea seria, ir paso a paso hace que todo el proceso sea muy fácil.

Aquí está el desglose:

Obtenga un nombre de dominio gratuito y un certificado SSL gratuito, luego regístrese para el alojamiento web e instale/active WordPress en su sitio. Después de eso, instale el complemento del generador de páginas Elementor para WordPress.

Una vez instalado, cree sus páginas y elija sus plantillas de página de la biblioteca de Elementor.

Para recibir pagos, deberá instalar el complemento WooCommerce en su sitio web y activar las pasarelas de pago que le gustaría recibir pagos en su sitio web.

Aprende más:

  • Cómo crear un sitio web de dropshipping
  • Crear una tienda en línea
  • Cómo construir un sitio web de comercio electrónico