Inicio/Guías/Diseño/Personalizar tu diseño

¿Cómo agregar un Call to Action?

abril 8, 2020

Un Call to Action o CTA (también llamado llamada a la acción) es un botón o enlace situado en nuestro sitio que busca atraer clientes potenciales y convertirles en clientes finales.

En este tutorial vamos a ver cómo agregar y editar uno.

Pasos para agregar un Call to Action 👇

1. Dentro del diseñador hace clic en el botón turquesa “+”.

2. Se abrirá el menú (izquierda). Hace clic en “Call to Action”

3. ¡Listo! ya tenés cargada la sección 👏

Ahora vamos a los pasos para editarlo.

Pasos para editar un Call to Action 👇

1. Hace clic en editar. Para el mouse para que aparezca esta opción.

2. Para cambiar el color de fonde ir a Estilos > Fondo de sección.

📍 Importante: Con está opción estas cambiando el fondo de la página, además de agregar un sombreado (opcional).

3. También podés agregar una foto o imagen. Para hacerlo tenés que ir a Estilos > Fondo de sección > Imagen > Click para subir.

💡 TIP: También podes agregar una textura desde Estilos > Fondo de sección > Texturas.

4. Color al contenedor ir a Estilos > Contenedor

 Título

En el texto vas a poder editar 👇

👉Desde la sección  Título > Estilo 

  • Color: El mismo lo elegís desde la paleta de colores.
  • Estilo: Normal o Itálica.
  • Peso: Liviana, normal o negrita.
  • Decoración: Sobrerayado, tachado o subrayado
  • Sombreado: Diferentes tipos de sombreado.

👉Desde la sección  Título > “Formato”

  • Tamaño: Nos referimos a la dimensión que va a tener el título en este caso.
  • Espaciado: Es el espacio que va a tener una letra de otra.
  • Alto de renglón: Cuando tenés más de dos renglones podés elegir que distancia van a tener uno del otro.
  • Alineación: Puede ser a la izquierda, centrado o hacia la derecha.

👉Desde la sección  Título > “Layout”

Margen superior – Margen inferior – Margen izquierdo – Margen derecho

 

🚨 Importante: Lo mismo se aplica para texto y botón.

🤓 Aviso importante: Recorda hacer ambas versiones, tanto la desktop (escritorio) como la mobile (celular)

 

💡 TIP: Además de estas funciones podés poner un color diferente al botón y al fondo, como también  un  borde desde la opción Call to Action > Botón > Estilo y allí elegir fondo o bordes.

Ejemplo de como queda cargado 👇
Listo, excelente trabajo! 👏

¿Te fue útil?

Sí  No
Artículos relacionados
  • ¿Cómo agregar un shop banner?
  • ¿Cómo vincular mi menú?
  • ¿Cómo agregar páginas internas?
  • ¿Cómo utilizar el filtro en un rotador de productos?
  • ¿Qué es un favicon y cómo agregarlo a mi tienda?
  • Medidas recomendadas para un slider 
Personalizar tu diseño
  • ¿Cómo agregar un Call to Action?
  • ¿Cómo agregar un shop banner?
  • ¿Cómo vincular mi menú?
  • ¿Cómo agregar páginas internas?
  • ¿Cómo utilizar el filtro en un rotador de productos?
  • ¿Qué es un favicon y cómo agregarlo a mi tienda?
View All 28  
Artículos populares
  • ¿Cómo agregar el botón de continuar con Google en mi Batitienda?
  • Primeros pasos de tu batitienda
  • ¿Cómo configurar mi sistema de fidelización FidelyNet?
  • Medida recomendadas para un slider versión mobile
  • ¿Cómo activar Instagram Shopping con mi Batitienda?
Categorías
  • Mobile
    • Configuración
    • Mobile Configuración
  • Primeros pasos
    • Preparación
  • Productos
    • Descuentos
    • Agregar un nuevo producto
  • Diseño
    • Personalizar tu diseño
  • Configuraciones
    • Medios de pago
    • Fidelización
  • Información general
    • Conocé lo que podés hacer con Batitienda
  • Envíos
    • Todo sobre envíos
  • Canales de ventas
    • Mercado Libre / Instagram Shop / Facebook
  • Pedidos
    • Mis Ventas

© 2021 Batitienda - Todos los derechos reservados.