Cómo Cambiar el Texto de Marcador de Posición Predeterminado de un Elemento Desplegable

Personalizar el texto de marcador de posición predeterminado de un Elemento Desplegable puede ayudar a que sus formularios sean más claros, más profesionales y más fáciles de entender para los clientes.

En lugar de utilizar texto de marcador de posición genérico, puede mostrar etiquetas más significativas como:

• Seleccione su país
• Elija una talla
• Seleccione su profesión
• Elija una opción de entrega

¿Por Qué Personalizar el Texto de Marcador de Posición Desplegable?

Actualizar el texto de marcador de posición de su desplegable ayuda a mejorar:

• La claridad del formulario
• La experiencia del usuario
• Las tasas de cumplimentación del formulario
• El profesionalismo de la marca
• La orientación al cliente

Las etiquetas de marcador de posición claras ayudan a los visitantes a comprender exactamente qué información deben seleccionar antes de enviar un formulario.

Esto es especialmente útil para:

• Formularios de contacto
• Formularios de registro
• Formularios de encuestas
• Formularios de personalización de productos
• Formularios de varios pasos

Antes de empezar

Antes de seguir este tutorial, asegúrese de contar con lo siguiente:

• Una página creada en GemPages
• A Elemento Desplegable agregado a su página
• Acceso al editor de GemPages

Paso 1: Seleccione el Elemento Desplegable

Abra su página en el editor de GemPages.

Haga clic derecho en el Elemento Desplegable donde desea cambiar el texto de marcador de posición => Código Personalizado.

Paso 2: Abra la Pestaña Script

Abra la pestaña Script. Aquí es donde puede agregar JavaScript personalizado para el elemento seleccionado.

Paso 3: Agregue el Script Personalizado

Pegue el siguiente código en la pestaña Script:

document.addEventListener("DOMContentLoaded", () => {

  const currentElement = document.getElementsByClassName('{{rootClassName}}');

  currentElement[0]

    .querySelector('option[disabled].gp-hidden')

    .innerText = 'Profession';

});

Nota importante

Reemplace 'Profession' con el texto de marcador de posición que desea mostrar.

Ejemplo:

'Seleccione su país'

o

'Elija su talla'

Resultado: