Cómo crear una URL de sitio de etiqueta inteligente

Introducción

¿Te gustaría crear una URL de sitio de etiqueta inteligente? ¿Quizás te gustaría reutilizar esta etiqueta inteligente en tus notificaciones por correo electrónico o mensajes de confirmación? En este tutorial, te mostraremos cómo puedes crear una etiqueta inteligente para la URL de tu sitio, pero también cómo y dónde colocarla dentro de tus notificaciones.

Añadir el fragmento

Para empezar, vamos a añadir primero nuestro fragmento al sitio. Si necesitas ayuda sobre cómo y dónde añadir fragmentos, por favor, asegúrate de revisar esta útil documentación.

/**
 * Process the Smart Tag.
 *
 * @link   https://wpforms.com/developers/how-to-create-a-smart-tag-for-site-url/
 */

function wpf_dev_register_site_smarttag( $tags ) {

    // Key is the tag, item is the tag name.
    $tags[ 'site_url' ] = 'Site URL';

    return $tags;
}
add_filter( 'wpforms_smart_tags', 'wpf_dev_register_site_smarttag', 10, 1 );

/**
 * Process the Smart Tag.
 *
 * @link   https://wpforms.com/developers/how-to-create-a-smart-tag-for-site-url/
 */

function wpf_dev_process_site_url_smarttag( $content, $tag ) {

    // Only run if it is our desired tag.
    if ( 'site_url' === $tag ) {

        // Assign the site URL to the $url variable
        $url = get_site_url();

        // Replace the tag with our link.
        $content = str_replace( '{site_url}', $url, $content );

    }

    return $content;
}
add_filter( 'wpforms_smart_tag_process', 'wpf_dev_process_site_url_smarttag', 10, 2 );

Este fragmento tiene dos funciones. La primera es simplemente registrar que vamos a crear una etiqueta inteligente llamada site_url, sin embargo, el texto que veremos dentro del constructor de formularios para esta etiqueta inteligente en particular es URL del sitio.

La segunda función buscará la URL del sitio actual con la función de WordPress get_site_url(); y luego la pasaremos dentro de la función y asignaremos la variable $url dentro de la etiqueta inteligente.

Uso de la etiqueta inteligente

Para el propósito de esta documentación, estamos colocando una imagen de agradecimiento dentro de cada notificación por correo electrónico que nuestros visitantes reciben después de completar nuestro formulario. Para hacer esto, iremos a la pestaña Notificaciones y añadiremos esto después de la etiqueta inteligente {all_fields} en nuestro mensaje de notificación.

Simplemente añade tu enlace HTML y la fuente de la imagen a tu Mensaje de correo electrónico en tu pestaña de Notificaciones.

<a href="{site_url}" class="form_footer_logo"><img src="{site_url}/my-image.jpg" /></a>

¡Y eso es todo! Hay mucho que puedes hacer con las etiquetas inteligentes en WPForms. Consulta nuestro tutorial sobre Cómo crear una etiqueta inteligente personalizada para empezar a crear tus propias etiquetas inteligentes personalizadas.

Preguntas frecuentes

P: ¿Qué pasa si quisiera usar esto dentro de un campo de formulario HTML o una etiqueta?

R: Las etiquetas inteligentes se pueden usar en muchas áreas por defecto, como mensajes de confirmación, notificaciones por correo electrónico, Valor predeterminado para ciertos campos del formulario. Sin embargo, si quisieras usar etiquetas inteligentes dentro de las etiquetas de campo o en un campo de formulario HTML, habrá un fragmento adicional que podrías necesitar añadir.

<a href="{site_url}" class="form_footer_logo"><img src="{site_url}/my-image.jpg" /></a>

Para más información sobre el fragmento necesario para procesar etiquetas inteligentes dentro de un campo de formulario HTML, por favor, revisa este tutorial.

Si deseas procesar etiquetas inteligentes dentro de una etiqueta de campo, asegúrate de consultar este tutorial.

¿Sabías que también puedes usar etiquetas inteligentes como opciones para tu campo de Casilla de verificación? Puedes ver ese tutorial leyendo esta documentación.

P: ¿Es posible truncar la URL?

R: ¡Absolutamente! Si quieres usar el permalink de la publicación o página actual para rellenar un campo, puedes utilizar este fragmento en su lugar.

/**
 * Process the Smart Tag.
 *
 * @link   https://wpforms.com/developers/how-to-create-a-smart-tag-for-site-url/
 */

function wpf_dev_register_site_smarttag( $tags ) {

    // Key is the tag, item is the tag name.
    $tags[ 'permalink' ] = 'Permalink';

    return $tags;
}
add_filter( 'wpforms_smart_tags', 'wpf_dev_register_site_smarttag', 10, 1 );

/**
 * Process the Smart Tag.
 *
 * @link   https://wpforms.com/developers/how-to-create-a-smart-tag-for-site-url/
 */

function wpf_dev_process_site_url_smarttag( $content, $tag ) {

    // Only run if it is our desired tag.
    if ( 'permalink' === $tag ) {

        // Assign the site URL to the $url variable
	$url = substr( get_permalink(), strlen( home_url('/') ) );

        // Replace the tag with our link.
        $content = str_replace( '{permalink}', $url, $content );

    }

    return $content;
}
add_filter( 'wpforms_smart_tag_process', 'wpf_dev_process_site_url_smarttag', 10, 2 );

Relacionado

Referencias de filtros:

• wpforms_smart_tags
• wpforms_smart_tag_process