Icono ayuda

¿Necesitas ayuda?

Contactar con asesor por WhatsApp

Saltar al contenido

Ariapsa - Diseño de páginas web México

Tutorial: Cómo ocultar el texto de política de privacidad en una página específica de WordPress

En este tutorial, aprenderás a ocultar el texto de la política de privacidad que aparece en un formulario de WooCommerce, pero solamente en una página específica de tu sitio web. Usaremos el plugin "Code Snippets" para implementar esta solución de manera limpia y sin modificar archivos del tema.

Requisitos previos

  • Un sitio WordPress con WooCommerce instalado
  • Plugin "Code Snippets" instalado y activado (puedes descargarlo desde el repositorio oficial de WordPress)

Paso 1: Identificar el elemento a ocultar

En este caso, queremos ocultar el siguiente elemento:


<div class="woocommerce-privacy-policy-text"> <p>Tus datos personales se utilizarán para procesar tu pedido, mejorar tu experiencia en esta web, gestionar el acceso a tu cuenta y otros propósitos descritos en nuestra <a href="https://ejemplo.com/aviso-privacidad/" class="woocommerce-privacy-policy-link" target="_blank">política de privacidad</a>.</p> </div>

Este texto aparece en nuestro formulario de registro ubicado en la URL: https://ejemplo.com/registro-de-proveedor/

Paso 2: Crear un nuevo snippet

  1. En tu panel de administración de WordPress, ve a Snippets → Añadir nuevo.
  2. Asigna un título descriptivo, por ejemplo: "Ocultar texto de privacidad en página de registro"

Paso 3: Añadir el código

Copia y pega el siguiente código en el editor:


/**
* Oculta el texto de la política de privacidad en la página de registro de proveedor
*/
add_action('wp_footer', 'shsh_hide_privacy_text');
function shsh_hide_privacy_text() {
// Verificar si estamos en la página específica
if (strpos($_SERVER['REQUEST_URI'], '/registro-de-proveedor/') !== false) {
?>
<style>
/* Oculta específicamente el div de política de privacidad en esta página */
.woocommerce-privacy-policy-text {
display: none !important;
}
</style>
<?php
}
}

Paso 4: Configurar y activar el snippet

  1. Asegúrate de que la opción "Ejecutar en todo el sitio" esté seleccionada.
  2. En la sección "Alcance del snippet", deja seleccionado "Contenido".
  3. Haz clic en el botón "Guardar cambios y activar".

 

Paso 5: Verificar el funcionamiento

  1. Visita la página https://ejemplo.com/registro-de-proveedor/.
  2. Comprueba que el texto de la política de privacidad ya no aparece en esta página específica.
  3. Verifica que el texto sigue apareciendo en otras páginas donde haya formularios similares (para asegurarte de que la ocultación es selectiva).

¿Cómo funciona este código?

  • add_action('wp_footer', 'ejemplo_hide_privacy_text'): Esta línea adjunta nuestra función personalizada al hook wp_footer, que se ejecuta al final de cada página.
  • La función ejemplo_hide_privacy_text() verifica si la URL actual contiene "/registro-de-proveedor/".
  • Si estamos en la página correcta, inyecta una regla CSS que oculta específicamente el elemento con la clase .woocommerce-privacy-policy-text.
  • El uso de !important asegura que esta regla tenga prioridad sobre otras reglas de estilo.

Personalización adicional

Si necesitas aplicar esta ocultación a una URL diferente:

Modifica esta parte del código:

if (strpos($_SERVER['REQUEST_URI'], '/registro-de-proveedor/') !== false) {

Cambia /registro-de-proveedor/ por la ruta de la URL que necesites.

Si el texto que quieres ocultar tiene una clase diferente:

Modifica esta parte del código:

.woocommerce-privacy-policy-text { display: none !important; }

  1. Reemplaza .woocommerce-privacy-policy-text con el selector CSS correcto.

Solución de problemas

Si el texto sigue apareciendo después de activar el snippet:

  1. Verifica la URL: Asegúrate de que la ruta en el código coincida exactamente con la URL donde quieres ocultar el texto.
  2. Inspecciona el elemento: Usa las herramientas de desarrollador de tu navegador (F12) para verificar si la clase CSS del elemento es correcta.
  3. Limpia la caché: Limpia la caché del navegador y cualquier caché a nivel de sitio web o plugins.
  4. Prueba un selector más específico: Si hay conflictos de CSS, intenta un selector más específico como .woocommerce-form .woocommerce-privacy-policy-text.

¡Y eso es todo! Con este simple snippet, has conseguido ocultar selectivamente el texto de la política de privacidad solo en la página específica que necesitabas.

Búsqueda: MultivendorX, Multivendor, Marketplace multivendor x

Ariapsa - Diseño de páginas web México
×

Iniciar Sesión

El registro de usuarios no está permitido.