SERVEIX

Transferència

<div class="whatsapp-container">
  <div id="whatsapp-text-bubble" class="whatsapp-text-bubble"></div>
  
  <a id="whatsapp-link-dinamic" href="#" aria-label="Contactar per WhatsApp">
    <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="Icona de WhatsApp" width="60" />
  </a>
</div>


<script>
(function() {
  // ==================================================================
  // =========== ZONA DE CONFIGURACIÓ PROFESSIONAL ============
  // ==================================================================
  // Aquesta és l'única secció que hauries d'editar en el futur.
  // Aquí pots canviar tots els textos, el número de telèfon i les regles.

  const config = {
    // Posa aquí el teu número de telèfon amb el prefix del país, sense el '+'.
    phoneNumber: '34610932115',

    // Aquests són els missatges per defecte si un usuari està en una pàgina
    // que no compleix cap de les regles de sota.
    default: {
      bubbleText: "Tens dubtes? Pregunta'ns!",
      whatsappText: "Tinc un dubte sobre la botiga."
    },

    // Aquí definim les regles per a cada pàgina o secció de la botiga.
    // L'script les comprovarà en ordre de dalt a baix i aplicarà la primera que coincideixi.
    pageRules: [
      {
        // REGLA PER A PÀGINES DE PRODUCTE
        // 'pathStartsWith' s'activa si la URL comença amb el text indicat.
        // És perfecta per a seccions amb múltiples pàgines.
        pathStartsWith: '/store/',
        isProductPage: true, // No tocar. Activa la lògica especial per a productes.
        bubbleText: "Dubtes sobre aquest producte?",
        // Fem servir marcadors:
        // {productName} -> serà reemplaçat pel nom del producte.
        // {productUrl} -> serà reemplaçat per l'enllaç del producte.
        whatsappText: "Tinc un dubte sobre el producte: {productName} ({productUrl})"
      },
      {
        // REGLA PER A LA PÀGINA DEL CARRET DE COMPRA
        // 'pathIs' s'activa si la URL és EXACTAMENT la indicada.
        pathIs: '/cart',
        bubbleText: "Ajuda amb la teva cistella?",
        whatsappText: "Necessito ajuda amb el procés de compra."
      },
      {
        // REGLA PER A LA PÀGINA DE LA BOTIGA (LLISTAT GENERAL)
        pathIs: '/store',
        bubbleText: "Busques un producte?",
        whatsappText: "Tinc una pregunta sobre els productes de la botiga."
      },
      {
        // REGLA PER A LA PÀGINA DE PERFIL D'USUARI
        pathIs: '/profile',
        bubbleText: "Hola! Com et podem ajudar?",
        whatsappText: "Tinc una pregunta sobre el meu compte."
      }
      // Per afegir una nova regla, només has de copiar una de les anteriors,
      // enganxar-la aquí i canviar els valors. Per exemple:
      // {
      //   pathIs: '/privacy-policy',
      //   bubbleText: 'Consultes de privacitat?',
      //   whatsappText: 'Tinc una consulta sobre la política de privacitat.'
      // }
    ]
  };

  // ==================================================================
  // ====== LÒGICA AVANÇADA (Normalment no cal tocar res d'aquí avall) ======
  // ==================================================================
  
  // Funció auxiliar per formatar el nom del producte.
  function formatProductName(slug) {
    if (!slug) return '';
    const textWithSpaces = slug.replace(/-/g, ' ');
    return textWithSpaces.replace(/\b\w/g, char => char.toUpperCase());
  }

  // Funció principal que llegeix la URL i actualitza el widget.
  function updateWidget() {
    const link = document.getElementById('whatsapp-link-dinamic'); 
    const bubble = document.getElementById('whatsapp-text-bubble');
    
    if (!link || !bubble) return; // Mesura de seguretat

    const path = window.location.pathname;
    let activeRule = config.default; // Per defecte, usem la regla general.

    // Recorrem les regles per trobar una que coincideixi.
    for (const rule of config.pageRules) {
      if ((rule.pathIs && rule.pathIs === path) || 
          (rule.pathStartsWith && path.startsWith(rule.pathStartsWith) && path.length > rule.pathStartsWith.length)) {
        activeRule = rule;
        break;
      }
    }

    let finalWhatsAppText = activeRule.whatsappText;
    
    // Si la regla activa és de producte, fem la substitució dels marcadors.
    if (activeRule.isProductPage) {
      const productSlug = path.substring(activeRule.pathStartsWith.length);
      const formattedName = formatProductName(productSlug);
      const productUrl = window.location.href;

      finalWhatsAppText = activeRule.whatsappText
        .replace('{productName}', formattedName)
        .replace('{productUrl}', productUrl);
    }
    
    // Actualitzem el text de la bombolla i l'acció de clic.
    bubble.textContent = activeRule.bubbleText;

    link.onclick = function(event) {
      event.preventDefault();
      const encodedMessage = encodeURIComponent(finalWhatsAppText);
      const whatsappUrl = `https://wa.me/${config.phoneNumber}?text=${encodedMessage}`;
      window.open(whatsappUrl, '_blank');
    };
  }

  // Aquest "observador" detecta els canvis de navegació en webs modernes (SPA)
  // i torna a executar la nostra lògica per mantenir el botó sempre actualitzat.
  const titleObserver = new MutationObserver(updateWidget);
  const titleElement = document.querySelector('title');
  if (titleElement) {
    titleObserver.observe(titleElement, { childList: true });
  }

  // Executem la lògica un cop al principi, a la càrrega inicial de la pàgina.
  document.addEventListener('DOMContentLoaded', updateWidget);

})();
</script>

Oblida't del manteniment, gaudeix-ne! A SERVEIX, experts en piscines de les Terres de l'Ebre, ens encarreguem de tot. Neteja, manteniment, reparacions... per a una piscina perfecta, sense preocupacions.

MANTENIMENT PISCINA (26 visites anuals)

Productos relacionados

PRESSÒSTAT DE MÍNIMA OSMOSI AMB BOMBA 1/4" F GENIUS

ACTUADOR ELÈCTRIC J4C S20 20NM 24-240V J+J

POT 5L DESINCRUSTANT LÍQUID SUPERFÍCIES PISCINA KLINWASS

ELECTROVÀLVULA AUTOFLUSHING AMB RESTRICTOR PER OSMOSI AMB BOMBA KLINWASS