Cómo agregar widgets personalizados después de las publicaciones en WordPress

Cuando alguien llega al final de tu entrada, ya te ha dado algo valioso: su atención. Han leído tu contenido y ahora están decidiendo qué hacer a continuación.

Un widget después de la entrada te permite convertir ese momento en un próximo paso deliberado en lugar de dejar que los visitantes se vayan. Hemos utilizado este enfoque en WPBeginner durante años para conseguir más suscriptores de correo electrónico, aumentar nuestras visitas a páginas y hacer crecer nuestras ventas.

En esta guía, te mostraremos cómo agregar fácilmente widgets personalizados después de la entrada en WordPress, paso a paso.

Ejemplo de widgets personalizados después de la entrada en WordPress

Puedes agregar casi cualquier cosa a tu widget después de la entrada, incluyendo una llamada a la acción para unirte a tu lista de correo, un bloque de artículos relacionados para aumentar tus visitas a páginas, o incluso un banner de producto o un descuento para aumentar tus ventas.

Aquí tienes dos formas sencillas de agregar un widget personalizado después de la entrada a cualquier tema de WordPress.

Método 1. Agregar después del contenido de la entrada usando un plugin

El plugin Add Widget After Content agrega un área de widget dedicada justo después del contenido de tu entrada, y funciona con cualquier tema de WordPress, clásico o de bloques.

Instálalo y actívalo para empezar. Puedes seguir nuestra guía sobre cómo instalar un plugin de WordPress si necesitas ayuda. Una vez que esté activo, ve a Apariencia » Widgets.

En un tema clásico, esta pantalla ya existe y el plugin agrega un área 'After Content' (Después del contenido). En un tema de bloques, WordPress normalmente no muestra la pantalla de Widgets, por lo que el plugin la agrega junto con la nueva área 'After Content'.

Haz clic en el icono de más (+) dentro de ese bloque para agregar cualquier widget que desees. Agregamos un formulario de suscripción a boletines, que fue creado con el plugin WPForms para este tutorial.

Siéntete libre de configurar el widget recién agregado y luego haz clic en el botón 'Actualizar' para guardar tus cambios.

Por defecto, el plugin muestra tus widgets después de la entrada en cada entrada y página. Si no deseas que aparezcan en ciertos lugares, puedes excluir categorías completas o tipos de entrada del área de widgets.

Simplemente ve a Apariencia » Widget After Content, elige las categorías o tipos de entrada donde no deseas que aparezca el área de widgets, y haz clic en 'Guardar Cambios'.

También puedes ocultar el área de widgets en entradas o páginas individuales.

Para hacer esto, abre la entrada o página que deseas excluir y desplázate hacia abajo hasta el cuadro meta 'Widget After Content'. Selecciona la casilla junto a 'Eliminar widget después del contenido para esta entrada' y luego actualiza tu entrada.

Ahora visita tu sitio web y abre cualquier entrada donde hayas configurado para mostrar el widget, y lo verás aparecer justo debajo del contenido de la entrada.

Método 2. Agregar contenido después de las entradas usando código personalizado

Si te sientes cómodo agregando código, puedes personalizar exactamente lo que aparece después de tus entradas en lugar de usar el diseño incorporado de un widget.

Sin embargo, el más mínimo error al agregar código a los archivos de tu tema puede romper tu sitio.

Recomendamos usar el plugin gratuito WPCode para agregar y administrar el fragmento de forma segura. Si necesitas ayuda, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez que el plugin WPCode esté activo, ve a Fragmentos de código » + Agregar fragmento y elige la opción ‘Agregar tu código personalizado (Nuevo fragmento)’.

En la nueva pantalla, selecciona ‘Fragmento de PHP’ como tipo de código. Luego, dale un nombre al fragmento y copia el siguiente código en él.

function wpb_add_content_after_post( $content ) {

    if ( is_single() && in_the_loop() && is_main_query() ) {
        $custom_content  = '<div class="wpb-after-post-content">';
        $custom_content .= '<h4>Enjoyed This Post?</h4>';
        $custom_content .= '<p>Sign up for our <a href="https://example.com/newsletter/">newsletter</a> to get more tips like this.</p>';
        $custom_content .= '</div>';

        $content .= $custom_content;
    }

    return $content;
}
add_filter( 'the_content', 'wpb_add_content_after_post' );

La verificación is_single() limita el contenido a publicaciones individuales, por lo que el widget no aparecerá en páginas o listados de archivo. El resto del fragmento agrega un encabezado, un mensaje y un enlace de boletín informativo después del contenido de la publicación. Asegúrate de reemplazar la dirección example.com por la de tu propia página de boletín informativo antes de activar el fragmento.

Establece el fragmento en ‘Activo’ y guárdalo. Finalmente, visita una publicación en tu sitio para ver tu contenido personalizado debajo del artículo.

Tutorial en video

Si prefieres instrucciones en video, míralo.

Preguntas frecuentes sobre widgets después de la entrada

¿Cuál es la diferencia entre un widget y un plugin?

Un widget es un pequeño bloque de contenido que puedes colocar en un área específica de tu sitio, como una barra lateral, el pie de página o el área posterior al contenido cubierta en esta guía.

Un plugin agrega nueva funcionalidad a todo tu sitio, y a menudo es lo que te proporciona nuevos widgets o áreas de widgets para usar en primer lugar.

¿Cómo agrego un widget después de una publicación en WordPress?

La forma más fácil es con el plugin gratuito Agregar Widget Después del Contenido. Agrega un área de widget debajo del contenido de tu publicación donde puedes agregar widgets como un formulario de suscripción al boletín o publicaciones relacionadas.

O podrías agregar la misma función con un fragmento de código. Recomendamos usar el plugin gratuito WPCode  para que no rompas tu sitio accidentalmente con tu fragmento.

¿Por qué no se muestra mi widget posterior a la publicación?

La causa más común es una exclusión en la configuración del plugin. Verifica si has ocultado el widget en esa publicación o página específica, o si has excluido su categoría o tipo de publicación en Apariencia » Widget Después del Contenido.

Esperamos que este artículo te haya ayudado a aprender cómo agregar widgets personalizados después de las publicaciones en WordPress. También puedes consultar nuestro tutorial sobre cómo crear un widget personalizado de WordPress y nuestra guía sobre los mejores plugins de WordPress.

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.