Cómo agregar widgets de publicación personalizados en WordPress

¿Quieres agregar widgets personalizados después de publicar en WordPress?

Los widgets posteriores a la publicación le permiten mostrar diferentes elementos al final de las publicaciones o páginas del blog. Por ejemplo, puede agregar un formulario de suscripción a un boletín, mostrar publicaciones relacionadas, ver artículos recientes o productos populares.

En este artículo, le mostraremos cómo agregar fácilmente widgets de publicación personalizados en WordPress para mantener a los usuarios comprometidos y pasar más tiempo en su sitio web.

Por que agregar widgets de publicación personalizados a WordPress

Es posible que haya visto llamadas a la acción al final de un artículo en muchos sitios web populares. Esto se debe a que si un usuario se ha desplazado hacia abajo hasta el final de un artículo, entonces ya está enganchado y es más probable que se involucre con su oferta.

El formulario de suscripción por correo electrónico se muestra después del contenido de la publicación

Este espacio se puede utilizar para insertar un formulario de registro de correo electrónico, un formulario de generación de clientes potenciales o para aumentar la participación del usuario con publicaciones relacionadas, publicaciones populares y otras funciones de descubrimiento de contenido.

Del mismo modo, si tiene una tienda en línea, es posible que desee mostrar productos relacionados o promover una venta ofreciendo un descuento.

Productos populares después del contenido

Ahora hay varias formas de hacer esto. Podrías usar plugins como MonsterInsights plugin de publicación popular que le permite agregar automáticamente publicaciones populares o productos populares después del contenido de su publicación.

Puede agregar manualmente ese contenido posterior a la publicación a medida que escribe sus publicaciones utilizando el editor de bloques.

Esto es mucho trabajo y el problema con este método es que si quieres cambiar algo, tendrás que hacerlo manualmente.

Aquí es donde entran en juego los widgets.

En el desarrollo web, los widgets de terminología son bloques sin contenido que puede agregar a diferentes áreas de su sitio web por separado del área de contenido principal.

WordPress viene con un conjunto de widgets integrados que puede agregar a cualquier área lista para widgets proporcionada por su tema de WordPress.

Todos los temas populares de WordPress vienen con áreas comunes para widgets listos como barras laterales, pies de página, áreas de widgets de encabezado. Sin embargo, muy pocos temas de WordPress incluyen un área de widget posterior a la publicación.

Dicho esto, echemos un vistazo a cómo puede agregar fácilmente widgets posteriores a la publicación en WordPress sin importar qué tema de WordPress esté utilizando.

Método 1. Agregar contenido de publicación mediante un plugin

Este método es un poco limitado pero más simple y funciona con todo tipo de widgets de WordPress. Se basa un poco en su tema de WordPress para el estilo, pero funcionaría bien para la mayoría de los usuarios.

Lo primero que debe hacer es instalar y activar el archivo. Agregar widget después del contenido conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Después de la activación, vaya a Apariencia »Widget y allí verá una nueva área de widgets llamada "Después del contenido".

Después del área del widget de contenido

Ahora puede simplemente agregar cualquier widget de la columna de widgets disponibles en el área de contenido Después. Por ejemplo, aquí hemos agregado Publicaciones recientes y un widget para el formulario de suscripción al boletín que creamos usando WPForms.

Widgets agregados después del área de contenido

Siéntase libre de cambiar la configuración de cada widget como lo haría normalmente y no olvide guardar sus cambios.

Una vez hecho esto, puede visitar su sitio web para ver los widgets de contenido posterior a la publicación en acción. Así es como se veía en nuestro sitio web de demostración.

Después de obtener una vista previa de los widgets de publicaciones

Dependiendo de la cantidad de widgets que intente agregar y de su tema de WordPress, es posible que sus widgets parezcan ligeramente desequilibrados.

De forma predeterminada, el plugin agrega widgets uno tras otro, por lo que si desea mostrarlos uno al lado del otro, deberá usar CSS personalizado. También puede cambiar el color de fondo, agregar relleno, cambiar el color del texto y más.

Solo ve a Apariencia »Personalizar página y cambie a la pestaña CSS adicional. Puede comenzar agregando este CSS personalizado como punto de partida.


.awac.widget {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 20px;
    background-color: #fff8e9;
    border: 1px dashed #fde2a9;
    min-height:400px;
} 

.awac.widget h4 {
font-size:18px;
color:#666; 
} 

.awac.widget li{
font-size:16px;
} 

En este código CSS personalizado, hemos cambiado el ancho del widget para mostrar dos widgets uno al lado del otro. También hemos cambiado el color de fondo y el tamaño de fuente. Siéntase libre de modificar el CSS para adaptarlo a sus necesidades.

No olvide hacer clic en el botón Publicar para guardar sus cambios.

Así es como se veía en nuestro sitio web de demostración.

Después de arreglar el CSS del widget de publicación

¿No quieres usar CSS personalizado? Prueba el plugin CSS Hero. Le permite personalizar todas las áreas de su sitio sin ningún conocimiento de CSS.

Mostrar u ocultar widgets después de la publicación

De forma predeterminada, el plugin mostrará sus widgets de publicación en todas las publicaciones y páginas. También le permite ocultarlo en lugares donde no desea que se muestren los widgets de contenido.

Por ejemplo, es posible que no desee que aparezcan widgets después de publicar en páginas estáticas.

Solo ve al Apariencia »Widget después del contenido página. Desde aquí, puede elegir qué categorías o tipos de publicaciones no mostrarán el widget de contenido de su publicación.

Widget después de la configuración de contenido

No olvide hacer clic en el botón Guardar cambios para almacenar su configuración.

También puede ocultar el área de widgets después del contenido para publicaciones y páginas individuales. Simplemente edite la publicación de la página en la que no desea mostrar los widgets después de la publicación y desplácese hacia abajo hasta el cuadro "Widgets después del contenido" en la parte inferior.

Ocultar después del widget de publicación

Luego, marque la casilla para ocultar el área del widget y luego guarde su publicación o página. El plugin ahora dejará de mostrar el área de widgets para esa publicación / página en particular.

Método 2. Agregar contenido de publicación con OptinMonster

Este método es más bonito y potente, pero no utiliza los widgets predeterminados de WordPress. En cambio, le permite agregar cualquier contenido que desee con hermosos diseños y plantillas para elegir.

Otro beneficio de este método es que le brinda un montón de opciones de orientación. Por ejemplo, puede mostrar contenido personalizado a diferentes usuarios, editar contenido en función de lo que los usuarios están viendo actualmente o utilizar la reorientación en el sitio para lograr un mayor impacto.

Para este método, necesitará OptinMonster. Es el mejor software de optimización de conversión y generación de leads del mercado y le permite convertir a los visitantes del sitio web en suscriptores y clientes.

Primero, debes registrarte en un OptinMonster cuenta.

OptinMonster

Después del registro, vaya a su sitio web de WordPress para instalar y activar el archivo. OptinMonster conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Este plugin actúa como un conector entre su sitio web de WordPress y su cuenta de OptinMonster.

Después de la activación, debe visitar OptinMonster »Configuración página y haga clic en el botón "Conectar cuenta existente".

Conecte la cuenta de OptinMonster a WordPress

Aparecerá una ventana emergente donde puede iniciar sesión y conectar su sitio de WordPress a su cuenta de OptinMonster.

Ahora que su sitio de WordPress está conectado, está listo para crear su primera campaña con orientación geográfica. Ir OptinMonster »Campañas página y haga clic en el botón "Agregar nuevo".

Crear campaña de OM

Primero, deberá elegir el tipo de campaña. OptinMonster admite ventanas emergentes de caja de luz, barras flotantes, inscripciones en línea, campañas de pantalla completa, deslizantes y gamificadas.

Por el bien de este tutorial, elegiremos una campaña en línea que nos permita mostrar automáticamente nuestra campaña después del contenido.

Elija su tipo de campaña y plantilla en línea

A continuación, puede seleccionar una plantilla de campaña haciendo clic en ella.

A continuación, debe ingresar un nombre para su campaña. Puede ingresar cualquier nombre aquí, luego haga clic en el botón "Comenzar a construir".

Ingrese el título de la campaña

Esto lanzará la interfaz de creación de campañas de OptinMonster con una vista previa en vivo de su campaña en el panel derecho.

Creador de campañas OptinMonster

Simplemente puede señalar y hacer clic en cualquier elemento en la vista previa para editarlo, moverlo o eliminarlo. También puede agregar nuevos elementos haciendo clic en el botón Agregar bloques en la parte superior.

Agregue nuevos bloques a su campaña de publicación de publicaciones

Desde aquí, puede elegir elementos más potentes que no están disponibles en los widgets predeterminados de WordPress. Por ejemplo, puede agregar temporizadores de cuenta regresiva, botones, chatbots y columnas.

Después de diseñar su campaña de publicación de publicaciones, vaya a la pestaña Publicar y cambie el estado de la campaña a "Publicar".

Publicar campaña online

A continuación, haga clic en el botón Guardar para almacenar su configuración y cerrar el creador de campañas.

OptinMonster ahora lo llevará a la página de configuración de salida. Desde aquí, puede elegir dónde ver el contenido de la publicación.

Simplemente seleccione Automático y luego puede elegir mostrar su campaña dentro, debajo o antes del contenido de la publicación.

Dónde ver su campaña

Por el bien de este tutorial, elegiremos la opción de contenido de publicación a continuación. A continuación, cambie el estado de visibilidad a Publicado y haga clic en el botón Guardar para activar su campaña.

Ahora puede visitar su sitio web para ver su widget de publicación personalizada en acción.

Contenido personalizado después de la publicación

Esperamos que este artículo le haya ayudado a aprender a agregar widgets de publicación personalizados en WordPress.

¿Quieres ver cómo interactúan los usuarios con tus widgets posteriores a la publicación? Consulte nuestro tutorial sobre cómo realizar un seguimiento de la participación de los usuarios en WordPress y luego pruebe estos consejos para aumentar fácilmente el tráfico de su sitio web.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir