La sección Social media icons muestra enlaces a tus perfiles sociales. Puede ir dentro de la página o quedarse fija en un lado de la pantalla mientras los compradores se desplazan.
Añadirla
En el constructor, abre la pestaña Sections, haz clic en Add new section y elige Social media icons en el grupo Marketing. Una por página, en cualquier página. El pie de página tiene un bloque Social media icons con las mismas cuentas y ajustes de iconos, consulta ¿Cómo configuro el pie de página de mi tienda (sobre nosotros, menú, iconos sociales, iconos de pago, enlaces a políticas, copyright)?.
Cuentas sociales
Rellena solo las plataformas que usas. Las vacías no se muestran, y si no rellenas ninguna cuenta, la sección no aparece.
- Para Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr y Telegram, escribe solo tu nombre de usuario, no el enlace completo. Por ejemplo
mystore. Algunas plataformas, como Instagram, TikTok y X, también aceptan@mystore. - Para una página de empresa de LinkedIn, escribe
company/y después el nombre de la página, por ejemplocompany/mystore. - Para WhatsApp, escribe tu número de teléfono en formato internacional, solo dígitos, por ejemplo
212600000000.
En las páginas de producto y de aterrizaje, el enlace de WhatsApp abre un chat con un mensaje ya escrito que nombra el producto, así sabes por qué pregunta el comprador. Esto también funciona en el bloque del pie de página.
Diseño
- Mode: Inline muestra los iconos en una fila dentro de la página. Fixed los fija en una columna en un lado de la pantalla.
- Position (solo Fixed): el borde Left o Right.
- Inline on mobile (solo Fixed): en pantallas pequeñas los iconos vuelven a la página, para que no tapen tu contenido.
- Section width y Alignment (solo Inline): ancho Page o Full, e iconos a la izquierda, al centro o a la derecha.
Apariencia
- Look: Icons te da todos los controles de estilo de abajo. App muestra cada plataforma como un botón redondo con el color de su marca, como los iconos de las aplicaciones. Con el aspecto App, los controles de forma, estilo, paleta, efecto al pasar el ratón y esquema de colores se ocultan porque no se aplican.
- Icon size: de 12 a 64 píxeles.
- Shape: None (solo el icono), Circle, Rounded o Square. Con una forma también tienes Style (Flat relleno, u Outline) y Shape size. La forma siempre es al menos tan grande como el icono.
- Color palette: Brand (el color de cada plataforma), Mono (el color de texto de tu esquema) o Custom con un Custom color.
- Hover effect: None, Brand (cambia al color de la marca), Scale, Lift u Opacity.
- Color scheme: el fondo de la sección y el color Mono.
- Gap entre iconos, Padding y la pestaña Custom CSS.
Recetas
- Iconos que acompañan al comprador: pon Mode en Fixed y Position en Right, y activa Inline on mobile. En ordenadores, los iconos se quedan en el lado de la pantalla mientras los compradores se desplazan.
- Botones de app coloridos: pon Look en App. Cada plataforma mantiene el color de su marca, sean cuales sean los colores de tu tienda.
- Iconos discretos a juego con tu tienda: Look en Icons, Shape en None, Color palette en Mono y Hover effect en Brand, para que el color de la marca solo aparezca al pasar el ratón.
Bueno saberlo
- Un enlace abre la página equivocada: comprueba que escribiste solo el nombre de usuario. No se aceptan direcciones completas ni caracteres de más.
- Los iconos fijos tapan un botón en los móviles: activa Inline on mobile.