Attenzione!

Questo articolo contiene codice PHP ed è destinato agli sviluppatori. Offriamo questo codice come cortesia, ma non forniamo supporto per personalizzazioni del codice o sviluppo di terze parti.

Per ulteriore assistenza, consulta il tutorial di WPBeginner su come aggiungere codice personalizzato.

Chiudi

Come elaborare Smart Tag nelle etichette dei campi

Introduzione

Desideri elaborare gli Smart Tag nelle etichette dei campi dei tuoi moduli? Con un piccolo snippet PHP, questo può essere facilmente realizzato. In questo tutorial, ti mostreremo come elaborare gli Smart Tag nelle etichette dei campi del tuo modulo.

L'utilizzo di Smart Tag è uno strumento molto utile per recuperare e visualizzare dinamicamente dati specifici all'interno del tuo modulo.

Per impostazione predefinita, gli Smart Tag non verranno elaborati se inseriti all'interno di etichette di campi sul tuo modulo.

Tuttavia, questa funzionalità può essere utile se, ad esempio, desideri mostrare il nome di un utente connesso, l'URL della tua pagina o persino visualizzare altri dettagli utilizzando Smart Tag personalizzati.

Ai fini di questo tutorial, creeremo un modulo che solo i nostri utenti connessi possono vedere, quindi vogliamo renderlo più personale utilizzando il loro nome all'interno dell'etichetta del campo di un campo modulo Paragrafo.

Aggiunta dello snippet

Inizieremo aggiungendo il nostro snippet al nostro sito. Se hai bisogno di assistenza su come aggiungere snippet al tuo sito, dai un'occhiata a questo tutorial.

Di seguito ti mostreremo due metodi, uno che prende di mira un ID modulo specifico e un altro che verrebbe applicato a tutti i moduli. Seleziona semplicemente quale snippet desideri utilizzare.

Indirizzamento a un ID modulo specifico

In questo snippet, stiamo prendendo di mira solo l'ID modulo 365. Se hai bisogno di aiuto per trovare il tuo ID modulo, esamina questo tutorial.

/**
 * Run Smart Tags on all field labels.
 *
 * @link   https://wpforms.com/developers/how-to-process-smart-tags-in-field-labels/
 */
  
function wpf_dev_textarea_field_display( $field, $field_atts, $form_data ) {
    
    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
    if ( absint( $form_data[ 'id' ] ) !== 365 ) {
        return $field;
    }
	
    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    
    return $field;

}

add_filter( 'wpforms_textarea_field_display', 'wpf_dev_textarea_field_display', 10, 3 );

Utilizzo per tutti i WPForms

Il codice mostrato di seguito consentirebbe ciò su tutti i tuoi WPForms.

/**
 * Run Smart Tags on field labels in WPForms.
 *
 * @link   https://wpforms.com/developers/how-to-process-smart-tags-in-field-labels/
 */
 
function wpf_dev_textarea_field_display( $field, $field_atts, $form_data ) {

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    
    return $field;

}

add_filter( 'wpforms_textarea_field_display', 'wpf_dev_textarea_field_display', 10, 3 );

Creazione del tuo modulo

Successivamente, creeremo il nostro modulo e aggiungeremo i nostri campi. Il primo campo modulo che aggiungeremo è un campo modulo Testo Paragrafo, useremo il nostro nuovo Smart Tag all'interno dell'etichetta del campo per recuperare il nome dell'utente. Quindi cambieremo l'etichetta per questo campo in Dicci qualcosa di te {user_first_name}.

una volta aggiunto lo snippet, ora puoi usare gli Smart Tag all'interno delle etichette dei campi

Se hai bisogno di aiuto nella creazione del tuo modulo, esamina questa documentazione.

Quando il tuo modulo viene caricato, vedrai il nome recuperato dal tuo nuovo Smart Tag.

Lo Smart Tag ora viene visualizzato all'interno dell'etichetta del campo

Utilizzo degli Smart Tag nelle notifiche email

Puoi usare gli Smart Tag anche nelle tue notifiche.

Per fare ciò, naviga su Impostazioni dall'interno del costruttore di moduli e seleziona Notifiche.

Durante la configurazione del messaggio di notifica email, puoi selezionare Mostra Smart Tag per includere quali Smart Tag desideri includere nel tuo messaggio.

puoi anche usare gli Smart Tag all'interno della tua notifica email per fornire una notifica più personale

Utilizzo degli Smart Tag in altre etichette di campi modulo

Di seguito troverai lo snippet necessario per ciascuno dei vari campi modulo per i quali puoi elaborare gli Smart Tag nell'etichetta di ciascuno di questi campi specifici.

Come accennato in precedenza, questi snippet sono specifici per un singolo ID modulo. Se desideri renderlo disponibile a tutti i moduli, rimuovi semplicemente il blocco nello snippet che fa riferimento all'ID modulo.

/**
 * Run Smart Tags on field labels in WPForms.
 *
 * @link   https://wpforms.com/developers/how-to-process-smart-tags-in-field-labels/
 */

// Run smart tags on text field label.
function wpf_dev_text_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 )
    return $field;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_text_field_display', 'wpf_dev_text_field_display', 10, 3 );


// Run smart tags on textarea field label.
function wpf_dev_textarea_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_textarea_field_display', 'wpf_dev_textarea_field_display', 10, 3 );


// Run smart tags on checkbox field label.
function wpf_dev_checkbox_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_checkbox_field_display', 'wpf_dev_checkbox_field_display', 10, 3 );


// Run smart tags on email field label.
function wpf_dev_email_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_email_field_display', 'wpf_dev_email_field_display', 10, 3 );


// Run smart tags on select field label.
function wpf_dev_select_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_select_field_display', 'wpf_dev_select_field_display', 10, 3 );


// Run smart tags on radio field label.
function wpf_dev_radio_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_radio_field_display', 'wpf_dev_radio_field_display', 10, 3 );


// Run smart tags on number field label.
function wpf_dev_number_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_number_field_display', 'wpf_dev_number_field_display', 10, 3 );


// Run smart tags on name field label.
function wpf_dev_name_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_name_field_display', 'wpf_dev_name_field_display', 10, 3 );


// Run smart tags on phone field label.
function wpf_dev_phone_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_phone_field_display', 'wpf_dev_phone_field_display', 10, 3 );


// Run smart tags on address field label.
function wpf_dev_address_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_address_field_display', 'wpf_dev_address_field_display', 10, 3 );


// Run smart tags on URL field label.
function wpf_dev_url_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_url_field_display', 'wpf_dev_url_field_display', 10, 3 );


// Run smart tags on password field label.
function wpf_dev_password_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_password_field_display', 'wpf_dev_password_field_display', 10, 3 );


// Run smart tags on payment checkbox field label.
function wpf_dev_payment_checkbox_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_payment_checkbox_field_display', 'wpf_dev_payment_checkbox_field_display', 10, 3 );


// Run smart tags on payment multiple select field label.
function wpf_dev_payment_multiple_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_payment_multiple_field_display', 'wpf_dev_payment_multiple_field_display', 10, 3 );


// Run smart tags on single payment field label.
function wpf_dev_payment_single_field_display( $field, $field_atts, $form_data ) {

    // Optional, you can limit to specific forms. Below, we restrict output to
    // form #365.
	if( $form_data[ 'id' ] != 365 ) 
    return;

    $field[ 'label' ] = wpforms()->smart_tags->process( $field[ 'label' ], $form_data );
    return $field;

}

add_filter( 'wpforms_payment_single_field_display', 'wpf_dev_payment_single_field_display', 10, 3 );


Questa funzionalità non supporterà i dati di input dell'utente (ad esempio, {field_id="3"}).

E questo è tutto! Ora puoi elaborare i tuoi Smart Tag all'interno delle etichette dei campi. Desideri elaborare gli Smart Tag nelle descrizioni dei campi? Dai un'occhiata al nostro articolo su Come elaborare gli Smart Tag nelle descrizioni dei campi.

Riferimento filtro: wpforms_textarea_field_display