Advertisement
  1. Web Design
  2. WordPress

Utiliza los kits de plantillas de Elementor para crear una página 404 personalizada de WordPress

by
Length:MediumLanguages:

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

Incluso el mejor sitio web arrojará un error 404 de vez en cuando, así que ¿por qué no sacas provecho de él?

Podrías aprovechar esta oportunidad para entretener a los visitantes con una página 404 humorística o extravagante que realmente refleje tu personalidad. O vuelvas a atraer a los visitantes decepcionados resaltando todo el contenido más importante e interesante de tu sitio web.

Incluso podrías usar tu página 404 como una herramienta para impulsar las conversiones y asegurar ventas adicionales, ofreciendo un código de descuento como una disculpa - ¡o incluso una recompensa por "encontrar" tu página 404!

En esta serie, nuestra misión es crear una página 404 que a la gente no le moleste visitar. En la primera parte, te mostré cómo agregar el popular complemento de Elementor a tu sitio web de WordPress. Luego usamos Elementor para crear rápida y fácilmente una página 404 usando una plantilla ya preparada, antes de construir una página 404 completamente personalizada, sin usar una plantilla.

En esta publicación de seguimiento, te mostraré cómo acceder a cientos de diseños de páginas 404, usando Elementor y Envato Elements.

El diseño web se hace más fácil con kits de plantillas

¿Por qué limitarte a una plantilla, cuando puedes instalar un kit de plantillas completo?

Los kits de plantillas de Elementor, como se encuentran en Envato Elements, son colecciones temáticas de plantillas que proporcionan todas las páginas que tu sitio web podría necesitar, incluyendo la página de inicio, la página de Contáctenos, el blog, el archivo, la página Acerca de nosotros y mucho más.

Si deseas mezclar y combinar, entonces los kits de plantillas también proporcionan bloques independientes que puedes arrastrar y soltar en tus diseños de página, para crear tus propios diseños únicos.

Los kits de plantillas ahorrarte la molestia de diseñar y construir un sitio web de WordPress. Simplemente elige tu kit, genera todas las páginas necesarias, haz unas cuantas personalizaciones y luego conecta estas páginas entre sí y ¡felicidades, tienes un nuevo sitio web!

Alternativamente, puedes utilizar kits de plantillas para mejorar un sitio web existente, agregando diseños y diagramas que le den a tu sitio web un aspecto totalmente nuevo haciendo un esfuerzo mínimo.

Envato Elements proporciona una amplia gama de kits de plantillas diseñadas profesionalmente, que van desde plantillas flexibles y multipropósito hasta kits específicos para la industria que fueron diseñados específicamente para tu nicho, ¡ya sea que se trate de alojamiento para mascotas, cuidado de la piel, mercadeo digital, helados, o cualquier cosa en medio!

¿Qué es Envato Elements?

Envato Elements es una suscripción mensual que proporciona acceso a todos los complementos y complementos que exploramos a lo largo de este tutorial, ¡además de más de 900.000 recursos adicionales! Junto con los kits de plantillas de Elementor, ¡se incluyen plantillas gráficas, temas y complementos premium de WordPress, imágenes y videos de archivo, cursos en línea y más!

Obtienes acceso ilimitado y libre de regalías a todos estos recursos con una suscripción a Elementor.


Cómo crear una página 404 con los kits de plantillas de Elementor

En esta sección, te mostraré cómo crear una página 404, usando el kit de plantillas Envato de tu elección. Ya que estamos trabajando con un kit de plantillas completo, después de completar esta sección tendrás acceso a una gama de plantillas de cortesía que cubren todas las páginas web más comunes, ¡perfecto, por si te gusta tanto tu nueva página 404 que decides extender su diseño a otras áreas de tu sitio web!

Para crear una página 404 usando Envato Elements, primero dirígete al sitio web de Envato Elements.

Encuentra el kit de plantillas que quieres usar y selecciona Descargar. En mis capturas de pantalla he optado por el kit de plantillas KickStart. Se te pedirá que elijas un nuevo proyecto o que añadas este kit a un proyecto existente. Entonces el kit elegido se descargará automáticamente.

Ahora inicia sesión en tu sitio web de WordPress.

En el menú de la izquierda de WordPress, selecciona Temas (Templates) > Añadir Nuevo (Add New) y selecciona Importar plantillas (Import Templates).

You can import an entire Template Kit using WordPress Templates Add New menuYou can import an entire Template Kit using WordPress Templates Add New menuYou can import an entire Template Kit using WordPress Templates Add New menu

A continuación, haz clic en Seleccionar archivo (Choose file) y selecciona el archivo zip que acabas de descargar y selecciona Importar ahora (Import Now). Después de unos momentos, deberías ver todas las plantillas que se incluyen en el kit elegido.

You can now use any of the professionally-designed templates included in your Envato Elements Template KitYou can now use any of the professionally-designed templates included in your Envato Elements Template KitYou can now use any of the professionally-designed templates included in your Envato Elements Template Kit

Hacia la parte superior de la pantalla, selecciona Añadir nuevo (Add New). A continuación, abre el desplegable Tipo de plantilla (Template Type) y selecciona Individual (Single).

Abre el menú desplegable Seleccionar tipo de publicación (Select post type) y selecciona la página 404. Asigna un nombre único a tu plantilla y luego selecciona Crear plantilla (Create template). En la siguiente ventana emergente, haz clic en Mis plantillas (My Templates), luego busca Página 404 (Page - 404) y selecciona el botón Insertar (Insert) que lo acompaña.

Elementor cargará ahora la plantilla de Kickstart 404.

You can now publish this template or personalize any of the elements included in this templateYou can now publish this template or personalize any of the elements included in this templateYou can now publish this template or personalize any of the elements included in this template

Si te gusta el aspecto de esta página, puedes publicarla inmediatamente. Sin embargo, las plantillas de Elements son fáciles de personalizar, así que veamos algunos cambios fáciles que puedes hacer en tu plantilla 404.

Añade tu propio texto

Las plantillas de Elements, como la de KickStart 404, a menudo incluyen texto de repetitivo que puedes reemplazar con tu propia mensajería personalizada. Para cambiar cualquiera de los textos de tu página 404, sólo tienes que hacer clic para seleccionar el texto que quieres actualizar. Luego, en el panel de Elementor, reemplaza el texto de stock con tu propio mensaje.

You can change any of the text in your KickStart template personalizing it with your own messaging You can change any of the text in your KickStart template personalizing it with your own messaging You can change any of the text in your KickStart template personalizing it with your own messaging

Vincula a tu App Store y a las listas de Google Play

Si tienes una aplicación móvil, la plantilla KickStart 404 tiene gráficos de Google Play y de App Store que pueden animar a la gente a descargar tu aplicación.

Al incrustar los enlaces de tu aplicación en estas imágenes, puedes llevar a los usuarios a tus listas de Google Play y App Store:

  • Haz clic para seleccionar la imagen en la que quieres incrustar tu enlace.
  • En el panel de Elementor, abre el menú desplegable Enlace y selecciona URL personalizada.
  • Introduce la URL de la lista de Google Play o App Store de tu aplicación.

Repite los pasos anteriores si tu aplicación está disponible tanto en Google Play como en Apple App Store.

Twitter, Facebook e Instagram: Añadir cuentas sociales

¿Tienes seguidores en tus redes sociales? Independientemente de que promuevas tu sitio web en Facebook, Twitter, Pinterest, LinkedIn, o todo lo anterior, deberías considerar la posibilidad de añadir enlaces a todos tus perfiles de redes sociales.

Añadiendo enlaces sociales a tu página 404, puedes ganar algunos seguidores adicionales, a la vez que refuerzas tu marca y creas un aspecto coherente en todo tu sitio web.

Para añadir enlaces sociales a tu plantilla 404, primero encuentra el widget Iconos sociales en el panel de Elementor. Arrastra y suelta este widget en la sección donde quieras mostrar tus enlaces de redes sociales. De forma predeterminada, Iconos Sociales presenta los iconos de Facebook, Twitter y YouTube.

Add links to all of your social media accounts using the Social Icons widgetAdd links to all of your social media accounts using the Social Icons widgetAdd links to all of your social media accounts using the Social Icons widget

Para editar los iconos sociales, selecciona la pestaña Contenido en el panel Elementor.

Si deseas eliminar Facebook, Twitter y/o YouTube del widget de Enlaces Sociales predeterminado, haz clic en el icono X que lo acompaña. Para añadir más iconos de redes sociales, haz clic en Añadir elemento.

Una vez que tengas tus íconos, debes enlazar cada ícono a tu perfil correspondiente de redes sociales. En el panel de Elementor, haz clic para expandir la primera sección de redes sociales.

You can add link each icon to your own social profile or add more social icons to your widgetYou can add link each icon to your own social profile or add more social icons to your widgetYou can add link each icon to your own social profile or add more social icons to your widget

En el campo "Link", copia y pega el enlace apropiado, por ejemplo, enlazando el icono de Twitter con el perfil de Twitter de tu sitio web.

Enjuaga y repite para cada cuenta social que quieras presentar en tu página 404.

Accede a cientos de kits de plantillas

Puedes acceder a cientos de kits de plantillas en Envato Elements, o puedes navegar, previsualizar e importar cualquiera de estas plantillas sin salir de tu cuenta de WordPress.

Si KickStart te tiene ansioso por explorar otros Kits de Plantillas de Envato Elements, entonces en esta sección final configuraremos el complemento gratuito de Envato Elements para WordPress. Una vez que este complemento esté instalado, podrás acceder a toda la biblioteca de Envato desde tu cuenta de WordPress.

Para configurar el complemento de WordPress de Envato Elements:

  • En el menú de la izquierda de WordPress, seleccione Plugin > Añadir nuevo.
  • Busca el  complemento Envato Elements – Photos & Elementor Templates. Cuando aparezca este complemento, selecciona Instalar.
  • Selecciona Activar.
  • A continuación, deberás vincular este complemento a tu suscripción a Envato Elements. En el menú de la izquierda de WordPress, selecciona el nuevo articulo de Elements.
  • En la barra de herramientas, selecciona Conectar cuenta Elements.
You can access hundreds of Elementor templates by installing the free Envato Elements plugin You can access hundreds of Elementor templates by installing the free Envato Elements plugin You can access hundreds of Elementor templates by installing the free Envato Elements plugin

En la siguiente pestaña, introduce tu nombre de usuario y contraseña de Envato Elements, y luego haz clic en Iniciar sesión.

Ahora, cada vez que estés construyendo una página web en el Editor de Elementor, verás un nuevo icono: el logo verde de Envato.

Now each section will have a brand-new Elements icon that you can use to import any template or block via the Envato pluginNow each section will have a brand-new Elements icon that you can use to import any template or block via the Envato pluginNow each section will have a brand-new Elements icon that you can use to import any template or block via the Envato plugin

Haz clic en este icono, y podrás navegar, previsualizar e importar cualquier plantilla de la biblioteca de Envato Elementor.

¿Quieres más diseños de páginas 404? Prueba estos 7 kits de plantillas

Envato Elements proporciona kits de plantillas para cada nicho, que van desde el fitness, a la moda y la belleza, la fotografía, los bienes raíces y todo lo demás. Sin embargo, si estás buscando un kit de plantillas que proporcione una hermosa página 404 llena de características, entonces te recomendamos que revises los siguientes 7 kits de plantillas:  

1. Phoenix: Un audaz y hermoso diseño de página web

El kit de plantillas de Phoenix tiene un diseño distintivo y minimalista, ¡y tu página 404 no es una excepción!

Phoenix is a bold template kit thats designed around a full-screen landscape photoPhoenix is a bold template kit thats designed around a full-screen landscape photoPhoenix is a bold template kit thats designed around a full-screen landscape photo

La página 404 de Phoenix encaja perfectamente con las otras plantillas de este kit, que están todas basadas en una fotografía de paisaje. Esta página 404 mantiene las cosas racionalizadas al incluir sólo un corto mensaje 404 y un enlace de Volver.

2. Estiliza tu tienda de comercio electrónico, con Samex

¿Buscas lanzar una tienda en línea, usando WordPress, WooCommerce y Elementor?

El kit de plantillas de Samex viene lleno de características temáticas de comercio electrónico, incluyendo búsqueda en vivo en Ajax, filtros de productos y múltiples opciones de galería de productos, además de soporte para listas de deseos y Vista rápida de productos.

El kit de plantillas de Samex también proporciona una llamativa página 404.

Samex is an ecommerce-driven thene thats compatible with WooCommerceSamex is an ecommerce-driven thene thats compatible with WooCommerceSamex is an ecommerce-driven thene thats compatible with WooCommerce

Esta plantilla 404 cuenta con una barra de búsqueda, asegurando que los clientes siempre puedan buscar en tu catálogo de productos, ¡incluso desde tu página 404!

3. Plantilla del restaurante: Una página 404 con muchas características

El kit de plantillas para restaurantes con temática gastronómica es perfecto para promocionar tu bar, café o restaurante, pero también sería ideal para otras áreas de la industria de la hostelería, como hoteles y atracciones turísticas.

Esta página 404 continúa el distintivo esquema de colores amarillo y oliva de la plantilla. 

The Restaurant template kit is perfect for promoting your bar cafe or restaurant The Restaurant template kit is perfect for promoting your bar cafe or restaurant The Restaurant template kit is perfect for promoting your bar cafe or restaurant

Además de las plantillas habituales 404, Contáctenos, y Single Post, el kit de Restaurante también proporciona plantillas dirigidas específicamente a la industria de la hospitalidad, incluyendo plantillas de Reserva de Mesa y Menú.

4. Vende tus servicios de SEO con Onum

¿Ofreces servicios de SEO (Search Engine Optimization)? ¿Quizás eres una agencia de marketing digital o un freelance, o quizás eres un especialista en SEO?

Sea cual sea tu participación en el mundo del SEO, Onum tiene las plantillas que necesitas para promocionar tus servicios, incluyendo 8 diseños de página de inicio, 3 diseños de cabecera y 3 diseños de pie de página.

Onum provides 8 different homepage layouts that are all geared towards SEO and digital marketing servicesOnum provides 8 different homepage layouts that are all geared towards SEO and digital marketing servicesOnum provides 8 different homepage layouts that are all geared towards SEO and digital marketing services

Por supuesto, Onum también tiene una página 404. 

Onums 404 template continues the distinctive blue and orange color schemeOnums 404 template continues the distinctive blue and orange color schemeOnums 404 template continues the distinctive blue and orange color scheme

Esta plantilla 404 refleja el distintivo esquema de color azul y naranja de Onum. 

5. Wendy: Un tema de WooCommerce de varias tiendas

Si buscas un kit de plantillas listo para WooCommerce, entonces Wendy está diseñada específicamente para las tiendas en línea que funcionan con WooCommerce.

Para ayudar a convencer a los clientes de que se gasten un dineral en tus productos, Wendy proporciona Vista rápida del producto y zoom de la imagen del producto, además de la capacidad de filtrar los productos en función del tamaño, el color y el material.

Si los visitantes terminan en tu página 404, entonces tendrán todo lo que necesitan para navegar de vuelta a tu página web "principal".

Wendy is an ecommerce template kit thats designed to be used with WooCommerceWendy is an ecommerce template kit thats designed to be used with WooCommerceWendy is an ecommerce template kit thats designed to be used with WooCommerce

La página 404 de Wendy's proporciona un enlace a la página principal de tu sitio web, además de una barra de búsqueda que los visitantes pueden utilizar para navegar por tu catálogo de productos.

6. Comienza tu propio negocio de criptografía, con ITok

Si eres un asesor de ICO, un experto de Bitcoin, u operas cualquier tipo de consultoría de comercio electrónico, entonces el distintivo kit de plantillas ITok está diseñado pensando tu negocio.

ITok has a distinctive color scheme and modern designITok has a distinctive color scheme and modern designITok has a distinctive color scheme and modern design

El kit de plantillas de ITok tiene un esquema de colores atrevidos y un diseño moderno. La plantilla 404 es distinta, pero los elementos del encabezado y el pie de página del ITok ayudan a unir la página 404 con el resto del kit de plantillas ITok. 

IToks 404 template features a large full-screen image that compliments the ITok headerIToks 404 template features a large full-screen image that compliments the ITok headerIToks 404 template features a large full-screen image that compliments the ITok header

Aunque está diseñado específicamente para la industria de la criptografía, el ITok también encajaría bien en otros negocios digitales, como las consultorías de SEO, las agencias de diseño y desarrollo de sitios web y los comercializadores digitales.

7. Café No.1: Un kit de hostelería racionalizado

Cafe No.1 es un elegante kit de plantillas que es perfecto para promover tu negocio de hostelería, especialmente cafés y cafeterías! Este kit de plantillas hace un uso intensivo de las imágenes de cabecera, y tu página 404 no es una excepción.

Cafe No1 is a hospitality-focused theme thats ideal for cafes and coffee shopsCafe No1 is a hospitality-focused theme thats ideal for cafes and coffee shopsCafe No1 is a hospitality-focused theme thats ideal for cafes and coffee shops

Dado que está dirigido a la escena de los cafés, bares y restaurantes, no es sorprendente que el kit del Café No.1 incluya plantillas diseñadas específicamente para la industria de la hospitalidad. El kit de plantillas de Café No.1 proporciona las plantillas habituales de Acerca de, Contáctenos y Preguntas Frecuentes, pero también proporciona algunas plantillas exclusivas de temas gastronómicos, incluyendo Reservas, Reseñas y Menú.

Conclusión

En este artículo, hemos tocado algunos de los Kits de plantillas que puedes añadir a tu sitio web de WordPress, pero Envato Elements tiene cientos de plantillas diseñadas profesionalmente que puedes elegir.

Para saber más, visita el sitio web de Envato Elements, o compra tu suscripción hoy mismo.

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.