Cómo agregar URL dinámica a sus CTA con Div y ACF

Al crear la estructura de su sitio web, hay buenas posibilidades de incluir los mismos CTA en múltiples páginas, publicaciones y proyectos. Por supuesto, puede mantener las URL cerradas y puede copiarlas a medida que avanza, pero no es necesariamente el camino más fácil. Antes de comenzar a crear sus páginas, publicaciones y proyectos, puede configurar una lista de toda la URL que pueda necesitar, puede establecer un valor predeterminado para ellas y puede usar los valores predeterminados para los nuevos elementos que crea. Si, por algún motivo, las direcciones de URL difieren en una determinada página, publicación o proyecto, puede cambiar esto dentro del elemento, sin que se aplique a todo el campo predeterminado. Los valores predeterminados adjuntos a la URL lo ayudarán a comenzar al crear una nueva página, publicación o proyecto. En este tutorial, te mostraremos paso a paso cómo llegar allí.
¡Vamos a eso! La presentación general del tutorial
Este enfoque funciona mejor si agrega el grupo de campo personalizado a un nuevo sitio web, justo antes de comenzar a agregar páginas, publicaciones y proyectos
Instale el complemento avanzado de campos personalizados en su sitio web de WordPress
Dentro del complemento, podrá configurar un grupo de campos que aparecerán en todas sus páginas, publicaciones y proyectos.
Cree una URL separada para todas las direcciones de URL posibles que pueda necesitar en todo su sitio web
Asignar un valor implícito a cada uno de los campos; Este valor predeterminado aparecerá automáticamente en cada nueva página, publicación o proyecto
En las páginas, publicaciones y proyectos existentes, los valores solo aparecerán después de la introducción del Backynd y guardando las direcciones de URL implícitan los campos de URL a lo largo del diseño Div como un enlace dinámico (Post, Proyecto, Plantilla)
Si cambia la URL predeterminada en la configuración del campo, la URL predeterminada anterior se aplicará en páginas, publicaciones y proyectos que heredaron el valor predeterminado anterior
1. Instale y active el complemento ACF Lo primero que debe hacer es instalar el complemento avanzado de campos personalizados en su sitio web. Puede descargar el complemento aquí o simplemente puede buscarlo en el tablero de WordPress. Después de instalar el complemento, asegúrese de activarlo y comenzar de inmediato.
2. Configure un grupo de campo para todas las publicaciones, páginas y proyectos ahora, una vez instalado el complemento ACF, es hora de crear el grupo de campo URL. Este grupo contendrá todos los CTA que usará varias veces en sus páginas, publicaciones y proyectos accede a la Junta de WordPress> Campos personalizados> Agregar un nuevo.

Dale a tu grupo un título y continúa por configuración. Nos aseguramos de que el grupo de campo aparezca en cada tipo de publicación en nuestro sitio. Sin embargo, si desea que los enlaces aparezcan solo para un tipo particular de publicación, puede ajustar las reglas de acuerdo con sus necesidades.

Muestre este grupo de campos si:
Tipo de publicación – iguales – Publicación o
Tipo de publicación – igual – 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 URL separado para cada URL que use varias veces en sus 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 destino de la Galería Divic, el segundo llevará a los visitantes a la página de contacto y el otro redirigirá a los usuarios al área de los miembros. Div. Agregaremos un nuevo campo y le daremos un nombre de campo reconocido. De esta manera, una vez que estamos en el Builder Divi, no hay confusión cuando se trata de seleccionar la URL correcta.

Continuaremos ejecutando la configuración de campo y seleccionando “URL” como tipo de campo.

Lo siguiente y último que debe hacer es agregar un valor de campo predeterminado. Aquí colocará la URL a la que desea redirigir 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 CTA que necesita en su sitio web. Para este ejemplo en particular, esto significa que creamos dos campos adicionales; Una vez para la página de contacto y otra para los miembros de los miembros.

Después de que se hayan agregado todos los campos de URL, asegúrese de guardar todos los cambios en su grupo de campo. 4. El botón de enlace de enlace a URL dinámica ahora, al ingresar una publicación, página o proyecto, notará el grupo de campo URL en la parte inferior. Si por alguna razón desea usar una URL diferente en esa página, publicación o proyecto, puede agregar otra URL al campo. La URL que agregue se aplicará solo a esa página, publicaciones o proyecto específico al que trabaja. En el núcleo del grupo de campo, la URL predeterminada seguirá siendo la misma que agregó cuando creó el campo. Si usa la URL predeterminada, cambie a Visual Builder para iniciar los botones a su diseño a la URL correcta .


Agregar una URL dinámica a sus botones de la división es muy simple. Abra cualquier botón que pueda encontrar en su página, acceda 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á que aparecen los diferentes campos de URL. Seleccione el campo URL correcto al que desea conectarse.

Repita los pasos para cada botón encendido.

El mismo enfoque también es importante para la adición de 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 generador de temas de su sitio web. Y puede abrir la plantilla Editor para el cuerpo de publicación. Controle abriendo la configuración del módulo de botón, acceda a la configuración del enlace y haga clic en el icono de contenido dinámico.

Nuevamente, aparecerá un menú de caída en el que puede seleccionar el contenido dinámico de URL que coincida con CTA.

¡Asegúrese de cambiar todos los cambios al generador de temas después de agregar y URL dinámicas!

Pensamientos finales En esta publicación, le mostré cómo crear URL dinámicas y hacerlas disponibles en cada página, publicación o proyecto en su sitio web. Utilicé el contenido dinámico de DIV en combinación con el complemento ACF. Hemos logrado establecer un valor implícito y tener este valor de URL aplicable a nuestros CTA. ¡Este tutorial se centra en permitirle ser lo más eficiente posible al crear sitios web con DIV! 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 obtener más información sobre Divi y obtener más regalos de la Divicidad, asegúrese de suscribirse a nuestro boletín de 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.