Introducción
¿Le gustaría crear una URL de sitio de etiqueta inteligente? ¿Quizás le gustaría reutilizar esta Etiqueta Inteligente en sus notificaciones por correo electrónico o mensajes de confirmación? En este tutorial, le mostraremos cómo puede crear una Etiqueta Inteligente para la URL de su sitio, pero también cómo y dónde colocarla dentro de sus notificaciones.
Añadir el fragmento
Para empezar, primero vamos a añadir nuestro fragmento al sitio. Si necesitas ayuda sobre cómo y dónde añadir snippets, 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 pasaremos eso 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 de correo electrónico que nuestros visitantes reciben después de completar nuestro formulario. Para ello, nos dirigiremos a la pestaña Notificaciones y añadiremos esto después de la etiqueta {all_fields} Smart en nuestro mensaje de notificación.
Sólo tienes que añadir el enlace HTML y la fuente de la imagen a tu mensaje de correo electrónico en la pestaña Notificaciones.
<a href="{site_url}" class="form_footer_logo"><img src="{site_url}/my-image.jpg" /></a>
Y eso es todo. Hay tanto que puede hacer con las etiquetas inteligentes en WPForms. Echa un vistazo a nuestro tutorial sobre Cómo crear una etiqueta inteligente personalizada para empezar a crear sus propias etiquetas inteligentes personalizadas.
PREGUNTAS FRECUENTES
P: ¿Y si quisiera utilizar esto dentro de un campo de formulario HTML o una etiqueta?
R: Las Etiquetas Inteligentes se pueden utilizar en muchas áreas de forma predeterminada, como mensajes de confirmación, notificaciones por correo electrónico o valores predeterminados para determinados campos de formulario. Sin embargo, si desea utilizar etiquetas inteligentes dentro de las etiquetas de campo o en un campo de formulario HTML, tendrá que añadir un fragmento adicional.
<a href="{site_url}" class="form_footer_logo"><img src="{site_url}/my-image.jpg" /></a>
Para más información sobre el fragmento de código necesario para procesar etiquetas inteligentes dentro de un campo de formulario HTML, consulte este tutorial.
Si desea procesar etiquetas inteligentes dentro de una etiqueta de campo, asegúrese de consultar este tutorial.
¿Sabías que también puedes usar Smart Tags como opciones para tu campo Checkbox? Puedes ver ese tutorial leyendo esta documentación.
P: ¿Es posible truncar la URL?
R: ¡Por supuesto! Si desea utilizar el permalink de la entrada o página actual para rellenar un campo, puede 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
Filtrar referencias: