Sergio Queral Tolós

Conjunto de instrucciones que como titulares de una cuenta bancaria damos a la entidad financiera para que proceda a retirar fondos de la cuenta de la que somos titulares y se los abone a una persona o conjunto de personas.

Transferencia bancaria

Contacta con Nosotros: Gestión de Riesgos y Servicio Técnico

Priorizamos la eficiencia. Para urgencias, utiliza WhatsApp o el Teléfono. Para consultas generales, utiliza el Email.

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



<script>
(function() {
  // ==================================================================
  // ========= LÓGICA DEL WIDGET DINÁMICO - STEL ORDER ==========
  // ==================================================================

  // ------------------------------------------------------------------
  //                  ZONA DE CONFIGURACIÓN
  // ------------------------------------------------------------------
  // Esta es la única sección que se debe editar para ajustar
  // el comportamiento del widget a las necesidades de Stel Order.

  const config = {
    // IMPORTANTE: Reemplazar con el número de teléfono oficial de Stel Order.
    // Formato: prefijo de país + número, sin '+' ni espacios.
    phoneNumber: '34610932115',

    // REGLA POR DEFECTO: Mensajes que se mostrarán en cualquier página
    // que NO coincida con una de las reglas específicas de abajo.
    default: {
      bubbleText: "¿Necesitas ayuda?",
      whatsappText: "Hola, tengo una consulta general sobre Stel Order."
    },

    // REGLAS ESPECÍFICAS POR PÁGINA:
    // El script las evalúa en orden. La primera que coincida será la que se aplique.
    pageRules: [
      {
        // REGLA 1: PÁGINAS DE PRODUCTO
        // Se activa si la ruta de la URL comienza con '/store/' (ej. /store/producto-a).
        pathStartsWith: '/store/',
        isProductPage: true, // Marca esta regla como especial para productos. No tocar.
        bubbleText: "¿Dudas sobre este producto?",
        // Marcadores dinámicos que el script reemplazará automáticamente:
        // {productName}: Se convierte en el nombre del producto (extraído de la URL).
        // {productUrl}: Se convierte en el enlace completo a la página del producto.
        whatsappText: "Hola, tengo una duda sobre el producto: {productName} ({productUrl})"
      },
      {
        // REGLA 2: PÁGINA DEL CARRITO
        // Se activa si la ruta de la URL es exactamente '/cart'.
        pathIs: '/cart',
        bubbleText: "¿Ayuda con tu pedido?",
        whatsappText: "Hola, necesito ayuda para finalizar mi compra en el carrito."
      },
      {
        // REGLA 3: PÁGINA GENERAL DE LA TIENDA
        // Se activa si la ruta de la URL es exactamente '/store'.
        pathIs: '/store',
        bubbleText: "¿Buscas algo en concreto?",
        whatsappText: "Hola, tengo una pregunta sobre los productos de la tienda."
      },
      {
        // REGLA 4: PÁGINA DE PERFIL DE USUARIO
        // Se activa si la ruta de la URL es exactamente '/profile'.
        pathIs: '/profile',
        bubbleText: "¡Hola! ¿Ayuda con tu cuenta?",
        whatsappText: "Hola, tengo una pregunta sobre mi cuenta de Stel Order."
      }
      // EJEMPLO PARA AÑADIR NUEVAS REGLAS:
      // Copia y pega una regla anterior y modifica los valores.
      // {
      //   pathIs: '/contacto',
      //   bubbleText: '¿Prefieres llamarnos?',
      //   whatsappText: 'Hola, he visto la página de contacto y quería hacer una consulta.'
      // }
    ]
  };

  // ------------------------------------------------------------------
  //                  ZONA DE LÓGICA AVANZADA
  //              (No modificar a menos que sea necesario)
  // ------------------------------------------------------------------
  
  // Función auxiliar que convierte un 'slug' de URL (ej. "mi-nuevo-producto")
  // en un nombre formateado (ej. "Mi Nuevo Producto").
  function formatProductName(slug) {
    if (!slug) return '';
    const textWithSpaces = slug.replace(/-/g, ' ');
    return textWithSpaces.replace(/\b\w/g, char => char.toUpperCase());
  }

  // Función principal que se ejecuta en cada carga o cambio de página.
  function updateWidget() {
    const link = document.getElementById('whatsapp-link-dinamic');  
    const bubble = document.getElementById('whatsapp-text-bubble');
    
    // Medida de seguridad: si los elementos HTML no existen, la función se detiene.
    if (!link || !bubble) return;

    const path = window.location.pathname;
    let activeRule = config.default; // Empezamos asumiendo la regla por defecto.

    // Itera sobre las reglas para encontrar la primera que coincida con la URL actual.
    for (const rule of config.pageRules) {
      const isExactMatch = rule.pathIs && rule.pathIs === path;
      const isStartsWithMatch = rule.pathStartsWith && path.startsWith(rule.pathStartsWith) && path.length > rule.pathStartsWith.length;
      
      if (isExactMatch || isStartsWithMatch) {
        activeRule = rule;
        break; // Optimización: una vez encontrada la regla, no es necesario seguir buscando.
      }
    }

    let finalWhatsAppText = activeRule.whatsappText;
    
    // Si la regla es de producto, realiza la sustitución de los marcadores.
    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);
    }
    
    // Actualiza el contenido visible de la burbuja.
    bubble.textContent = activeRule.bubbleText;

    // Define la acción de clic en el enlace.
    link.onclick = function(event) {
      event.preventDefault(); // Previene la navegación por defecto del enlace '#'.
      const encodedMessage = encodeURIComponent(finalWhatsAppText);
      const whatsappUrl = `https://wa.me/${config.phoneNumber}?text=${encodedMessage}`;
      window.open(whatsappUrl, '_blank', 'noopener,noreferrer'); // Abre en nueva pestaña de forma segura.
    };
  }

  // Observador de mutaciones: pieza clave para webs modernas (SPAs).
  // Detecta cambios en el título de la página, un indicador común de que el usuario ha navegado
  // a una nueva vista sin recargar la página, y vuelve a ejecutar la lógica.
  const titleObserver = new MutationObserver(updateWidget);
  const titleElement = document.querySelector('title');
  if (titleElement) {
    titleObserver.observe(titleElement, { childList: true });
  }

  // Ejecuta la función por primera vez cuando el DOM está completamente cargado.
  document.addEventListener('DOMContentLoaded', updateWidget);

})();
</script>

Planes de mantenimiento preventivo para Piscinas y Comunidades. Gestionamos el riesgo para que tú solo disfrutes.

Tu pedido ha sido realizado correctamente

GESTIÓN INTEGRAL DE ACTIVOS TÉCNICOS. SU TRANQUILIDAD, GARANTIZADA.

Explore nuestros planes preventivos y productos de mantenimiento.

Expertos en mantenimiento preventivo de piscinas y edificios. Gestionamos el riesgo y el cumplimiento normativo (ECA) para tu tranquilidad. Planes anuales y SAT

Mantenimiento de Piscinas y Comunidades |  Terres de l'Ebre

Compra online los planes de mantenimiento (13, 26, 52 visitas) y productos para tu piscina (cloro, dosificadores). Servicio técnico experto en Terres de l'Ebre.

Planes de Mantenimiento y Productos de Piscina | Tienda

En SERVEIX utilizamos exclusivamente consumibles de grado profesional. El concepto zPM permite cuantificar y facturar de forma justa y proporcional los materiales auxiliares utilizados en su reparación o instalación. El éxito reside en los detalles invisibles.

<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" data-mce-style="max-width: 600px; border: 1px solid #eeeeee; table-layout: fixed;" width="95%">
	<tbody>
		<tr>
			<td data-mce-style="word-break: break-word;">
			<table border="0" cellpadding="0" cellspacing="0" width="100%">
				<tbody>
					<tr>
						<td width="15">&nbsp;</td>
						<td align="center">&nbsp;
						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="left" valign="top"><strong>SUMINISTROS T&Eacute;CNICOS AUXILIARES</strong><br />
									PACK DE PEQUE&Ntilde;OS MATERIALES (zPM)</td>
									<td align="right" valign="top" width="55"><img alt="Icono" data-mce-src="https://img.icons8.com/ios/96/007da5/screwdriver.png" height="45" src="https://img.icons8.com/ios/96/007da5/screw.png" width="45" /></td>
								</tr>
							</tbody>
						</table>

						<hr size="1" />
						<table bgcolor="#007da5" border="0" cellpadding="15" cellspacing="0" data-mce-style="border-radius: 8px;" width="100%">
							<tbody>
								<tr>
									<td align="center" width="50%"><span style="color:#ecf0f1;"><strong>INCLUIDO</strong><br />
									EN LA INTERVENCI&Oacute;N MINIMA</span></td>
									<td align="center" data-mce-style="border-left: 1px solid #ffffff;" width="50%"><span style="color:#ecf0f1;"><strong>USO DE HERRAMIENTAS ESPECIALIZADAS</strong><br />
									CUBRE EL DESGASTE</span></td>
								</tr>
							</tbody>
						</table>
						&nbsp;

						<table border="0" cellpadding="10" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="left">Solo materiales que cumplen normativa t&eacute;cnica vigente para asegurar la longevidad de su instalaci&oacute;n.</td>
								</tr>
							</tbody>
						</table>

						<hr size="1" />&nbsp;
						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td bgcolor="#007da5" width="4">&nbsp;</td>
									<td width="10">&nbsp;</td>
									<td align="left"><strong>&iquest;Qu&eacute; incluye este Pack Cerrado?</strong></td>
								</tr>
							</tbody>
						</table>
						&nbsp;

						<table bgcolor="#f9f9f9" border="0" cellpadding="5" cellspacing="0" data-mce-style="border-radius: 8px; padding: 10px;" width="100%">
							<tbody>
								<tr>
									<td width="20"><img alt="" data-mce-src="https://img.icons8.com/ios-filled/20/28a745/checked.png" src="https://img.icons8.com/ios-filled/20/28a745/checked.png" /></td>
									<td><strong>Materiales auxiliares:</strong>&nbsp;Bridas, torniller&iacute;a, cintas t&eacute;cnicas, adhesivos de PVC.</td>
								</tr>
								<tr>
									<td width="20"><img alt="" data-mce-src="https://img.icons8.com/ios-filled/20/28a745/checked.png" src="https://img.icons8.com/ios-filled/20/28a745/checked.png" /></td>
									<td><strong>Consumibles:</strong>&nbsp;Fusibles, pilas.</td>
								</tr>
								<tr>
									<td width="20"><img alt="" data-mce-src="https://img.icons8.com/ios-filled/20/28a745/checked.png" src="https://img.icons8.com/ios-filled/20/28a745/checked.png" /></td>
									<td><strong>Desgaste:</strong>&nbsp;Uso de herramientas susceptibles de desgaste.</td>
								</tr>
							</tbody>
						</table>
						&nbsp;

						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td bgcolor="#666666" width="4">&nbsp;</td>
									<td width="10">&nbsp;</td>
									<td align="left"><strong>Servicios adicionales</strong></td>
								</tr>
							</tbody>
						</table>
						&nbsp;

						<table border="0" cellpadding="10" cellspacing="0" data-mce-style="border: 1px solid #eeeeee; border-radius: 8px;" width="100%">
							<tbody>
								<tr>
									<td align="left" width="33%"><a href="https://serveix.stelorder.shop/store/mano-de-obra"><strong>MANO DE OBRA EXTRA</strong></a><br />
									Ref:&nbsp;<strong>zHO</strong><br />
									Tras 90 min: 40&euro;/h en bloques de 30 min.</td>
									<td align="left" data-mce-style="border-left: 1px solid #eeeeee;" width="33%"><a href="https://serveix.stelorder.shop/store/intervencion-minima"><strong>INTERVENCI&Oacute;N M&Iacute;NIMA</strong></a><br />
									Ref:&nbsp;<strong>zim</strong><br />
									90 min, 40Km y peque&ntilde;o materila incluidos.</td>
									<td align="left" data-mce-style="border-left: 1px solid #eeeeee;" width="33%"><strong>MATERIALES</strong><br />
									Ref:&nbsp;<strong>zMA</strong><br />
									Repuestos espec&iacute;ficos bajo presupuesto.</td>
								</tr>
							</tbody>
						</table>
						&nbsp; &nbsp;

						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td align="center">
									<table border="0" cellpadding="0" cellspacing="0" width="300">
										<tbody>
											<tr>
												<td align="center" bgcolor="#007da5" data-mce-style="border-radius: 30px; box-shadow: 0px 4px 10px rgba(0,125,165,0.3);" height="55"><a data-mce-href="https://serveix.stelorder.shop/store/intervencion-minima" data-mce-style="text-decoration: none; display: block;" href="https://serveix.stelorder.shop/store/intervencion-minima"><span style="color:#ecf0f1;"><strong>CONTRATAR INTERVENCI&Oacute;N</strong></span></a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>

						<p align="center">*Precios con IVA incluido. Pago seguro con tarjeta.</p>
						&nbsp;

						<table bgcolor="#f4f9fc" border="0" cellpadding="15" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td valign="top" width="30"><img alt="" data-mce-src="https://img.icons8.com/color/48/000000/info.png" src="https://img.icons8.com/color/48/000000/info.png" width="30" /></td>
									<td align="left"><strong>Cortes&iacute;a Inicial: </strong>Si ha contratado una Intervenci&oacute;n M&iacute;nima (zIM), ya dispone de los primeros 10,00 &euro; de este material incluidos.</td>
								</tr>
							</tbody>
						</table>
						&nbsp;

						<hr size="1" />
						<p align="center">SQT-2026 | SERVEIX | Soluciones H&iacute;dricas Profesionales</p>
						</td>
						<td width="15">&nbsp;</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>


PEQUEÑO MATERIAL (FUNGIBLES)

En SERVEIX utilizamos exclusivamente consumibles de grado profesional. El concepto zPM permite cuantificar y facturar de forma justa y proporcional los materia