Cómo agregar URL dinámicas a sus CTA con Divi y ACF

Al crear la estructura de su sitio web, es muy probable que desee incluir las mismas CTA en varias páginas, publicaciones y proyectos. Por supuesto, puede mantener las URL cerca y copiarlas y pegarlas sobre la marcha, pero esa no es necesariamente la forma más fácil de hacerlo. Antes de comenzar a crear sus páginas, publicaciones y proyectos, puede configurar una lista de todas las URL que pueda necesitar, establecer un valor predeterminado para ellas y usar los valores predeterminados en los elementos nuevos que cree.

Si por alguna razón las URL difieren en una determinada página, publicación o proyecto, puede cambiar eso dentro del elemento en sí sin que se aplique a todo el valor predeterminado del campo. Los valores predeterminados adjuntos a las URL lo ayudarán a comenzar a crear una nueva página, publicación o proyecto. En este tutorial, le mostraremos paso a paso cómo llegar allí.

¡Hagámoslo!

Descripción general del tutorial

• Este enfoque funciona mejor si agrega el grupo de campos personalizados a un nuevo sitio web, justo antes de comenzar a agregar páginas, publicaciones y proyectos.
• Instale el complemento Advanced Custom Fields en su sitio web de WordPress
• Dentro del complemento, podrá configurar un grupo de campos que aparecerá en todas sus páginas, publicaciones y proyectos.
• Cree un campo de URL independiente para todas las URL posibles que pueda necesitar en su sitio web.
• Asignar un valor predeterminado a cada uno de los campos; este valor predeterminado aparecerá automáticamente en cada nueva página, publicación o proyecto
• En páginas, publicaciones y proyectos existentes, los valores solo aparecerán una vez que ingrese al backend y guarde las URL predeterminadas
• Utilice los campos de URL en todo su diseño Divi como contenido de enlace dinámico (página, publicación, proyecto, plantilla)
• Si cambia la URL predeterminada en la configuración del campo, la antigua URL predeterminada seguirá aplicándose en las páginas, publicaciones y proyectos que heredaron el valor predeterminado anterior.

1. Instale y active el complemento ACF

Lo primero que deberá hacer es instalar el complemento Advanced Custom Fields en su sitio web. Puede descargar el complemento aquí, o simplemente buscarlo dentro de su panel de WordPress. Una vez que haya instalado el complemento, asegúrese de activarlo también para que pueda comenzar de inmediato.

2. Configure un grupo de campos en todas las publicaciones, páginas y proyectos

Ahora, una vez que se ha instalado el complemento ACF, es el momento de crear el grupo de campos de URL. Este grupo contendrá todas las llamadas a la acción que usará varias veces en sus páginas, publicaciones y proyectos. Vaya a su Tablero de WordPress> Campos personalizados> Agregar nuevo .

Dale un título a tu grupo y continúa configurando las reglas. Nos aseguramos de que el grupo de campos aparezca en todos y cada uno de los tipos de publicación de nuestro sitio web. Sin embargo, si desea que los enlaces aparezcan solo en un tipo de publicación específico, puede ajustar las reglas a sus necesidades.

Muestre este grupo de campos si:

• Tipo de publicación - es igual a - Publicación o
• Tipo de publicación - es igual a - Página o
• El tipo de publicación es igual a - Proyecto

3. Agregue diferentes campos de URL con valor predeterminado

Continuaremos agregando los diferentes campos de URL. Como se mencionó anteriormente, necesitará un campo de URL separado para cada URL que use varias veces en sus tipos de publicaciones. Para ilustrar cómo funciona, agregaremos tres campos de URL diferentes. Uno de los campos redirigirá a los visitantes a la página de inicio de la galería Divi, el segundo llevará a los visitantes a la página de contacto y el restante redirigirá a los usuarios al área de miembros.

Entonces, digamos que comenzamos con la CTA que redirige a las personas a la página de inicio de la galería Divi. Agregaremos un nuevo campo para él y le daremos un nombre de campo reconocible. De esa manera, una vez que estamos dentro del constructor Divi, no hay confusión cuando se trata de seleccionar la URL correcta.

Continuaremos desplazándonos hacia abajo en la configuración de los campos y seleccionaremos 'URL' como el tipo de campo.

Lo siguiente y último que deberá hacer es agregar un valor predeterminado al campo. Aquí es donde colocará la URL a la que desea que redirija su CTA. Tan pronto como agregue este valor predeterminado, se aplicará automáticamente a cada nueva página, publicación y proyecto que agregue.

Repita los pasos anteriores para cada campo de CTA que necesite en su sitio web. Para este ejemplo en particular, eso significa que estamos creando dos campos adicionales; una vez para la página de contacto y otra para el área de miembros.

Una vez que se hayan agregado todos los campos de su URL, asegúrese de guardar todos los cambios realizados en su grupo de campos.

4. Vínculos del botón de enlace a URL dinámicas

Ahora, al ingresar una publicación, página o proyecto, notará el grupo de campos de URL en la parte inferior. Si por alguna razón desea utilizar una URL diferente en esa página, publicación o proyecto específico, puede agregar otra URL en el campo. La URL que agregue solo se aplicará a esa página, publicación o proyecto específico en el que está trabajando. En el núcleo del grupo de campos, la URL predeterminada seguirá siendo la misma que la que agregó al crear el campo.

Si está utilizando las URL predeterminadas, cambie a Visual Builder para comenzar a vincular los botones de su diseño a la URL correcta.

Agregar una URL dinámica a sus botones Divi es realmente simple. Abra el botón que pueda encontrar en su página, vaya a la configuración del enlace y haga clic en el icono de contenido dinámico.

Una vez que haya hecho clic en el icono dinámico, encontrará una lista de contenido dinámico para elegir. En esa lista, verá aparecer también los diferentes campos de URL. Seleccione el campo de URL correcto al que desea vincular.

Repite los pasos para cada botón de tu página. Si las URL de una página, publicación o proyecto por algún motivo cambian, puede volver a esa página, publicación o proyecto específico y cambiar el contenido dinámico de la URL en el backend.

El mismo enfoque también cuenta para agregar URL dinámicas a sus plantillas. Si desea agregar una URL dinámica a un botón en la plantilla de publicación de su blog, por ejemplo, puede ir al creador de temas de su sitio web y abrir el editor de plantillas de cuerpo de la publicación.

Continúe abriendo la configuración del módulo de botones, vaya a la configuración del enlace y haga clic en el icono de contenido dinámico.

Nuevamente, aparecerá un menú desplegable donde puede seleccionar el contenido dinámico de la URL que coincide con la CTA.

¡Asegúrese de cambiar todos los cambios del generador de temas después de agregar las URL dinámicas también!

Pensamientos finales

En esta publicación, le mostramos cómo crear URL dinámicas y hacer que estén disponibles en cada página, publicación o proyecto de su sitio web. Usamos el contenido dinámico de Divi en combinación con el complemento ACF. Pudimos establecer un valor predeterminado y hacer que ese valor de URL se aplicara a nuestras llamadas a la acción. ¡Este tutorial se centra en permitirle ser lo más eficaz posible al crear sitios web con Divi! Si tiene alguna pregunta o sugerencia, no dude en dejar un comentario en la sección de comentarios a continuación.

Si está ansioso por aprender más sobre Divi y obtener más obsequios de Divi, asegúrese de suscribirse a nuestro boletín por correo electrónico y al canal de YouTube para que siempre sea una de las primeras personas en conocer y obtener beneficios de este contenido gratuito.