HTML para enviar como oferta de Tasator

[ratemypost]

Oferta de Tasator

Utiliza esta plantilla cuando quieras que el cliente reciba la siguiente oferta de Tasator en su email.

Plantilla Tasator

El c贸digo:

Pega el siguiente c贸digo en la secci贸n “Enviar el siguiente email al cliente si hay valoraci贸n (formato HTML)” de Tasator聽 y aprende c贸mo personalizarlo.

Personaliza tu plantilla.

				
					<!DOCTYPE html>

<head>

</head>

  <body>

    <!-- LOGO -->
    
    <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" style="display: block; margin-left: auto; margin-top: 40px; margin-bottom: 30px; margin-right: auto; width: 300px; border-radius: 3px" align="center" data-lazy-src="Enlace_a_tu_logo"><noscript><img decoding="async" src="Enlace_a_tu_logo" style="display: block; margin-left: auto; margin-top: 40px; margin-bottom: 30px; margin-right: auto; width: 300px; border-radius: 3px" align="center"></noscript>

	<!-- L铆nea divisoria -->

    <hr style="border-top: 4px; border: solid; color: #13469F; opacity: 0.2; border-radius: 3px; margin: auto; width: 65%; margin-top: 		30px; margin-bottom: 30px;" align="center">

    <div style="text-align: center; align: center">

	<!-- T铆tulo: Cambia el color del t铆tulo para que se adapte a tus colores de marca (actual = color: #293241) -->

      <h2 style="color: #293241; font-size:32px; font-weight:700; font-family:Poppins; margin-bottom: 0.2em">Su valoraci贸n</h2>

	<!-- Texto previo a la valoraci贸n -->
    
      <span style="color: #000000; text-align: center; font-size:18px; font-weight:400; font-family: helveltica nue; line-height:40px; margin: 0.5em">
        {{client.name}}, la valoraci贸n de su {{car.make}} {{car.model}} es de:
      </span>

      <br> <br>
      
   	<!-- Valoraci贸n: Cambia el color de la valoraci贸n para que se adapte a tus colores de marca (actual = background-color: #EE6C4D) -->
    
      <span style="background-color: #EE6C4D; margin: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 4.5rem; padding-right: 4.5rem; color: #000000; border-radius: 3px; font-size:20px; font-family: poppins; line-height:40px">
        <b>{{appraisal.appraisal_value}}</b>
      </span>

      <br> <br>

    </div>
    
    <!-- Texto posterior a la valoraci贸n -->

    <div style="color: #000000; text-align: center; font-size:18px; font-weight:400; font-family: helveltica nue; line-height:40px; margin: 0.5em" align="center">
      La tasaci贸n proporcionada es estimativa a falta de ver el veh铆culo y comprobar su estado. N煤mero de dossier:
      <b> {{appraisal.dossier_number}}</b>
      <br>Si quiere una cita para una tasaci贸n definitiva llame al

      <!-- N煤meros de tel茅fono: Pega tus n煤meros de contacto aqu铆 -->
      
      <b> Tel茅fono de contacto 1</b> o <b> Tel茅fono de contacto 2</b>

      <!-- Direcci贸n f铆sica: Pega aqu铆 la direcci贸n de tu centro -->
      
      <br>Estamos en: <b>Direcci贸n de tu centro</b>

    </div>

	<!-- L铆nea divisoria -->
    
    <hr style="border-top: 4px; border: solid; color: #13469F; opacity: 0.2; border-radius: 3px; margin: auto; width: 65%; margin-top: 30px; margin-bottom: 30px;" align="center">

    <div style="text-align: center; align: center">

      <!-- Imagen centro: Pega aqu铆 la URL de tu p谩gina web -->
      
      <a href="www.tupaginaweb.com">
      
        <!-- Imagen centro: Pega aqu铆 la URL de una foto de tu centro -->
        
        <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" 
        style="display: block; margin-left: auto; margin-top: 50px; margin-right: auto; width: 450px; border-radius: 3px" align="center" data-lazy-src="URL_imagen_de_tu_centro"><noscript><img decoding="async" src="URL_imagen_de_tu_centro" 
        style="display: block; margin-left: auto; margin-top: 50px; margin-right: auto; width: 450px; border-radius: 3px" align="center"></noscript> 
      </a>

      	<br>

      <span>
      
        <!-- Bot贸n "隆Ven a visitarnos!": Pega aqu铆 la URL con indicaciones para llegar a tu centro -->
        
        <a href="URL_direccion_con_indicaciones" 
        style="color: #293241; font-size:20px; font-weight:600; font-family: Arial; text-decoration: none; padding-bottom: 1.5em; padding-top: 0.5em;" align="center">
          隆Ven a visitarnos! 
          <br><br>
        </a>
        
      </span>

    </div>

  </body>

</html>
				
			

1. A帽ade tu logo.

A帽ade la URL de tu logo y elige el tama帽o.聽

				
					    <!-- LOGO -->
    
    <img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" style="display: block; margin-left: auto; margin-top: 40px; margin-bottom: 30px; margin-right: auto; width: 300px; border-radius: 3px" align="center" alt="Logo" data-lazy-src="Enlace_a_tu_logo"><noscript><img decoding="async" src="Enlace_a_tu_logo" style="display: block; margin-left: auto; margin-top: 40px; margin-bottom: 30px; margin-right: auto; width: 300px; border-radius: 3px" align="center" alt="Logo"></noscript>
				
			

2. Configura los colores del t铆tulo.

Cambia el color del t铆tulo para que se adapte a tus colores de marca

				
					<!-- T铆tulo -->

<h2 style="color: #293241; font-size:32px; font-weight:700; font-family:Poppins; margin-bottom: 0.2em">Su valoraci贸n</h2>
				
			

3. Configura los colores de la valoraci贸n otorgada.

Cambia el color de fondo de la valoraci贸n otorgada para que se adapte a tus colores de marca.

				
					<!-- Valoraci贸n: Cambia el color de la valoraci贸n para que se adapte a tus colores de marca (actual = background-color: #EE6C4D) -->
    
<span style="background-color: #EE6C4D; margin: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 4.5rem; padding-right: 4.5rem; color: #000000; border-radius: 3px; font-size:20px; font-family: poppins; line-height:40px">
<b>{{appraisal.appraisal_value}}</b>
</span>
				
			

4. A帽ade tus n煤meros de contacto y la direcci贸n de tu centro.

A帽ade tus n煤meros de tel茅fono y la direcci贸n f铆sica de tu centro para que tus clientes puedan contactarte o visitarte.

				
					<!-- Pega tus n煤meros de contacto aqu铆 -->
<b> Tel茅fono de contacto 1</b> o 
<b> Tel茅fono de contacto 2</b>

<!-- Pega aqu铆 la direcci贸n de tu centro -->
<br>Estamos en: Direcci贸n de tu centro
				
			

5. Pega la URL de tu p谩gina web y la URL de una imagen de tu centro.

A帽ade una foto de tu centro y la URL de tu p谩gina web para que tus clientes te puedan diferenciar.

				
					<!-- Imagen centro: Pega aqu铆 la URL de tu p谩gina web -->
      
<a href="www.tupaginaweb.com">
      
<!-- Imagen centro: Pega aqu铆 la URL de una foto de tu centro -->
        
<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" 
style="display: block; margin-left: auto; margin-top: 50px; margin-right: auto; width: 450px; border-radius: 3px" align="center" alt="Centro" data-lazy-src="URL_imagen_de_tu_centro"><noscript><img decoding="async" src="URL_imagen_de_tu_centro" 
style="display: block; margin-left: auto; margin-top: 50px; margin-right: auto; width: 450px; border-radius: 3px" align="center" alt="Centro"></noscript> 
</a>
				
			

6. A帽ade “Como llegar” a tu centro.

Copia y pega la URL de tu centro desde Google para que tus clientes puedan saber a donde ir.

				
					 <!-- Bot贸n "隆Ven a visitarnos!": Pega aqu铆 la URL con indicaciones para llegar a tu centro -->

<a href="URL_direccion_con_indicaciones" 
style="color: #293241; font-size:20px; font-weight:600; font-family: Arial; text-decoration: none; padding-bottom: 1.5em; padding-top: 0.5em;" align="center">
Ven a visitarnos! 
<br><br>
</a>